@charset "utf-8"; /* CSS Document */ *, ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box} article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block} [tabindex="-1"]:focus:not(:focus-visible){outline:0 !important} p{margin-top:0;margin-bottom:1rem} b,strong{font-weight: bolder;} a{color:#007bff;text-decoration:none;background-color:transparent} a:hover{color:#0056b3;text-decoration:none} a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;} a:not([href]):not([class]){color:inherit;text-decoration:none;} a:not([href]):not([class]):hover{color:inherit;text-decoration:none} hr{box-sizing:content-box;height:0;overflow:visible} img{vertical-align:middle;border-style:none} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} sub{vertical-align:sub} sup{vertical-align:super} .small,small{font-size:80%;font-weight:400} svg{overflow:hidden;vertical-align:middle} code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em} code{font-size:87.5%;color:#e83e8c;word-wrap:break-word} pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar;display:block;font-size:87.5%;color:#212529;padding:.75rem} kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem;box-shadow:inset 0 -0.1rem 0 rgb(0 0 0 / 25%)} /*other*/ blockquote{margin:0 0 1rem} figure{margin:0 0 1rem} template{display:none} output{display:inline-block} summary{display:list-item;cursor:pointer} abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none} address{margin-bottom:1rem;font-style:normal;line-height:inherit} [hidden]{display:none !important} /*table*/ table{border-collapse:collapse} th{text-align:inherit;text-align:-webkit-match-parent} .table{width:100%;margin-bottom:1rem;color:#212529;background-color:transparent} .table:not(.table-dark){color:inherit} .table-bordered{border: 1px solid #dee2e6;} .table-bordered td,.table-bordered th{border:1px solid #dee2e6} .table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6} /*ul+ol*/ ol,ul,dl{margin-top:0;margin-bottom:1rem} ol ol,ul ul,ol ul,ul ol{margin-bottom:0} dt{font-weight:bolder} dd{margin-bottom:.5rem;margin-left:0} /*form*/ label{display:inline-block;margin-bottom:.5rem} label:not(.form-check-label):not(.custom-file-label){font-weight:700} /*h*/ h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit} .h1,h1{font-size:2.5rem} .h2,h2{font-size:2rem} .h3,h3{font-size:1.75rem} .h4,h4{font-size:1.5rem} .h5,h5{font-size:1.25rem} .h6,h6{font-size:1rem} /*body*/ html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body{margin:0;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;} /*input*/ button{border: none;} textarea{resize: none;} input {margin:0;padding: 0;} button, input, textarea {outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);} input[type="button"],input[type="text"],input[type="submit"],button,select,textarea{-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0; outline: none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;} input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;} /*clearfix*/ .clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;} .clearfix:after{clear:both;} .clearfix{zoom:1;} /*swiper*/ .swiper-button-prev, .swiper-button-next{outline:none;} .swiper-button-prev:after, .swiper-button-next:after{outline:none;display:none;} /*font-face*/ @font-face{font-family:'Poppins';src:url('fonts/Poppins-Regular.eot');src:url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Poppins-Regular.woff') format('woff'),url('fonts/Poppins-Regular.ttf') format('truetype'),url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap} @font-face{font-family:'Poppins';src:url('fonts/Poppins-Medium.eot');src:url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),url('fonts/Poppins-Medium.woff') format('woff'),url('fonts/Poppins-Medium.ttf') format('truetype'),url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap} /*body*/ body{font-family:"Microsoft YaHei","微软雅黑","思源黑体","oppo sans","阿里巴巴普惠体","华为鸿蒙","harmony sans","黑体",Arial,Helvetica,sans-serif;min-width:320px;overflow-x: hidden;scroll-behavior: initial;color:#000;} /*html*/ html{font-size:0.8333333333333333vw;/*font-size:16px;*/} /*@media screen and (max-width:1920px){ html{font-size:16px;} }*/ @media screen and (max-width:1200px){ html{font-size:14px} } @media screen and (max-width:768px){ html{font-size:14px;} } @media screen and (max-width:540px){ html{font-size:2.59vw;font-size: clamp(0.875rem, 2.59vw, 1rem); min-width:320px;} } /*container*/ .container{width:73.75%;margin: 0 auto;} @media screen and (max-width:1440px) { .container{width:80%;} } @media screen and (max-width:1000px){ .container{width:90%;} } /*header*/ .header{position:fixed;top:0;left:0;right:0;width:100%;height:5.625rem;z-index:99;margin:auto;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;} .header .header-pc{position:relative;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;} .header .header-wrap{width:100%;height:5.625rem;font-size:0;text-align:center;background:transparent;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;} /*header logo*/ .header .header-pc .logo{width:8.75rem;height:5.625rem;position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;} .header .header-pc .logo img{display:block;max-width:100%;height:auto;} .header .header-pc .logo img.logo2{display:none;} .header.onsb .header-pc .logo img {display:none;} .header.onsb .header-pc .logo img.logo2{display:block;} .headerWhite .header .header-pc .logo img{display:none;} .headerWhite .header .header-pc .logo img.logo2{display:block;} /*header hover*/ .headerWhite .header{background:#fff;} .header.onsb{background:#fff;box-shadow: 0 2px 0.3rem rgba(0,0,0,0.05);} .header.onsb, .header.onsb .header-pc .header-wrap, .header.onsb .header-pc .logo{height:4.375rem;} /*pc-header-menu*/ .header .header-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;} .header .header-logo{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;} .header .pc-header-menu{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;height:100%;} /*pc-header-menu yiji*/ .header .pc-header-menu .nav{position:relative;float:left} .header .pc-header-menu .nav .li{margin:0;padding:0;float:left;position:relative;z-index:2;margin-right:3.75rem;} .header .pc-header-menu .nav .li:hover{z-index:2;} .header .pc-header-menu .nav .li dt a{font-size:1rem;line-height:2rem;font-weight:normal;color:#fff;position:relative;text-align:left; display:block;} .header .pc-header-menu .nav .li dt a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .header .pc-header-menu .nav .li.cur dt a:after, .header .pc-header-menu .nav .li:hover dt a:after{width:100%;left:0} @media (max-width:1200px){ .header .pc-header-menu .nav .li{margin-right:2rem;} } /*pc-header-menu yiji hover*/ .headerWhite .header .pc-header-menu .nav .li dt a, .header.onsb .pc-header-menu .nav .li dt a{color:#4f4f4f;} .headerWhite .header .pc-header-menu .nav .li.cur dt a, .header.onsb .pc-header-menu .nav .li.cur dt a{color:#00266c;} .headerWhite .header .pc-header-menu .nav .li dt a:after, .header.onsb .pc-header-menu .nav .li dt a:after{background:#00266c;} .headerWhite .header .pc-header-menu .nav .li:hover dt a, .header.onsb .pc-header-menu .nav .li:hover dt a{color:#00266c;} /*header-ri*/ .header .header-ri{background-position:left center;background-repeat:no-repeat;background-image:url('../images/top-line.jpg');background-size:1px;padding-left:5rem;margin-left:1.25rem;} .headerWhite .header .header-ri,.header.onsb .header-ri{background-image:url('../images/top-line2.jpg');} @media (max-width:1440px){ .header .header-ri{padding-left:4rem;margin-left:1rem;} } @media (max-width:1200px){ .header .header-ri{padding-left:3rem;margin-left:1rem;} } @media (max-width:1024px){ .header .header-ri{background-image:none!important;padding-left:0;margin-left:0;} } /*header-lan*/ .header .header-lan{position:relative;border-radius:1.5625rem; overflow: hidden;font-size:0;line-height:0;} .header .header-lan:before{content:"";position:absolute;z-index:1;left:0;top:0;border: 1px solid #c6c6c6;width:100%; height: 100%;border-radius:1.5625rem;} .header .header-lan:after{content:"";position:absolute;z-index:2;left:0;top:0; background-color:#00266c; width:50%; height: 100%;border-radius:1.5625rem;} .header .header-lan a{text-align:center;position:relative;z-index:3;font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif; font-weight:normal;color:#fff;font-size:0.75rem;line-height:1.4375rem;padding:0 0.75rem;display: inline-block;} .header .header-lan a.on{color: #fff!important;;} .headerWhite .header .header-lan a,.header.onsb .header-lan a{color: #000000} /*mask-bg*/ .mask-bg{position:fixed;width:100%;height:100vh;opacity:0;z-index:-1;visibility:hidden} .mask-bg.show{-webkit-transition:all .5s;transition:all .5s;opacity:1;background-image:url('../images/mask.png');visibility:visible} /*header-search-btn*/ .header .header-search-btn{width:1.5625rem;height:1.5625rem; margin-right:1.75rem;cursor: pointer;background-position:center center;background-repeat:no-repeat;background-image:url('../images/top-search.png');background-size:1.25rem;} .headerWhite .header .header-search-btn,.header.onsb .header-search-btn{background-image:url('../images/top-search2.png');} /*header-menu*/ .header .header-search{overflow-x:hidden;position:fixed;background:#fff;height:calc(100vh - 50px);z-index:40;top:0;transition:all .24s cubic-bezier(0.26,0,0.6,0.2)} .header .header-search .header-searchB{max-width:900px;margin:0 auto} .header .header-search.search-hide{visibility:hidden;overflow-x:hidden;height:0;width:0;top:-50px;opacity:0;transition:opacity .2s cubic-bezier(0.26,0,0.6,0.2)} .header .header-search.search-show{visibility:visible;overflow-x:unset;height:auto;/*height:100vh;*/width:100%;top:0;opacity:1;transition:unset} .header .header-search.search-show .search, .header .header-search.search-show .search svg:first-child, .header .header-search.search-show .search input{transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.2)} .header .header-search.search-show .search .search-box{border:1px solid #dcdcdc} .header .header-search.search-show .search .search-box svg path{fill-opacity:.85} .header .header-search.search-show .search input{color:rgba(0,0,0,0.95)} .header .header-search.search-show .search-list{opacity:1;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96)} .header .header-search .search{display:flex;padding:12px 16px;align-items:center;justify-content:space-between;transform:translateX(30px)} .header .header-search .search::before{content:'';display:none} .header .header-search .search .search-box{display:flex;flex:1;padding:8px 12px;background:rgba(0,0,0,0.06);border-radius:32px;align-items:center;box-sizing:border-box} .header .header-search .search .search-close{color:rgba(0,0,0,0.75);font-size:14px;line-height:22px;margin-left:16px;padding-right:4px;cursor:pointer;white-space:nowrap} .header .header-search .search svg:first-child{margin-right:5px;transform:translateX(30px)} .header .header-search .search input{flex:1;font-size:14px;line-height:22px;outline:0;border:0;padding:0;color:rgba(0,0,0,0.3);background:transparent;transform:translateX(30px)} .header .header-search .search-list{position:unset;top:0;width:100%;max-height:calc(100vh - 52px);opacity:0;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96)} .header .header-search .search-list .search-list-box{border:0;box-shadow:none;border-radius:0;margin-top:0} .header .header-search .search input::placeholder{color:rgba(0,0,0,0.3)} .header .header-search .search input:focus{color:#2c5fc4 !important} .header .header-search .search input:focus::placeholder{color:rgba(44,95,196,0.6)} .header .header-search .search-list .search-list-box{padding:16px 0;background:#fff;box-sizing:border-box;} .header .header-search .search-list .quick-link p{padding:0 16px 12px;font-size:12px;line-height:20px;color:#333333} .header .header-search .search-list .quick-link ul{margin:0;padding:0;list-style:none;} .header .header-search .search-list .quick-link li{padding:0 16px} .header .header-search .search-list .quick-link li:hover{background:rgba(0,0,0,0.02)} .header .header-search .search-list .quick-link li a{display:block;padding:8px 0;width:100%;font-size:16px;line-height:24px;color:#000000;} .header .header-search .search-list .quick-link li:nth-child(n+6){display:none} @media (max-width:1024px){ .header .header-search-btn{margin-right:1rem;} } /*m-header*/ .nav-lang-link, .m-header-menu{display:none;} .header .header-ri{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content:flex-end; height:100%;} @media screen and (min-width: 1024.1px) { .m-header-menu{display:none!important;} } @keyframes long{0%{width:8px}25%{width:16px}50%{width:22px}75%{width:16px}100%{width:8px}} @media screen and (max-width: 1024px) { /*m-nav-btn*/ .m-nav-btn{height:65px;width:30px; float:left; position:relative;display:block;cursor:pointer;-moz-transition-duration:.5s;-webkit-transition-duration: .5s;-o-transition-duration:.5s;transition-duration:.5s; } .m-nav-btn .line{display:inline-block;height:2px;width:20px;background-color:#fff;position:absolute;right:0;transition:0.8s} .m-nav-btn .line1{top:25px;animation:long 2s linear infinite} .m-nav-btn .line2{top:32px;width:15px;animation:long 2s linear infinite;animation-delay:400ms} .m-nav-btn .line3{top:40px;width:10px;animation:long 2s linear infinite;animation-delay:600ms} .m-nav-btn.cur .line1{transform: rotate(45deg);width:22px;animation:none;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0; transform-origin: left top 0; } .m-nav-btn.cur .line2{display:none; } .m-nav-btn.cur .line3{transform: rotate(-45deg);width:22px;animation:none;-webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; transform-origin: left bottom 0; } /*m-header-menu*/ .m-header-menu{width: 100%;height: 100%;display:none;position: fixed;left: 0;top:64px;background-color: #fff;z-index: 5;overflow: scroll;} .m-header-menu .m-header-nav{padding:4vw 4vw;} .m-header-menu .nav-a{color: #333;font-size: 16px;line-height:20px; padding:20px 0; display: block; cursor: pointer; background: url('../images/arrow-right3.png') no-repeat right 0 center; background-size:8px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .m-header-menu .header-subnav{position:static;display: none;padding: 15px 15px;} .m-header-menu .sub-a{line-height: 36px;font-size:15px;color: #666;display: block;border-bottom:none; } .m-header-menu .header-subnav2{display: none;padding:15px 15px;} .m-header-menu .sub-a2{line-height: 36px;font-size:15px;color: #666;display: block;border-bottom:none; } body.openmenu{ overflow: hidden;} .header.openmenu{ background-color:#fff!important;} .header.openmenu .logo img{display:none!important;} .header.openmenu .logo img.logo2{display:block!important;} .header.openmenu .m-nav-btn .line{background-color:#00266c!important;} .header .header-pc .pc-header-menu{display:none!important;} .header .header-pc .header-wrap{padding:0;} .headerWhite .header .header-pc .m-nav-btn .line{background:#00266c;} .header.onsb .header-pc .m-nav-btn .line{background:#00266c;} .header .header-ri .header-lan{margin:0 10px 0 0;} .header{height:65px!important;} .header .header-pc .header-wrap .logo{height:65px!important;} .header .header-pc .header-wrap{height:65px!important;} } @media screen and (max-width:768px) { .header .header-pc .header-wrap .logo{left:0px;} .header .header-pc .logo{width:8rem;} } @media screen and (max-width:640px) { .header .header-ri .header-search-button{width:40px;background-size:20px;} .header .header-ri .header-lan{margin:0;} .header .header-ri .header-lan .header-lan-top{width:40px;background-size:25px;} } @media screen and (max-width:750px) { .header .header-pc .logo{width:7rem;} } /***********************footer***********************/ .footer {background:#262729;padding-top:7.18rem;padding-bottom:4.375rem;} .footer .footer-top{/*border-top: 1px solid #515254;padding-top:40px;*/padding-bottom:3.125rem;} /*footer-nav*/ .footer .footer-nav{float:left;width:60%; position: relative;} .footer .footer-nav .ul2{height:auto;float:left;font-size:0;text-align:left;} .footer .footer-nav .ulB{margin:0;padding:0;list-style:none;} .footer .footer-nav .t1{color:#fff;font-size:1rem;margin-bottom:1.125rem;} .footer .footer-nav .t1 a{display:inline-block;color:#fff;line-height:1; font-weight:600;} .footer .footer-nav .t2{display:block;line-height:0;padding:0;margin:0;font-size:1rem;margin-bottom:1.125rem;} .footer .footer-nav .t2 a{display:inline-block;color:#a6a6a6;line-height:1;padding:0; position:relative; padding-bottom: 2px;} .footer .footer-nav .t2 a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:1px;background:#fff;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .footer .footer-nav .t2 a:hover:after{width:100%;right:auto;left:0} .footer .footer-nav .t2 a:hover{color:#fff;} @media screen and (min-width:768.1px) { .footer .footer-topB{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;flex-flow:wrap;flex:1;justify-content:space-between;flex-wrap: nowrap; width:100%;} .footer .footer-nav .footer-navB{display:flex!important;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;flex-flow:wrap;flex: 1;justify-content:space-between;} .footer .footer-nav .ul2{flex-grow:1;} } /*bottom-logo*/ .footer .bottom-logo{margin-bottom:2.9375rem;} .footer .bottom-logo img{ max-height:1.75rem;width:8.75rem;display: block;} /*footer-lx*/ .footer .footer-lx{float:left;width:40%;font-size:1rem;color:#fff;} .footer .footer-lx .footer-lxBox{padding-right:1.25rem;} .footer .footer-lx .tit{color:#8b8d8f;margin-bottom:0.75rem;line-height:1;} .footer .footer-lx .tel{font-size:1.875rem;font-family:'Poppins',"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;font-weight:500; margin-bottom:0.65rem;line-height:1;} .footer .footer-lx .add{line-height:1.2;} /*footer-copyright*/ .footer .footer-copyright{font-size:1rem;color:#8e8e8e;line-height:1.3;} .footer .footer-copyright .footer-copyrightB {padding-right: 25rem; position: relative;} .footer .footer-copyright a{color:#8e8e8e;} .footer .footer-copyright a:hover{color:#fff;} @media screen and (max-width:1200px) { .footer {padding-top:5rem;padding-bottom:4rem;} } @media screen and (max-width:1000px) { .footer {padding-top:4rem;padding-bottom:5rem;} .footer .footer-nav{float:none; width:100%; text-align:left;position: static;} .footer .footer-nav .footer-navB{ display:block;} .footer .footer-nav .ul2{margin-left:0; width:100%;margin-bottom:0;padding-right: 0;} .footer .footer-nav .listB{display:none; width:100%;} .footer .footer-nav .ul2 .ulB{ display:block;width:100%;padding-top:15px;padding-bottom:15px;} .footer .footer-nav .t1{margin-bottom:0;} .footer .footer-nav .t1 a{box-sizing: border-box;padding:15px 0;margin:0 auto; position:relative;font-weight:normal;} .footer .footer-nav .t1 a:before{display:block;content: '';position: absolute;bottom:0;left:0;right:0;height: 1px;width: auto;background-color:#515254} .footer .footer-nav .t1 a:after{display:block;content: '';position: absolute;top:15px;right:0;height:20px;width:10px;background:url('../images/icon-m.png') right center no-repeat;background-size:50%;-webkit-transition: all 0.5s;transition: all 0.5s;} .footer .footer-nav .t1.act a:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);} .footer .footer-nav .t1 a,.footer .footer-nav .t2 a{ display:block;} .footer .footer-nav .t2 a{padding:5px 10px;} .footer .footer-nav .t2 a:after{display:none;} .footer .footer-lx{float:none;width:100%;text-align:left; margin-bottom:20px; } .footer .footer-lx .footer-lxBox{float:left;} .footer .footer-copyright{text-align:center;font-size:0.875rem;} .footer .footer-copyright .footer-copyrightB {padding-right:0;} .footer .footer-social{margin-top:7px;} .footer .footer-copyright .footer-copyrightB {position: static;} } @media screen and (max-width:768px) { .footer {padding-top:1.25rem;padding-bottom:6.5rem;} .footer .bottom-logo{ display:none;} .footer .footer-lx{ display:none;} .footer .footer-nav .t1{font-size:16px;} .footer .footer-nav .t1 a{padding:20px 0;line-height:1.3;} .footer .footer-nav .ul2 .ulB{padding-top:15px;padding-bottom:0;} .footer .footer-nav .t2{font-size:16px;margin-bottom:7px;} .footer .footer-nav .ulB .t2:last-child{margin-bottom:0;} .footer .footer-nav .t2 a{padding:0 0;line-height:1.5;} .footer .footer-nav .t1 a:after{top:50%; margin-top:-10px;height:20px;width:10px;} .footer .footer-lx{margin-bottom:20px;} .footer .footer-copyright{font-size:0.875rem;} .footer .footer-social{margin-top:7px;} .footer .footer-copyright{font-size:1rem;line-height:1.5;} } @media screen and (max-width:750px) { .footer .footer-top{padding-bottom:2.25rem;} .footer {/*padding-top:4rem;*/padding-bottom:8.4375rem;} .footer .footer-nav .t1{font-size:1rem;} .footer .footer-nav .t1 a{padding:1.25rem 0;line-height:1.3;} .footer .footer-nav .ul2 .ulB{padding-top:1.25rem;padding-bottom:0;} .footer .footer-nav .t2{font-size:1rem;margin-bottom:0.4375rem;} .footer .footer-nav .ulB .t2:last-child{margin-bottom:0;} .footer .footer-nav .t2 a{padding:0 0;line-height:1.5;} .footer .footer-nav .t1 a:after{top:50%; margin-top:-0.625rem;height:1.25rem;width:0.625rem;} } @media screen and (max-width:540px) { .footer {padding-bottom:7rem;} .footer .footer-nav .t1{font-size:1rem;} .footer .footer-nav .t2{font-size:1rem;} .footer .footer-copyright{font-size:0.875rem;} } @media screen and (max-width:350px) { /*.footer {padding-bottom:70px;} */ } /*icon-top*/ .icon-top{width:45px;height:45px;border-radius:50%; background-image:url('../images/icon-top.png');background-position: center center; background-repeat: no-repeat;background-size:100%;background-color: #ffffff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;position: absolute;right:0;top:0;cursor:pointer;z-index:100;} @media screen and (max-width:1000px) { .icon-top{ width:40px;height:40px;position: fixed;right:16px;bottom:30px;z-index: 3;top: auto;box-shadow: 0 2px 30px rgba(0,0,0,0.15);} } @media screen and (max-width:768px) { .icon-top{ width:40px;height:40px;position: fixed;right:16px;bottom:100px;z-index: 3;top: auto;box-shadow: 0 2px 30px rgba(0,0,0,0.15);} } /*footer-social*/ .footer-social{margin:0;padding:0;list-style:none;line-height: 0;font-size: 0;position: absolute;right:0;bottom: 0;} .footer-social{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content:flex-end;height:100%;} .footer-social li{position:relative;margin-left:1.5rem;list-style: none; line-height: 0;font-size: 0;} .footer-social li:first-child{margin-left:0;} .footer-social li .dpa{display:block;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:50%; background-color: rgba(255,255,255,0.1);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;} .footer-social li .dpa:hover{background-color: #00266c;} .footer-social li .dpa img{padding:0.375rem;display:block;max-width: 100%;max-height: 100%;} @media screen and (max-width:1200px) { .footer-social{position: static;text-align:center; margin: 0 auto; justify-content: center;} } /*popBox*/ @media (min-width:768.1px){ .footer-social li .popup{display:none;position:absolute;bottom:2.5rem;right: 50%;margin-right: -4.3125rem;width:8.625rem;height:9.625rem;} .footer-social li .er-code{padding:0.25rem;border-radius:0.25rem;background:#fff;-ms-box-shadow:0 0.125rem 0.375rem 0 rgba(0,0,0,.1);-o-box-shadow:0 0.125rem 0.375rem 0 rgba(0,0,0,.1);box-shadow:0 0.125rem 0.375rem 0 rgba(0,0,0,.1);position:relative;z-index:2;} .footer-social li .er-code img{width:8.125rem;height:8.125rem} .footer-social li .triangle{position:absolute;background:#fff;-ms-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);-o-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);z-index:0;width:0.6875rem;height:0.6875rem;bottom:1.05rem;right: 50%;transform: translateX(50%) translateY(50%) rotate(45deg);} .footer-social li:hover .popup{display:block;} } @media screen and (max-width:768px) { .footer-social li{margin-left:1rem;} .footer-social li .dpa{width:2.3rem;height:2.3rem;line-height:2.3rem;line-height:normal;} .footer-social li .dpa img{padding:0.3rem;} .footer-social li .popup{bottom:2.3rem;} /*popupCode弹窗二维码*/ .footer-social li .triangle{display:none;} .footer-social li .popup{display:none;position:fixed;z-index:1000;left:0;right:0;top:0;bottom:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center} .footer-social li .popup.active{display:flex} .footer-social li .popup .er-code{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative} .footer-social li .popup .er-code img{max-width:100%;height:auto;display:block;border-radius:4px; width:200px;} .footer-social .close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#666;cursor:pointer;transition:background-color 0.3s;background-image:url('../images/icon-close2.png');background-position: center center; background-repeat: no-repeat;background-size:0.75rem;} .footer-social .close-btn:hover{background-color:#f0f0f0} .footer-social .popup.active .er-code{animation:fadeIn 0.3s ease-out forwards} } @media screen and (max-width:540px) { .footer-social li{margin-left:0.875rem;} .footer-social li .dpa{width:2.125rem;height:2.125rem;line-height:2.125rem;} .footer-social li .dpa img{padding:0.3rem;} } /*footer2*/ .footer2 {position:absolute;bottom:1.5rem;left:0;right:0; z-index: 99;} .footer2 .footer2Box{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap:wrap;font-size: 0; line-height: 0;position: relative;padding-right:25rem; } /*footer2nav*/ .footer2nav{height:auto;font-size:0;text-align:left; } .footer2nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;} .footer2nav li{display:inline-block;font-size:0;line-height:0;padding:0;margin:0;vertical-align:top;} .footer2nav li a{display:inline-block;color:#fff;font-size:1rem;line-height:1.5; position:relative; margin-right:1.5rem;} .footer2nav li a:after{content:"";position:absolute;right:-0.75rem;top:50%; width: 3px;height:3px; margin-top:-1px;border-radius:50%; background-color:#fff;} .footer2nav li a:hover{color:#00266c;} .footer2nav li:last-child a:after{ display: none;} /*footer-bq*/ .footer-bq{font-size:1rem;line-height:1.5;color:#fff;display:inline-block;} .footer-bq{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%;} .footer-bq a{color:#fff;} .footer-bq a:hover{color:#00266c;} @media screen and (max-width:1200px) { .footer2 .footer2Box{padding-right:0; display: block;} .footer2nav{text-align:center;display: block; margin-bottom:0.3rem;} .footer2nav li a{font-size:0.875rem;line-height:1.2; } .footer2nav li:last-child a{margin-right:0;} .footer-bq{text-align:center;display: block; margin-bottom:0.5rem;font-size:0.875rem;} } @media screen and (max-width:750px) { .footer-bq{font-size:1rem;line-height:1.5;margin-bottom:0.5rem;} .footer2nav li a{font-size:1rem;line-height:1.5; } } @media screen and (max-width:540px) { .footer-bq{font-size:0.875rem;line-height:1.5;margin-bottom:0.25rem;} .footer2nav li a{font-size:0.875rem;line-height:1.5; } } /*rightbar*/ .rightbar{margin:0;list-style:none;position:fixed;top:30%;right:0;z-index:1001; padding:1.25rem 0;} .rightbar .icon-ss{position:absolute;right:0;width:1.25rem;height:1.25rem;background-position: center center; background-repeat: no-repeat;background-size:100%;} .rightbar .icon-ss.icon-t{background-image:url('../images/float-rights2.png');top:0;} .rightbar .icon-ss.icon-b{background-image:url('../images/float-rights1.png');bottom:0;} .rightbar .a-box{display:block;width:5rem;padding:0.625rem 0 0.9375rem 0;text-align:center;font-size:1rem;font-weight:300;line-height:1.5rem;color:#ffffff;background-color:#1f1f1f;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;position:relative;} .rightbar .a-box:hover{background-color: #00266c;} .rightbar .a-box .icon{width:1.25rem;height:1.25rem;margin:0 auto;} .rightbar .a-box .icon img{ max-height:100%; max-width:100%; width:auto; margin:0 auto; display:block;} .rightbar .a-box:after{content:"";position:absolute;bottom:0;left:0; right:0; margin:0 auto;width:100%;height:0.0625rem;background-image:url('../images/float-line.png');background-position: center bottom; background-repeat: no-repeat;top:0;} .rightbar .a-box.icon-kf{border-top-left-radius:1.5rem;} .rightbar .a-box.icon-kf:after{ display: none;} .rightbar .a-box.icon-hz{border-bottom-left-radius:1.5rem; } @media (max-width:768px){ .rightbar{bottom: 0;left: 0;top:auto;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;} .rightbar .a-box{width:100%; display: block;padding:0.5rem 0;font-size:0.875rem;} .rightbar .icon-ss{width:1rem;height:1rem;} .rightbar .icon-ss.icon-t{top:auto;bottom:0; left:0;} .rightbar .icon-ss.icon-b{bottom:0;transform:rotate(-180deg);} .rightbar .a-box.icon-hz{border-bottom-left-radius:0;border-top-right-radius:1.5rem;} } @media screen and (max-width:768px){ .rightbar{padding:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;} .rightbar .icon-ss{display:none;} .rightbar .a-box.icon-hz{border-radius:0;} .rightbar .a-box.icon-kf{border-radius:0;} .rightbar .a-box:hover{background-color: #fff;} .rightbar .a-box{display:block;width:100%;padding:1rem 0;font-size:1rem;line-height:1.25rem;color:#000;background-color:#fff;} .rightbar .a-box .icon{height:1.875rem;width:100%;} } @media screen and (max-width:750px){ .rightbar .a-box{padding:2.13vw 0;font-size:2.13vw;line-height:1.5;} .rightbar .a-box .icon{height:4vw;min-height:1.3rem;} } @media screen and (max-width:540px){ .rightbar .a-box{padding:0.875rem 0;font-size:0.875rem;line-height:1.25rem;color:#000;background-color:#fff;} .rightbar .a-box .icon{height:1.875rem;} } /*popBox*/ @media (min-width:768.1px){ .rightbar .popBox{display:block;position:absolute;bottom:0;right:100%; padding-right:0.6875rem;width:14.875rem;height:21rem;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;} .rightbar .popBox .img{border-radius:6px;overflow: hidden;-ms-box-shadow:0px 1px 14px rgba(0, 0, 0, 0.14);-o-box-shadow:0px 1px 14px rgba(0, 0, 0, 0.14);box-shadow:0px 1px 14px rgba(0, 0, 0, 0.14);} .rightbar .popBox .img img{width:100%;height:100%;display:block;} .rightbar .popBox .triangle{position:absolute;background:#fff;-ms-box-shadow:0.1875rem -0.1875rem 0.5rem rgba(0,0,0,.1);-o-box-shadow:0.1875rem -0.1875rem 0.5rem rgba(0,0,0,.1);box-shadow: 0.1875rem -0.1875rem 0.5rem rgba(0,0,0,.1);z-index:8;width:0.6875rem;height:0.6875rem;bottom:2.5rem;right: 0.6875rem;transform:translateY(50%) rotate(45deg); display: none;} .rightbar li{-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;} .rightbar .popBox{opacity:0;transform:translateX(0.75rem);visibility:hidden;transition:all .3s ease;transition-delay:.1s} .rightbar li:hover .popBox{opacity:1;transform:translateX(0rem);visibility:visible;} .rightbar .close-btn{ display: none;} } @media (max-width:768px){ /*popupCode弹窗二维码*/ .rightbar .popBox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center} .rightbar .popBox.active{display:flex} .rightbar .popBox .img{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative} .rightbar .popBox .img img{max-width:100%;height:auto;display:block;border-radius:4px; width:200px;} .rightbar .close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#666;cursor:pointer;transition:background-color 0.3s} .rightbar .close-btn:hover{background-color:#f0f0f0} .rightbar .popBox.active .img{animation:fadeIn 0.3s ease-out forwards} } /*****************************************index*****************************************/ /*indexBanner*/ .indexBanner{position:relative;overflow:hidden;height:100vh;height:100dvh;} .indexBanner .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;} /*bannerimg*/ .indexBanner .item{display:block; position: relative; z-index: 4;height:100vh;height:100dvh;} .indexBanner .item::after{content:""; position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1);background:url("../images/bannerbg.png") no-repeat center center;background-size:100% 100%; z-index:3;pointer-events:none;} .indexBanner .bannerimg{display:block;position:relative;height:100vh;height:100dvh;width:100%;z-index:0;} .indexBanner .bannerimg picture>div{position:static!important;} .indexBanner .bannerimg img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;} .indexBanner .bannerimg img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;transition:transform 6s ease;} .indexBanner .swiper-slide.swiper-slide-active .bannerimg img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .indexBanner .bannerVideoB{overflow:hidden;position:absolute;height:100%;z-index:1;top:0; width:100%; left:0;} .indexBanner .bannerVideoB>div{position:static!important;} .indexBanner .bannerVideoB video{ display:block;max-width:none;vertical-align:top;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:1;} /*bannerWz*/ .indexBanner .bannerWz{z-index:5;color:#fff;font-weight:normal;position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .indexBanner .bannerWz .titen{font-size:1rem;letter-spacing:1.4rem;text-transform: uppercase;line-height:1;font-family:'Poppins',"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif; font-weight:normal;margin-bottom:1.25rem;} .indexBanner .bannerWz .tit{font-size:3.5rem;font-weight:300;line-height:1;} .indexBanner .bannerWz .des{font-size:1.25rem;font-weight:400;margin-top:1.25rem;line-height:1.2;} .indexBanner .bannerWz .more{display:inline-block;margin-top:2.5rem;} @media screen and (max-width:1200px){ .indexBanner .bannerWz .titen{font-size:11px;margin-bottom:1.15rem;letter-spacing: 1.25rem;} .indexBanner .bannerWz .tit{font-size:38px;} .indexBanner .bannerWz .des{font-size:14px;margin-top:1.15rem;} .indexBanner .bannerWz .bannerWzB{text-align:center;} } @media screen and (max-width:1000px){ .indexBanner .bannerWz .bannerWzB{width:94%;text-align:center;} .indexBanner .bannerWz .titen{font-size:0.6875rem;margin-bottom:1rem;letter-spacing:1rem;} .indexBanner .bannerWz .tit{font-size:2.375rem;} .indexBanner .bannerWz .des{font-size:0.875rem;margin-top:1rem;} } @media screen and (max-width:768px){ .indexBanner .bannerWz .titen{font-size:0.625rem;letter-spacing:0.875rem;} .indexBanner .bannerWz .tit{font-size:2.1875rem;} .indexBanner .bannerWz .des{font-size:0.75rem;} } @media screen and (max-width:750px){ .indexBanner .bannerWz .titen{font-size:0.875rem;letter-spacing:0.75rem;} .indexBanner .bannerWz .tit{font-size:2.5rem;} .indexBanner .bannerWz .des{font-size:1rem;} } @media screen and (max-width:540px){ .indexBanner .bannerWz .titen{font-size:0.875rem;letter-spacing:0.75rem;} .indexBanner .bannerWz .tit{font-size:2.45rem;} .indexBanner .bannerWz .des{font-size:1rem;} } @media screen and (max-width:430px){ .indexBanner .bannerWz .titen{font-size:0.875rem;letter-spacing:0.25rem;} .indexBanner .bannerWz .tit{font-size:2.35rem;} .indexBanner .bannerWz .des{font-size:1rem;} } /*swiper-slide-active*/ .indexBanner .bannerWz .titen, .indexBanner .bannerWz .tit, .indexBanner .bannerWz .des, .indexBanner .bannerWz .more{filter:alpha(opacity=0);opacity: 0;visibility: hidden;transform: translateY(60px);transition: 0.75s;} .indexBanner .swiper-slide.swiper-slide-active .bannerWz .titen, .indexBanner .swiper-slide.swiper-slide-active .bannerWz .tit, .indexBanner .swiper-slide.swiper-slide-active .bannerWz .des, .indexBanner .swiper-slide.swiper-slide-active .bannerWz .more{filter:alpha(opacity=100);opacity:1;visibility: visible;transform: translateY(0px);} .indexBanner .swiper-slide.swiper-slide-active .bannerWz .titen{transition-delay: 0.3s;} .indexBanner .swiper-slide.swiper-slide-active .bannerWz .tit{transition-delay: 0.5s;} .indexBanner .swiper-slide.swiper-slide-active .bannerWz .des{transition-delay: 0.7s;} .indexBanner .swiper-slide.swiper-slide-active .bannerWz .more{transition-delay: 0.9s;} /*indexbanner-pagination*/ .indexbanner-paginationB{position:absolute;bottom:6.875vw;left:0;right:0; z-index:4; text-align:center;margin:0 auto;} .indexbanner-paginationB .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:left;} .indexbanner-paginationB .swiper-pagination span{width:3.125rem;height:3px;border:none;opacity:1;float:none;margin-right:0.625rem;border-radius:0; background:rgba(255, 255, 255, 0.3);transition:background .3s linear;cursor: pointer; position: relative;} .indexbanner-paginationB .swiper-pagination span::after{content:""; position: absolute;top:0;left:0; width:0; height:100%;background:#fff;} .indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active::after{width:100%;transition:width 8s linear} @media screen and (max-width:1200px) { .indexbanner-paginationB{bottom:10rem;} .indexbanner-paginationB .swiper-pagination{text-align:center;} .indexbanner-paginationB .swiper-pagination span{width:2.5rem;} } @media screen and (max-width:1024px) { .indexbanner-paginationB .swiper-pagination span{width:0.5rem;height:0.5rem;margin:0 0.25rem;border-radius:0.4rem; overflow:hidden;} .indexbanner-paginationB .swiper-pagination span::after{opacity:0.95;} .indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active{width:2.1875rem;} } @media screen and (max-width:768px) { .indexbanner-paginationB .swiper-pagination span{width:0.45rem;height:0.45rem;margin:0 0.25rem;} .indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active{width:2rem;} } /*more circle*/ .more{position:relative;} .more i{position:absolute;left:50%;top:50%;font-size:1.4rem;color:#fff;transition:all 0.6s;transform:translate(-50%,-50%); margin-top:-1px;width:1.4rem;height:1.4rem;background:url("../images/arrow-right4.png") no-repeat center center;background-size:0.4375rem;} .more:hover i {color:#fff;} /*svg*/ .more .circleSVG{width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:50%;border:1px solid #fff;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .more:hover .circleSVG{background-color:#00266c;border-color:#00266c;} .more .circle1{stroke:#ffffff; display:none;} .more .circle2{stroke:#00266c; display:none;} .more .circle2{animation-duration:3.2s;animation-fill-mode:infinite;animation-timing-function:linear;animation-direction:normal;animation-iteration-count:10;animation-delay:100ms} .more:hover .circle2{animation-name:circle_s_do,circle_s_da;} @keyframes circle_s_do{0%{stroke-dashoffset:163.360000}100%{stroke-dashoffset:0}} @keyframes circle_s_da{0%{stroke-dasharray:163.360000}100%{stroke-dasharray:163.360000}} /*swbtn1*/ .swbtn1 .mbtn{margin:0;position:absolute;top:50%;width:5.25rem;height:6.4rem;margin-top:-2.2rem;overflow:hidden;cursor:pointer;z-index:9;outline:none;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:1.25rem;} .indexBanner .swbtn1 .mbtn{top:0;width:8rem;height:100%;margin-top:0;} .indexBanner:hover .swbtn1 .mbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .swbtn1 .mbtn.swiper-button-prev{background-image:url(../images/arrow-left4.png);left:0;} .swbtn1 .mbtn.swiper-button-next{background-image:url(../images/arrow-right4.png);right:0;} .swbtn1 .mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} @media screen and (max-width:1200px) { .indexBanner .swbtn1 .mbtn{top:0;width:8rem;height:100%;margin-top:0;background-size:1rem;} .swbtn1 .mbtn.swiper-button-prev{background-position:50% center;} .swbtn1 .mbtn.swiper-button-next{background-position:50% center;} } @media screen and (max-width:1000px) { .swbtn1 .mbtn{width:3.125rem;height:4.76rem;margin-top:-2.38rem;background-size:0.875rem;} .indexBanner .swbtn1 .mbtn{top:0;width:8rem;height:100%;margin-top:0;} .swbtn1 .mbtn.swiper-button-prev{background-position:30% center;} .swbtn1 .mbtn.swiper-button-next{background-position:70% center;} } @media screen and (max-width:750px) { .swbtn1 .mbtn{width:3.125rem;height:4.76rem;margin-top:-2.38rem;background-size:0.75rem;} .indexBanner .swbtn1 .mbtn{top:0;width:8rem;height:100%;margin-top:0;} .swbtn1 .mbtn.swiper-button-prev{background-position:20% center;} .swbtn1 .mbtn.swiper-button-next{background-position:80% center;} } /******************************************************page******************************************************/ /*page*/ .headerWhite .page{padding-top:5.625rem;} @media screen and (max-width: 1024px) { .headerWhite .page{padding-top:65px;} } /*pageTit*/ .pageTit{font-size:1.875rem;color:#222222;line-height:1;font-weight:300;padding-top:7.5rem;margin-bottom:7.5rem;} .pageTit .titen{font-size:4.5rem;color:#000;line-height:1;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal;text-transform: uppercase;margin-bottom:0.625rem;} .pageTit .tit{margin-bottom:0.625rem;} .pageTit .tit span{position:relative;display:inline-block;padding-right:1rem;} .pageTit .tit span::after{content: '';width:0.3125rem;height: 0.3125rem; position: absolute;bottom:0;right:0;background-color:#00266c;} .pageTit .des{font-size:1rem;line-height:1.5;color:#6a6a6a;margin-top:2.5rem;text-align:justify;} .pageTit.white{color:#fff;} .pageTit.white .titen{color:#fff;} .pageTit.white .des{color:#fff;} .pageTit.white .tit span::after{background-color:#fff;} @media screen and (max-width:1200px){ .pageTit{font-size:1.6rem;padding-top:6rem;margin-bottom:6rem;} .pageTit .titen{font-size:3.125rem;} } @media screen and (max-width:1000px){ .pageTit{font-size:1.5rem;padding-top:5rem;margin-bottom:5rem;} .pageTit .titen{font-size:2.5rem;} } @media screen and (max-width:768px){ .pageTit{font-size:1.3rem;padding-top:4rem;margin-bottom:4rem;} .pageTit .titen{font-size:1.875rem;} .pageTit .des{font-size:0.875rem;line-height:1.3;} } /*pagebanner*/ .pagebanner{ position: relative; overflow:hidden;padding-bottom:48.95833333333333%; } .pagebanner .bannerpic{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} .pagebanner video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:3;} @media screen and (max-width:1024px){ .pagebanner{ padding-bottom:50%; } } @media screen and (max-width:768px) { .pagebanner{ padding-bottom:50%;min-height:15.625rem;padding-top:65px;} } /*pagebanner .t*/ .pagebanner .t {position:absolute;right:0;left:0;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;color:#ffffff;} .pagebanner .t .cn{font-size:2.875rem;line-height:3.375rem;color:#fff;display:block;margin-bottom:4.375rem;font-weight:400;} .pagebanner .t .wz{font-size:1.25rem;line-height:1.75rem;color:#fff;display:block;font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight: normal;} @media screen and (max-width:1200px){ .pagebanner .t .cn{font-size:2.5rem;line-height:1.2;margin-bottom:2rem;} .pagebanner .t .wz{font-size:1.125rem;margin-bottom:0.625rem;} } @media screen and (max-width:1024px){ .pagebanner .t .cn{font-size:2.25rem;} .pagebanner .t .wz{font-size:1rem;margin-bottom:0.625rem;} } @media screen and (max-width:768px) { .pagebanner .t{ padding-top:4rem;} .pagebanner .t .cn{font-size:2rem;} .pagebanner .t .wz{font-size:0.875rem;margin-bottom:0.625rem;} } @media screen and (max-width:750px) { .pagebanner .t .cn{font-size:1.8rem;} } /*videoBox*/ .videoBox{position:absolute;right:0;left:0;width:100%;height:100%;z-index:10;text-align: center;} .videoBtn{position:absolute;display: inline-block;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;text-align: center;} .videoBtn p{font-size:1rem;color:#fff;line-height:1;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal;text-transform:uppercase;margin-top:1.25rem;} .videoBtn .icon-video{width:2.5rem;height:2.5rem;margin:0 auto;border-radius:50%;background:url('../images/icon-ss.png') no-repeat center center; background-size:0.5rem;border:1px solid #fff;background-color: rgba(255, 255, 255,0.06);} .videoBtn .icon-video{animation: h_scale 2s linear infinite;-webkit-animation: h_scale 2s linear infinite;} @-webkit-keyframes h_scale{from{opacity:1;-webkit-transform:scale(1);transform:scale(1);}50%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3);}} @keyframes h_scale{from{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.3);}} /*videoBtnIcon*/ .videoBtn .videoBtnIcon{position:absolute;display: inline-block;left:0;right:0;margin:0 1rem;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;text-align: center;} /*@media screen and (min-width:1024.1px){ .videoBtn .videoBtnIcon{opacity:0; visibility:hidden;} }*/ .pagebanner .videoBtn{width:100%; height:100%;display:block;left:0;right:0;} @media screen and (max-width:768px) { .pagebanner .videoBox{margin-top: -56px;} } /*视频弹窗c-video-box*/ .c-video-box{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center} .c-video-box .c-btn{position:fixed;top:1.875rem;right:1.875rem;width:3.125rem;height:3.125rem;color:#fff;background:#fff;border-radius:50%;transition:.5s; z-index:9; cursor:pointer;font-size:0;} .c-video-box .c-btn:after,.c-video-box .c-btn:before{content:"";position:absolute;bottom:1.5rem;left:0.625rem;width:1.875rem;height:0.125rem;background:#333;transition:.5s} .c-video-box .c-btn:hover{background:#000;} .c-video-box .c-btn:hover:after,.c-video-box .c-btn:hover:before{background:#fff} .c-video-box .c-btn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)} .c-video-box .c-btn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .c-video-box video{position:fixed;left:0;top:0;height:100%;width:100%;background:#000} @media screen and (max-width:1024px){ .c-video-box .c-btn{top:1.875rem;right:1.875rem;width:2.5rem;height:2.5rem;} .c-video-box .c-btn:after,.c-video-box .c-btn:before{bottom: 1.125rem;left: 0.5rem;width:1.5625rem;} } @media screen and (max-width:768px){ .c-video-box .c-btn{top:1.25rem;right:1.25rem;width:1.875rem;height:1.875rem;} .c-video-box .c-btn:after,.c-video-box .c-btn:before{bottom: 0.8125rem;left: 0.3125rem;width: 1.25rem;} } /************************page-tab************************/ .page-tab{margin:0 auto;padding:0;text-align: center; padding-top:3.125rem;padding-bottom:3.125rem;margin-bottom:1.875rem;border-top:1px solid #dfdfdf;} .page-tab ul {margin:0;padding:0;list-style:none;text-align:center;font-size: 0;} .page-tab ul li{margin: 0;padding: 0;display: inline-block;*display:inline;zoom:1;position: relative;height:2.8125rem;line-height:2.8125rem;border-radius:0.3125rem; vertical-align:top;} .page-tab ul li a{font-size:1rem;padding:0 0.3125rem;margin:0 0.3125rem;min-width:2.8125rem;height:2.8125rem;line-height:2.8125rem;border:1px solid #fff;display:inline-block;text-align:center;background-color:#ffffff;color:#000000;border-radius:0.3125rem; font-weight:500;} .page-tab ul li.next-page a{background:url(../images/icon-right.png) center center no-repeat #fff; background-size:0.875rem; width:2.5rem; padding:0;} .page-tab ul li.prev-page a{background:url(../images/icon-left.png) center center no-repeat #fff; background-size:0.875rem; width:2.5rem; padding:0;} .page-tab ul li a.focus{border-color:#505b6c;} @media screen and (max-width:1024px){ .page-tab ul li{height:2.5rem;line-height:2.5rem;} .page-tab ul li a{font-size:0.875rem;min-width:2.5rem;height:2.5rem;line-height:2.5rem;margin:0 0.3125rem;} } @media screen and (max-width:750px){ .page-tab ul li{ display:none;} .page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;} .page-tab{padding-top:3vw;padding-bottom:3vw;margin-bottom:1vw;} } /********************************Contact********************************/ /*pageContact */ .pageContact {padding-top: 4.375rem; padding-bottom:7.5rem;border-top:1px solid #ebebeb;} .pageContact .pageContactB{display: grid;grid-gap: 16px;grid-template-columns:1fr 2fr;} .contactLeft .contactLeftB{max-width:70%;} /* .contactLeft{width:33.8983%; float:left;} .contactRight{width:66.1017%;float:right;} */ @media screen and (max-width:1200px) { .pageContact {padding-top:3.125rem; padding-bottom:6.25rem;} } @media screen and (max-width:1000px) { .pageContact {padding-top:3.125rem; padding-bottom:4.375rem;} .pageContact .pageContactB{display: block;grid-gap:0px;grid-template-columns:1fr;} .contactLeft{width:100%; float:none; margin-bottom:1.875rem;} .contactRight{width:100%;float:none;} .contactLeft .contactLeftB{max-width:100%;} } @media screen and (max-width:768px) { .pageContact {padding-top:3.125rem; padding-bottom:3.125rem;} } /*contactLeft*/ .contactLeft{font-size:1rem;line-height:1.4;color:#6a6a6a;font-weight:300; text-align:justify;} .contactLeft .contactLeftB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height: 100%;} .contactLeft .contact-en{text-transform: uppercase;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal; margin-top:0.75rem;} /*contactLx*/ .contactLx{display: grid;grid-template-columns:1fr 1fr; overflow: hidden;} .contactLx .lxitem{padding-top:3.125rem;padding-bottom:3.125rem;position: relative;} .contactLx .lxitem:nth-child(1){padding-top:0;} .contactLx .lxitem:nth-child(2){padding-top:0;} .contactLx .lxitem::after{content:'';position: absolute;left: 0;bottom:0;width:100vw;height:1px; background-color:#ebebeb;} .contactLx .lxitem .t{display:block;font-size:1rem;color:#00266c;line-height:1;margin-bottom:0.375rem; position: relative;} .contactLx .lxitem .des{display:block;font-size:1.5rem;color:#000000;line-height:1.625rem;} .contactLx .lxitem .des p{font-size:1.25rem;} .contactLx .lxitem a{ color:#6a6a6a; text-decoration: underline;font-size:90%;} .contactLx .lxitem a:hover{ color:#00266c; } @media screen and (max-width:1200px) { .contactLx .lxitem{padding-bottom:2.5rem;padding-top:2.5rem;} .contactLx .lxitem .t{font-size:0.875rem;} .contactLx .lxitem .des{font-size:1.25rem;} .contactLx .lxitem .des p{font-size:1.125rem;} } @media screen and (max-width:1024px) { .contactLx .lxitem{padding-bottom:1.875rem;padding-top:1.25rem;} .contactLx .lxitem .t{font-size:0.875rem;} .contactLx .lxitem .des{font-size:1.25rem;} .contactLx .lxitem .des p{font-size:1.125rem;} } @media screen and (max-width:768px) { .contactLx .lxitem{padding-bottom:1.25rem;padding-top:1.25rem;} .contactLx .lxitem .t{font-size:0.875rem;} .contactLx .lxitem .des{font-size:1.125rem;} .contactLx .lxitem .des p{font-size:1rem;} } /*contactimg*/ .contactimg img{display: block;border-radius:6px;max-width: 100%;} /*feedbackImg */ .pageContact2{background-color:#f7f7f7; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding-top:75px;padding-bottom:75px;} .pageContact2B{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align: center;justify-content: space-between;} .pageContact2B .title{ text-align:right;} .pageContact2B .title .t{font-size:1.875rem;color:#000000;line-height:1;margin-bottom:0.625rem;position:relative;} .pageContact2B .titlelink{position:relative;} .pageContact2B .titlelink span{display:inline-block;font-size:1rem;line-height:1.5rem;color:#6a6a6a;font-weight:300;} .pageContact2B .titlelink .img{margin-left:2rem;} .pageContact2B .titlelink .img img{height:8.125rem;width:8.125rem;padding:0.5rem;background-color:#fff;border-radius:50%;overflow:hidden;} @media screen and (max-width:1200px) { .pageContact2{ padding-top: 3.75rem;padding-bottom:3.75rem;} .pageContact2B .title .t{font-size:1.5rem;} .pageContact2B .title .des{font-size:1rem;} .pageContact2B .titlelink{margin-left: 5rem; padding-right:5.3125rem;} .pageContact2B .titlelink span{font-size:0.875rem;} } @media screen and (max-width:1024px) { .pageContact2{ padding-top:3rem;padding-bottom:3rem;} .pageContact2B .title .t{font-size:1.25rem;} .pageContact2B .title .des{font-size:0.875rem;} .pageContact2B .titlelink{margin-left:4.375rem; padding-right:4.6875rem;} .pageContact2B .titlelink span{font-size:0.875rem;} } @media screen and (max-width:768px) { .pageContact2B{flex-wrap: wrap;} .pageContact2{ padding-top:3rem;padding-bottom:2rem;} .pageContact2B .title{width: 100%; text-align: center;} .pageContact2B .title .t{font-size:1.125rem;} .pageContact2B .title .des{font-size:0.75rem;} .pageContact2B .titlelink{margin-left:0; padding-right:0; margin-top:0.625rem;width:100%;} .pageContact2B .titlelink span{font-size:0.875rem; display:block; margin-bottom:0.625rem;} .pageContact2B .titlelink .img{margin-left:0;} } /*****************************pageNav start*****************************/ /*pageNav*/ .pageNav{position:relative;padding-bottom:6.25rem;} .pageNav-wrapper{height:2.875rem;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;} .pageNav-primaryB{display:flex;align-items:center;} .pageNav-primary{display:flex;flex-direction:row;align-items:center;} .pageNav-primary .pageNav-item{margin:0;padding:0;list-style:none;flex-shrink: 0;display:flex;align-items:center;justify-content:center;height:100%} @media screen and (max-width:1150px) { .pageNav{padding-top:4rem;padding-bottom:6.25rem;} .pageNav .container{ padding:0;width:100%;} .pageNav-wrapper{height:2.875rem;} .pageNav-primaryB{position:relative;width:100%;} .pageNav-primary{padding-left:5%;overflow:visible;overflow-x: scroll;} .pageNav-primary::-webkit-scrollbar {display: none} } /*pageNav-primary一级*/ .pageNav-primary .pageNav-item .pageNav-dd{margin:0;padding:0;position:relative;display:inline-block;font-size:1rem;line-height:120%;cursor:pointer; color:#6a6a6a; margin-right:3rem;} .pageNav-primary .pageNav-item .pageNav-dd.active{color:#00266c;} .pageNav-primary .pageNav-item .pageNav-dd a{color:#6a6a6a;} .pageNav-primary .pageNav-item .pageNav-dd.active a{color:#00266c;} @media screen and (max-width:1200px) { .pageNav-primary .pageNav-item .pageNav-dd{margin-right:2rem} } @media screen and (max-width:1150px){ .pageNav-primary .pageNav-item .pageNav-dd{margin-right:1.25rem} } /*pageNav-secondary*/ .pageNav-secondary{display:flex;flex-direction:row;align-items:center;justify-content:space-around;} .pageNav-secondary .pageNav-item{display:flex;align-items:center;justify-content:center;height:100%} @media screen and (max-width:1150px) { .pageNav-secondary{width:90%;margin: 0 auto;line-height:0; position:absolute;left:0;right:0;top:0;display:block;} .pageNav-secondary .pageNav-item{display:block;} } /*****************************filters start*****************************/ /*hasBeenSelected选中框*/ .hasBeenSelected{position:relative; padding:0rem 0;} .hasBeenSelected .clearList{font-size:0;} .hasBeenSelected .clearDd{display:flex;flex-direction:row;align-items:center;min-height:4.0625rem;} @media screen and (max-width:1150px){ .hasBeenSelected .clearDd{min-height:0rem;} .hasBeenSelected{display:none;} .filters.open .hasBeenSelected{ display: block;} } /*selectedShow选中*/ .selectedShow{position:relative;margin:0.5rem 0;margin-right:1.25rem;line-height:1.5rem;display:inline-block;white-space:nowrap;font-size:1rem;color:#00266c;border-radius:0.3125rem;text-align:center;cursor:pointer;} .selectedShow span{display:block;position:relative;z-index:2;} .selectedShow em{ position:absolute;top:0;left:0;width:100%; height:100%;z-index:2;} .selectedShow em:after{content:'';background: url("../images/icon-close2.png") no-repeat center center;background-size:0.5rem;cursor: pointer;display: block;height:0.625rem;overflow: hidden;position: absolute;right: -0.8125rem;top: 50%;width:0.625rem;margin-top: -0.3125rem;} .selectedShow em{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; visibility:hidden;} .selectedShow:hover em{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;} /*eliminateCriteria重置*/ .eliminateCriteria {flex-shrink: 0;float:left;color:#6a6a6a;cursor:pointer;font-size:0.75rem;line-height:1.375rem;font-weight:normal;margin-left:0.625rem;} .eliminateCriteria span{display:inline-block; padding:0 0.375rem;border-radius:6px;border:1px solid #6a6a6a;} /*filters_bar*/ .filters{position: relative;transition: .4s cubic-bezier(0, 0.97, 0.43, 1);z-index:10;} .filters.open{padding-bottom:4.6875rem;} .filters_bar{position:relative;padding-bottom:1rem;} .filters_bar-wrapper{height:2.875rem;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;} .filters_bar-primaryB{display:flex;align-items:center;} .filters_bar-primary{display:flex;flex-direction:row;align-items:center;} .filters_bar-primary .filters_bar-item{margin:0;padding:0;flex-shrink: 0;display:flex;align-items:center;justify-content:center;height:100%} @media screen and (max-width:1150px) { .filters{padding-top:4rem;} .filters_bar{position:static;} .filters_bar .container{ padding:0;width:100%;} .filters_bar-wrapper{height:2.875rem;} .filters_bar-primaryB{position:relative;width:100%;} .filters_bar-primary{padding-left:10%;overflow-x:scroll;overflow-y:hidden;white-space:normal;height:14px;} .filters_bar-primary::-webkit-scrollbar {display: none} } @media screen and (max-width:1000px) { .filters_bar-primary{padding-left:5%;} } @media screen and (max-width:750px){ /*.filters_bar{padding-bottom:2.3vw;}*/ } /*filters_bar-primary一级*/ .filters_bar-primary .filters_bar-item{margin-right:3rem} .filters_bar-primary .filters_bar-item:last-child{margin-right:0} .filters_bar-primary .filters_bar-item .filters_btn{position:relative;display:inline-block;font-size:1rem;line-height:120%;cursor:pointer; color:#6a6a6a;font-weight:normal;} .filters_bar-primary .filters_bar-item .filters_btn a{color:#6a6a6a;} .filters_bar-primary .filters_bar-item .filters_btn i{width:0.625rem; height:0.625rem; background:url("../images/icon-v.png") no-repeat center; background-size:100%;position: relative; right:0; top:50%; margin-top:-0.3125rem; display:inline-block; margin-left:0.625rem;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;transition:.4s cubic-bezier(0,0.97,0.43,1) all;} .filters_bar-primary .filters_bar-item .filters_btn.active i{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);} .filters_bar-primary .filters_bar-item .filters_btn.active{color:#00266c;} .filters_bar-primary .filters_bar-item .filters_btn.active a{color:#00266c;} @media screen and (max-width:1200px) { .filters_bar-primary .filters_bar-item{margin-right:2rem} } @media screen and (max-width:1150px){ .filters_bar-primary .filters_bar-item{margin-right:1.25rem} } @media screen and (max-width:750px){ .filters_bar-primary .filters_bar-item{margin-right:1.125rem} .filters_bar-primary .filters_bar-item .filters_btn{font-size:0.9375rem;} /*.filters_bar-primary .filters_bar-item .filters_btn i{width:1.4vw; height:1.4vw;margin-top:-0.7vw;margin-left:1.4vw;}*/ } /*filters_bar-primary filters_subbar二级下拉*/ .filters_subbar{padding:1rem 0;pointer-events:none;opacity:0;transform:translateY(-0.625rem);transition:.4s cubic-bezier(0,0.97,0.43,1) all;max-height:0;position:absolute;left:0;right: 0;margin: 0 auto;top:3.875rem;width: 73.75%;font-size:0;background: #fff;border-top:1px solid #F4F4F4;} .filters_subbar.active{pointer-events:all;opacity:1;transform:translateY(0);height:auto; max-height:18.75rem;} .filters_subbar .filters_subbar-wrapper{padding:1.5rem 0;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:0.5rem;row-gap:1.5rem;border:0} .filters_subbar .taga{display:inline-block;color:#000000; background-color:#F1F3F7;font-size:1rem; padding:0 1rem;margin-bottom:0.625rem;margin-right:0.625rem;line-height:2.25rem;border-radius:0.375rem;font-weight:300;position:relative;} .filters_subbar .taga.selected, .filters_subbar .taga:hover{color:#f0f2f4;background-color:#00266c;} @media screen and (max-width:1440px) { .filters_subbar{width:80%;} } @media screen and (max-width:1150px){ .filters_subbar{margin: 0 auto;} .filters_subbar.active{max-height:none;} } @media screen and (max-width:1000px){ .filters_subbar{width:100vw;padding:1rem 5vw;margin: 0 auto; top:2.875rem;} .filters_subbar.active{max-height:none;} } @media screen and (max-width:750px){ /*.filters_subbar .taga{font-size:2.13vw;padding:1vw 2.13vw;margin-bottom:1vw;margin-right:1vw;line-height:1.5;}*/ .filters_subbar .taga{font-size:0.875rem;padding:0 0.875rem;margin-bottom:0.5rem;margin-right:0.5rem;line-height:2.25rem;border-radius:0.375rem;} } d /*filters_bar-secondary*/ .filters_bar-secondary{display:flex;flex-direction:row;align-items:center;justify-content:space-around;} .filters_bar-secondary .filters_bar-item{display:flex;align-items:center;justify-content:center;height:100%} @media screen and (max-width:1150px) { .filters_bar-secondary{width:80%;margin: 0 auto;line-height:0; position:absolute;left:0;right:0;top:0;display:block;} .filters_bar-secondary .filters_bar-item{display:block;} } @media screen and (max-width:1000px) { .filters_bar-secondary{width:90%;margin: 0 auto;line-height:0; position:absolute;left:0;right:0;top:0;display:block;} .filters_bar-secondary .filters_bar-item{display:block;} } /*****************************ServiceSearch start*****************************/ /*ServiceSearch*/ .ServiceSearch{position:relative;width:16.5rem;} .ServiceSearch .search-cancel{ position: absolute;right: 2.875rem;top: 50%;margin-top: -10px;} .ServiceSearch input.text{font-size:0.875rem;height:2.875rem;line-height:2.875rem;border-radius:2.875rem;padding-left:1.5rem;padding-right:2.875rem;margin-bottom:0;font-weight:normal;color:#00266c;width:100%;background:#f1f3f7;display:block;border: none;} .ServiceSearch input::-webkit-input-placeholder, .ServiceSearch input:-moz-placeholder, .ServiceSearch input::-moz-placeholder, .ServiceSearch input:-ms-input-placeholder {color:#000;} .ServiceSearch .searchbtn {display:inline-block;width:2.875rem;height:2.875rem;font-size:0;margin-right:0;border-radius:0;margin-bottom:0;text-align:center;border:none;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;background:url("../images/top-search2.png") no-repeat center center;background-size:0.875rem; position:absolute;right:0;top:0; z-index:5;} @media screen and (max-width:1200px) { .ServiceSearch{width:12.5rem;} } @media screen and (max-width:1150px) { .ServiceSearch{width:100%; margin: 0 auto;} } /*****************************pageProList start*****************************/ /*pagePro*/ .pagePro .pageTit{ margin-bottom: 0;} @media screen and (max-width:1150px){ .pagePro .pageTit{ margin-bottom:2rem;} } /*pageProList*/ .pageProList {overflow: hidden; margin-bottom:0;padding-top:5rem; padding-bottom: 2.5rem;} .pageProList ul{margin:0;padding:0;list-style:none;overflow:hidden;font-size:0;line-height:0;display:grid;} .pageProList ul li{display:block;margin-bottom:2.5rem;} .pageProList ul li .item{display:block;position:relative;overflow:hidden;border-radius:6px;} .pageProList ul li .pic{ position:relative; overflow:hidden;border-radius:6px;} .pageProList ul li .imgBox{ position:relative; height:0; width:100%;padding-bottom:200%;opacity:1;border-radius:6px;} .pageProList ul li .imgBox>div{position:static!important;} .pageProList ul li .imgBox img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;} .pageProList ul li .imgBox2{ position: absolute;top:0; left:0;right:0; height:0; width:100%;padding-bottom:200%;opacity:0;z-index: 1;border-radius:6px;} .pageProList ul li .imgBox2>div{position:static!important;} .pageProList ul li .imgBox2 img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0; } .pageProList ul li .imgBox2{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform: scale(1.02);} .pageProList ul li .item:hover .imgBox2{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1} .pageProList ul li .imgBox2, .pageProList ul li .imgBox2 img, .pageProList ul li .imgBox, .pageProList ul li .imgBox img, .pageProList ul li .infoBox,.pageProList ul li .more, .pageProList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;} .pageProList ul li .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} .pageProList ul li .infoBox{position: absolute;bottom:0;left:0;right:0;z-index:6;} .pageProList ul li .infoBox .infoBoxNr{ padding-left:1.875rem;padding-bottom:1.5rem;font-size:1rem;line-height:1.5rem;color:#fff;} .pageProList ul li .more{display:inline-block;width:2.5rem; height:2.5rem;border-radius:50%;background:url("../images/icon-m1.png") center center no-repeat;background-size:100%; position:absolute;top:1.25rem;right:1.25rem;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index: 4;} .pageProList ul li .item:hover .more{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} .pageProList ul li .item:after{display:inline-block;width:100%; height:100%;background:url("../images/pro-wzbg.png") center bottom no-repeat;background-size:100%; position:absolute;top:0rem;right:0rem; content:'';z-index:5;opacity:0.65;} @media screen and (min-width:0px){ .pageProList ul{grid-template-columns: repeat(2, 1fr);grid-gap:1rem;} .pageProList ul li{margin-top:0} .pageProList ul li:nth-child(2n){margin-top:1.875rem} } @media screen and (min-width:750.1px){ .pageProList ul{grid-template-columns: repeat(3, 1fr);grid-gap:1rem;} .pageProList ul li{margin-top:0} .pageProList ul li:nth-child(2n){margin-top:0} .pageProList ul li:nth-child(3n + 2){margin-top:1.875rem} } @media screen and (min-width:1200.1px){ .pageProList ul{grid-template-columns: repeat(5, 1fr);grid-gap:1.5rem;} .pageProList ul li{margin-top:0} .pageProList ul li:nth-child(2n){margin-top:0} .pageProList ul li:nth-child(3n + 2){margin-top:0} .pageProList ul li:nth-child(5n + 2),.pageProList ul li:nth-child(5n + 4){margin-top:1.875rem} } @media screen and (max-width:1200px){ .pageProList {padding-top:3.125rem;} } @media screen and (max-width:1150px){ .pageProList {padding-top:2.25rem;} .pageProList ul li{margin-bottom:1.5rem;} } @media screen and (max-width:750px){ .pageProList {padding-top:1.25rem;} .pageProList ul li{margin-bottom:0;} .pageProList ul li .infoBox .infoBoxNr{padding-left:1.25rem;padding-bottom:1.25rem;font-size:1rem;line-height: 1.5;} .pageProList ul{grid-gap:1rem;} .pageProList ul li{margin-top:0} .pageProList ul li:nth-child(2n){margin-top:4vw;} } /*****************************pageProjectList start*****************************/ /*pageProjectList*/ .pageProjectList {overflow: hidden; margin-bottom:0;padding-top:5rem; padding-bottom:1.25rem;} .pageProjectList ul{margin:0;padding:0;list-style:none;overflow:hidden;font-size:0;line-height:0;display:grid;} .pageProjectList ul li{display:block;margin-bottom:1.75rem;} .pageProjectList ul li .item{display:block;position:relative;} .pageProjectList ul li .imgBox{overflow:hidden;height:0;position:relative;border-radius:6px;padding-bottom:127.1929824561404%;} .pageProjectList ul li .imgBox>div{position:static!important;} .pageProjectList ul li .imgBox img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageProjectList ul li .imgBox,.pageProjectList ul li .imgBox img, .pageProjectList ul li .infoBox,.pageProjectList ul li .more, .pageProjectList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;} .pageProjectList ul li .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} .pageProjectList ul li .infoBox{padding-top: 1.5625rem;padding-bottom: 1.5625rem;} .pageProjectList ul li .infoBox .title{font-size:1.25rem;line-height:1.75rem;color:#000000;} .pageProjectList ul li .infoBox .des{font-size:1rem;line-height:1.5rem;color:#6a6a6a; margin-top:0.5rem;} .pageProjectList ul li .more{display:inline-block;width:2.5rem; height:2.5rem;border-radius:50%;background:url("../images/icon-m1.png") center center no-repeat;background-size:100%; position:absolute;top:1.25rem;right:1.25rem;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .pageProjectList ul li .item:hover .more{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} .pageProjectList ul li .imgBox:after{display:inline-block;width:100%; height:100%;background:url("../images/pro-wzbg.png") center bottom no-repeat;background-size:100%; position:absolute;top:0rem;right:0rem; content:'';} @media screen and (max-width:1200px){ .pageProList {padding-top:3.125rem;} } @media screen and (max-width:1150px){ .pageProjectList {padding-top:2.25rem;} .pageProjectList ul li{margin-bottom:1.5rem;} .pageProjectList ul li .infoBox{padding-top: 1rem;padding-bottom:1rem;} .pageProjectList ul li .infoBox .title{font-size:1rem;line-height:1.5rem;} .pageProjectList ul li .infoBox .des{font-size:0.875rem;line-height:1.5rem;margin-top:4px;} } @media screen and (max-width:768px){ .pageProjectList ul li{margin-bottom:1rem;} } @media screen and (max-width:750px){ .pageProjectList {padding-top:1.25rem;} } .pageProjectList ul{grid-template-columns: repeat(2, 1fr);grid-gap:1rem;} @media screen and (min-width:750.1px){ .pageProjectList ul{grid-template-columns: repeat(2, 1fr);grid-gap:1rem;} } @media screen and (min-width:1200.1px){ .pageProjectList ul{grid-template-columns: repeat(3, 1fr);grid-gap:1.5rem;} } /******************************************************news******************************************************/ /*pageNew*/ .pageNew .pageTit{ margin-bottom:4.375rem;} @media screen and (max-width:1000px){ .pageNew .pageTit{ margin-bottom:2rem;} } /*newsHotImgBox*/ .page-newsHot{ padding-bottom:4.375rem;} .newsHotBox .newsHotImgBox{height:auto; width:100%;text-align:left; overflow:hidden;} .newsHotBox .newsHotImgBox .swiper-slide{width:100%;background:#0d306b;} .newsHotBox .newsHotImgBox .ImgBox{overflow:hidden;position:relative;border-radius:6px;height:0;padding-bottom:62.93103448275862%;} .newsHotBox .newsHotImgBox .ImgBox>div{position:static!important;} .newsHotBox .newsHotImgBox .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .newsHotBox .newsHotImgBox a, .newsHotBox .newsHotImgBox .ImgBox, .newsHotBox .newsHotImgBox .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .newsHotBox .newsHotImgBox a:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} /*newsHotList*/ .newsHotBox .newsHotlunboBox{width:100%;} .newsHotBox .newsHotlunbo{width:100%;} .newsHotBox .newsHotList{margin:0;padding:0;list-style:none;font-size:0; line-height:0; } .newsHotBox .newsHotList li a{display:block; width:100%;height:100%; position: relative;} .newsHotBox .newsHotList li{display:block;background:#0d306b; width: 100%;} .newsHotBox .newsHotList li,.newsHotBox .newsHotList li .more, .newsHotBox .newsHotList li a{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;} .newsHotBox .newsHotList li .info{width:100%;height:100%;padding-left:1.625rem; padding-top: 3.125rem;padding-right: 3.125rem; padding-bottom:3.125rem;} .newsHotBox .newsHotList li .infoB{position:relative;width:100%;height:100%;font-size:1rem;line-height:1.5rem;color:#fff;padding-right:2.75rem;} .newsHotBox .newsHotList li .lei{margin-bottom:0.375rem;} .newsHotBox .newsHotList li .tit{font-size:1.5rem;line-height:2rem;max-height:4rem;color:#fff;overflow:hidden;margin-bottom:1.25rem;} .newsHotBox .newsHotList li .des{color:#acacac;max-height:3rem;overflow:hidden;margin-bottom:3.125rem} .newsHotBox .newsHotList li .date{position:absolute;width:100%;bottom:0;left:0;line-height:2.5rem;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500;} .newsHotBox .newsHotList li .more{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%;background:url("../images/icon-s2.png") center center no-repeat #fff;background-size:0.625rem; position:absolute;bottom:0;right:0;} .newsHotBox .newsHotList li a:hover .more{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);} /*swbtnB swbtn*/ .swbtnB{ font-size: 0; line-height: 0;text-align: center; height:1.25rem; vertical-align: middle; } .swbtnB .swbtnBOX{position:relative;display:inline-block; margin: 0 auto;vertical-align: middle;} .swbtnB .swbtn{position:absolute;display:inline-block;background-size:100%;background-repeat: no-repeat;background-position: center center;outline:none;top:0; width:0.625rem;height:1.25rem;margin:0;vertical-align: middle;} .swbtnB .swbtn.swiper-button-lock{display: none;} .swbtnB .swiper-button-prev{background-image:url("../images/arrow-left.png");left:0;background-position:left center;} .swbtnB .swiper-button-next{background-image:url("../images/arrow-right.png");right:0;background-position:right center;} .swbtnB .swbtn.swiper-button-disabled{opacity:0.5;} /*swbtnB swiper-pagination*/ .swbtnB .swiper-pagination{display:inline-block;position:static;bottom:0;line-height:0;font-size:0; width:100%;text-align:center;margin:0.375rem auto;padding:0 3.125rem;vertical-align: middle;} .swbtnB .swiper-pagination span{width:0.5rem;height:0.5rem;border-radius:0.5rem;border:none;opacity:1;margin:0 0.25rem!important; background:#bebfc8;cursor:pointer;position: relative; overflow: hidden;} .swbtnB .swiper-pagination span:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;} .swbtnB .swiper-pagination span.swiper-pagination-bullet-active{width:2.1875rem;} .swbtnB .swiper-pagination span.swiper-pagination-bullet-active:after{width:100%;background:#00266c;transition:width 5s linear;} .swbtnB .swiper-pagination.swiper-pagination-lock{display: none;} @media screen and (max-width:768px){ .swbtnB .swiper-pagination span{margin:0 0.2rem!important;} .swbtnB .swiper-pagination{padding:0 1.75rem;} .swbtnB .swiper-pagination span.swiper-pagination-bullet-active{width:2rem;} .swbtnB .swbtn{background-size:90%;} } @media screen and (max-width:430px){ .swbtnB .swiper-pagination{margin:0.4rem auto;} .swbtnB .swiper-pagination span{width:0.45rem;height:0.45rem;} .swbtnB .swiper-pagination span.swiper-pagination-bullet-active{width:1.5rem;} .swbtnB .swbtn{background-size:80%;} } /*hover*/ .newsHotBox .newsHotList li .lei, .newsHotBox .newsHotList li .tit, .newsHotBox .newsHotList li .des, .newsHotBox .newsHotList li .date{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);} .newsHotBox .newsHotList li.swiper-slide-active .lei, .newsHotBox .newsHotList li.swiper-slide-active .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0); -webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1); -o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1); -moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1); -ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1); transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);} .newsHotBox .newsHotList li.swiper-slide-active .des{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s; -o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s; -moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s; -ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s; transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;} .newsHotBox .newsHotList li.swiper-slide-active .date{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0); -webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s; -o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s; -moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s; -ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s; transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;} .newsHotBox{margin:0 auto;position:relative;display:grid;grid-template-columns: repeat(2, 1fr);grid-gap:1.5rem;justify-content: space-between;width:100%; overflow: hidden; background-color: #0d306b; margin-bottom: 3.125rem;border-radius:6px;} .newsHotlunboBox .swiper-container{width:100%;height:100%;} .newsHotlunboBox .swiper-slide{display:flex;justify-content:center;align-items:center;} .newsHotlunboBox{width:100%;min-width:0;border-radius:6px;overflow:hidden;} .newsHotImgBox{width:100%;min-width:0;border-radius:6px;overflow:hidden;} .newsHotImgBox .swiper-container {width:100%;height:100%;} .newsHotImgBox .swiper-slide{display:flex;justify-content:center;align-items:center;} .newsHotImgBox .swiper-slide a{ display:block;height:100%; width:100%;} @media screen and (max-width:1000px){ .newsHotBox{grid-template-columns:repeat(1,1fr);} } /*pageNewsList*/ .pageNews{overflow:hidden;} .pageNewsList{padding:0;list-style:none;margin:0 auto; overflow:hidden;} .pageNewsList .swiper-container{/*cursor:grab;*/} .pageNewsList ul{padding:0;list-style:none;font-size:0;margin:0 -0.75rem;} .pageNewsList li{ display:inline-block;*display:inline;zoom:1;width:33.33333333%;margin-bottom:3.125rem;vertical-align:top;} .pageNewsList .item{display:block;margin:0 0.75rem; position:relative;overflow:hidden;border-radius:6px;} .pageNewsList .ImgBox{overflow:hidden;padding-bottom:62.71929824561404%; position:relative;background:#fafafa;border-radius:6px;} .pageNewsList .ImgBox>div{position:static!important;} .pageNewsList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageNewsList .title{padding:2.8125rem 3.75rem 2.8125rem 3rem;} .pageNewsList .title .lei{font-size:1rem;color:#00266c; font-weight:300;line-height:1.5rem;margin-bottom:0.25rem;} .pageNewsList .title .t{font-size:1.25rem;color:#000000;line-height:1.75rem;height:3.5rem;overflow:hidden;margin-bottom:3.4375rem;} .pageNewsList .title .date{position: relative;font-size:1rem;color:#6a6a6a;line-height:2.5rem;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500;} .pageNewsList .title .more{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%;background:url("../images/icon-s.png") center center no-repeat #0d306b;background-size:0.625rem; position:absolute;bottom:0;right:0;} .pageNewsList li a:hover .title .more{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);} /*hover*/ .pageNewsList .item,.pageNewsList .title:after,.pageNewsList .title .t,.pageNewsList .title .more, .pageNewsList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pageNewsList .item:hover .title .t{color:#0d306b;} .pageNewsList .item:hover {background:#fafafa;-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);} .pageNewsList .item:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} @media screen and (max-width:1200px){ .pageNewsList li{ width:50%;} .pageNewsList .item{-ms-box-shadow:0px 1px 14px rgba(0, 0, 0, 0.1);-o-box-shadow:0px 1px 14px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 14px rgba(0, 0, 0, 0.1);} } @media screen and (max-width:768px){ .pageNewsList li{ width:100%;} } /*page-newsInfo*/ .page-newsInfoBox{padding-top:7.8125rem;padding-bottom:5.625rem; background:#fff;} .page-newsInfo{text-align:left; max-width:55.5rem; margin:0 auto;} .page-newsInfo .newsTit{font-size:2.375rem; color:#222222; line-height:2.875rem; text-align:center;margin-bottom:0.9375rem;} .page-newsInfo .newsShuju{ font-size:1rem; color:#6a6a6a;line-height:1.875rem;text-align:center;margin-bottom:1.25rem;font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight: 500;} @media screen and (max-width:1200px){ .page-newsInfo .newsTit{font-size:2rem;line-height:1.3;} .page-newsInfoBox{padding-top:6rem;padding-bottom:4rem;} } @media screen and (max-width:768px){ .page-newsInfo .newsTit{font-size:1.5rem;line-height:1.2;} .page-newsInfoBox{padding-top:5rem;padding-bottom:3rem;} } @media screen and (max-width:540px){ .page-newsInfoBox{padding-top:4rem;padding-bottom:3rem;} } /*newsTag*/ .page-newsInfo .newsTag{text-align:center; margin:0 -5px;} .page-newsInfo .newsTag a{ font-size:0.875rem; text-align: center;color:#4a4c50;display: inline-block;line-height: 1.875rem;border-radius: 1.875rem;padding: 0 1rem; background-color: #f6f6f6; margin:5px;} .page-newsInfo .newsTag a:hover{color: #fff;background-color: #00266c;} /*newsText*/ .page-newsInfo .newsText{color:#000000;font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:normal;padding-top:2.5rem;padding-bottom:1.25rem;} .page-newsInfo .newsText h5{font-size:1.25rem;line-height:1.75rem; margin-bottom:0.3125rem;} .page-newsInfo .newsText img{ max-width: 100%;height: auto;} .page-newsInfo .newsTextNr{padding-bottom:3.125rem;border-bottom:1px solid #dbdce2; } /*newsBtn*/ .page-newsInfo .newsBtn{font-size:0;position:relative;text-align:left; } .page-newsInfo .newsBtn .newsBtnA{display:block;width:50%;overflow:hidden;color:#909090;text-align:left; font-size:0;} .page-newsInfo .newsBtn .newsBtnB{display:block;width:50%;overflow:hidden;color:#909090;text-align:left;font-size:0;} .page-newsInfo .newsBtn .newsBtnA em, .page-newsInfo .newsBtn .newsBtnB em{ font-style:normal;} .page-newsInfo .newsBtn a{display:block;color:#6a6a6a;font-size:1rem;line-height:1.875rem; height:1.875rem;white-space:nowrap;text-overflow: ellipsis; overflow: hidden; background:#fff;text-align:left;} .page-newsInfo .newsBtn a:hover{color:#00266c;} .page-newsInfo .newsBtn a srtong{font-weight:normal;} .pageNewsList .item:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} /*page-back*/ .page-back{margin:0 auto;text-align:center; position:absolute;right:0;top:0.3125rem;} .page-back a{display:block;width:8.75rem;font-size:1rem!important;overflow:hidden;line-height:3.125rem!important;height:3.125rem!important;border:1px solid #d2d2d2;border-radius:3.125rem;color: #000000!important;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff; position:relative; text-align:center!important;} .page-back a span{ display:inline-block; position:relative; z-index:2;overflow:hidden;text-align:center; margin: auto;} .page-back a:hover{background:#00266c!important;color: #fff!important;border-color:#00266c;} @media screen and (max-width:768px) { .page-newsInfo .newsBtn .newsBtnA{width:100%;} .page-newsInfo .newsBtn .newsBtnB{width:100%;} .page-back{ position:relative;top:0;margin-top:30px;} } /******************************************************tag******************************************************/ .tagNav{border:1px solid #dbdbdb;border-radius:6px; margin-bottom: 4.0625rem;} .tagNav .tagNavB{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; padding:1.75rem 1.75rem;} .tagNavTit{font-size:1rem;line-height:1;color: #000000; font-weight: 600;} .tagNavTit .tagNavTitB{width: 3.75rem; padding-top: 0.9375rem;} /* tagNavList */ .tagNavList{margin:0;padding:0;display:block;} .tagNavList dd{margin:0;padding:0;display:inline-block;vertical-align:top;} .tagNavList dd a{ font-size:0.875rem; text-align: center;color:#4a4c50;display: inline-block;line-height: 1.875rem;border-radius: 1.875rem;padding: 0 1rem; background-color: #f6f6f6; margin:5px;} .tagNavList dd.active a{color: #fff;background-color: #00266c;} /*tagTit*/ .tagTit{font-size:1.875rem;line-height:1;color: #000000;} .tagTit .tagTitB{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content: space-between;border-top:1px solid #dbdbdb;padding:3.125rem 1.75rem;} .tagTit .t2 span{ display: block;font-size:1rem;color:#6a6a6a;background:url("../images/icon-page.png") left center no-repeat;background-size:0.875rem; padding-left:1.25rem; vertical-align:middle;} @media screen and (max-width:1200px) { .tagTit{font-size:1.45rem;} .tagTit .tagTitB{padding:3rem 1.65rem;} .tagNav .tagNavB{padding:1.75rem 1.65rem;} .tagTit .t2 span{font-size:0.875rem;background-size:0.75rem;} } @media screen and (max-width:1000px) { .tagTit{font-size:1.25rem;} .tagTit .tagTitB{padding:2rem 1.45rem;} .tagNav .tagNavB{padding:1.75rem 1.45rem;} } @media screen and (max-width:750px) { .tagTit{font-size:1.125rem;} .tagTit .tagTitB{padding:1.5rem 1.25rem;} .tagNavList{margin:0 -5px;} .tagNav .tagNavB{flex-direction: column;padding:1.5rem 1.25rem;} .tagNavTit .tagNavTitB{width:100%;padding-top:0;padding-bottom:0.9375rem;} } /*pageTagList*/ .pageTag{overflow:hidden; padding-top:4.375rem;} .pageTagList{overflow:hidden;margin:0 auto;margin-bottom:2.5rem;} .pageTagList ul{padding:0;list-style:none;font-size:0;margin:0 -0.75rem;} .pageTagList li{ display:inline-block;*display:inline;zoom:1;width:33.33333333%;margin-bottom:1.5625rem;vertical-align:top;} .pageTagList .item{display:block;margin:0 0.75rem; position:relative;overflow:hidden;border-radius:6px;border:1px solid #dbdbdb;} .pageTagList .ImgBox{overflow:hidden;padding-bottom:56.14035087719298%; position:relative;background:#fafafa;border-radius:6px;} .pageTagList .ImgBox>div{position:static!important;} .pageTagList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageTagList .title{padding:2.8125rem 3.75rem 2.8125rem 3rem;} .pageTagList .title .lei{font-size:1rem;color:#00266c; font-weight:300;line-height:1.5rem;margin-bottom:0.25rem;} .pageTagList .title .t{font-size:1.25rem;color:#000000;line-height:1.75rem;height:3.5rem;overflow:hidden;margin-bottom:6px;} .pageTagList .title .date{position: relative;font-size:1rem;color:#6a6a6a;line-height:2.5rem;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500;} .pageTagList .title .more{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%;background:url("../images/icon-s.png") center center no-repeat #0d306b;background-size:0.625rem; position:absolute;bottom:0;right:0;} .pageTagList li a:hover .title .more{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);} /*hover*/ .pageTagList .item,.pageTagList .title:after,.pageTagList .title .t,.pageTagList .title .more, .pageTagList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pageTagList .item:hover .title .t{color:#0d306b;} .pageTagList .item:hover {background:#fafafa;-moz-box-shadow: 0 0rem 0.8125rem rgba(0,0,0,0.27);-webkit-box-shadow: 0 0rem 0.625rem rgba(0,0,0,0.27);box-shadow: 0 0rem 0.8125rem rgba(0,0,0,0.27);} .pageTagList .item:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} @media screen and (max-width:1200px){.pageTag{padding-top:3rem;} .pageTagList li{ width:50%;} .pageTagList .title{padding:2.5rem 3rem;} .pageTagList .title .lei{font-size:0.875rem;} .pageTagList .title .t{font-size:1.125rem;} .pageTagList .title .date{font-size:0.875rem;} } @media screen and (max-width:1000px){.pageTag{padding-top:2rem;} .pageTagList li{ width:50%;} .pageTagList .title{padding:2rem 2.5rem;} } @media screen and (max-width:750px){.pageTag{padding-top:1.5rem;} .pageTagList li{ width:100%;} .pageTagList .title{padding:1.5rem 2rem;} } /******************************************************slick初始化******************************************************/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0)} .slick-track{position:relative;left:0;top:0;display:block;margin-left:0;margin-right:0} /*.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} [dir=rtl] .slick-slide{float:right} .slick-slide img{display:block} .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;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-loading .slick-list{background:#fff;} .slick-prev,.slick-next{position:absolute;top:50%;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:none;color:transparent;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1; display:none;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:0 0;color:transparent} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25} .slick-prev:before,.slick-next:before{font-family:slick;font-size:28px;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:-25px} [dir=rtl] .slick-prev{left:auto;right:-25px} .slick-next{right:-25px} [dir=rtl] .slick-next{left:-25px;right:auto} .slick-dotted.slick-slider{margin-bottom:30px} .slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%} .slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer} .slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer} .slick-dots li button:hover,.slick-dots li button:focus{outline:none} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} /********************************************************proDetail********************************************************/ /*prodetailimg*/ .detailBox .prodetailimg{width:38.98305084745763%;float:left;/* overflow:hidden; */} .detailBox .detailNr{width:52.94117647058824%;float:right; position:relative;} @media screen and (min-width:768.1px){ .detailBox .prodetailimg{position:-webkit-sticky;position:sticky;top:6.25rem;} } @media screen and (max-width:1024px){ .detailBox .prodetailimg{ width:45%;} .detailBox .detailNr{width:55%;} } @media screen and (max-width:768px){ .detailBox .prodetailimg{ float:none; width:100%;} .detailBox .detailNr{width:100%;float:none; /*padding:0 1.25rem;*/padding:0 0;} .detailBox .detailNr .detailNrBox{padding:1.25rem 0 0 0;margin-left:0;max-width: 100%;} .detailBox .prodetailimg{ position:relative;} } /*product-images-left*/ .prodetailimgBox{width: 100%;FONT-WEIGHT: 100;} .prodetailimg .product-images-right{width:100%;overflow:hidden;} /*product-images-left thumbnail*/ .prodetailimg .product-images-left{overflow:hidden;text-align: center;position: absolute;bottom: -2.625rem;left: 0;right:0;z-index:2;} .prodetailimg .product-images-left .carousel{ display: inline-block;} .prodetailimg .product-images-left .thumbnail{float:left;overflow: hidden;display: inline-block;width: 0.6rem;margin:0 3.5px;} .prodetailimg .product-images-left .thumbnail .item{border: 1px solid #e5e5e5;border-radius: 50%;background: #e5e5e5;cursor: pointer;} .prodetailimg .product-images-left .thumbnail.active .item{border-color: #b5b5b5;background: #b5b5b5;} .prodetailimg .product-images-left .thumbnail .img{width:100%;height:0;padding-bottom:100%;border-radius: 50%;overflow: hidden; position: relative;} .prodetailimg .product-images-left .thumbnail img{width:100%;height:100%;max-width:none;object-fit:cover;overflow:hidden;z-index:1;margin:0;position:absolute;left:0;top:0;display: none;} /* Arrows */ .prodetailimg .product-images-left .slick-next, .prodetailimg .product-images-left .slick-prev{height:2rem;width:2rem;margin-top:-1rem;position:absolute;top:50%;border:none;text-align:center;font-size:0;z-index:5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-size:0.4375rem;} .prodetailimg .product-images-left .slick-prev{left:-2rem;background-image: url("../images/arrow-left2.png");} .prodetailimg .product-images-left .slick-next{right:-2rem;background-image: url("../images/arrow-right2.png");} .prodetailimg .product-images-left .slick-next.slick-disabled, .prodetailimg .product-images-left .slick-prev.slick-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} @media screen and (max-width:768px) { /*.prodetailimg .product-images-left{display:none;}*/ .prodetailimg .product-images-left{bottom: -0.625rem;} } /*bigImg*/ .bigImg{ position:relative; background:#fff;} .bigImg .swiper-container{width: 100%;} .bigImg .swiper-container .swiper-slide{height:auto;position:relative;background:#FFF; width:100%;} .bigImg .swiper-container .swiper-slide .img{overflow:hidden;padding-bottom: 110%;position:relative;border-radius:6px;} .bigImg .swiper-container .swiper-slide .img>div{position:static!important;} .bigImg .swiper-container .swiper-slide .img:after{display:inline-block;width:100%;height:100%;/* background:url("../images/pro-wzbg.png") center bottom no-repeat; */background-size:100%;position:absolute;top:0rem;right:0rem;content:'';z-index:5;} .bigImg .swiper-container .swiper-slide img{display:block;margin:auto;-webkit-transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-width:none; height:100%;width:auto;width:100%;object-fit:contain;} .bigImg .mbtn{width:0.8125rem;height:1.5rem;overflow:hidden;position:absolute;top:50%; margin:0;margin-top:-0.75rem;cursor:pointer;z-index:9;outline:none;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:0.8125rem;} .bigImg .mbtn{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity: 0.6;mix-blend-mode:difference;width:6rem;height:100%;top:0;margin-top:0;} .bigImg .mbtn.mprevbtnb{background-image:url(../images/arrow-left3.png);left:0; background-position:30% center;} .bigImg .mbtn.mnextbtnb{background-image:url(../images/arrow-right3.png);right:0;background-position:70% center;} .bigImg .mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} /*swiper-pagination*/ .bigImg .swiper-pagination{display:none;} @media screen and (max-width:768px) { .bigImg .swiper-container{ padding-bottom:20px;} .bigImg .swiper-pagination{display:flex;} .bigImg .mbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} /*.bigImg .mbtn{ display:none!important;}*/ .bigImg .swiper-container .swiper-slide .img{border-radius:0;} .bigImg .swiper-pagination{position:absolute; width:auto;left:auto;right:16px;top:16px;z-index:1;padding:0 8px;height:24px;line-height:24px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;border-radius:4px;display: inline-block;} .bigImg .mbtn{width:0.8125rem;height:1.5rem;margin-top:-0.75rem;} .bigImg .mbtn{width:6rem;height:100%;top:0;margin-top:0;} .bigImg .mbtn.mprevbtnb{left:0; background-position:0 center;} .bigImg .mbtn.mnextbtnb{right:0;background-position:100% center;} } /*preview*/ .detailBox{width:100%;} .detailBox img{ max-width:100%; max-height:100%;} @media screen and (max-width:768px){ .detailBox{ padding:0;} } /*detailproject*/ .detailproject{padding-top:10rem; padding-bottom:4.25rem;overflow: hidden; background-color: #f7f7f7;} @media screen and (max-width:1200px) { .detailproject{padding-top:4.375rem; padding-bottom:2.375rem;} } @media screen and (max-width:1000px) { .detailproject{padding-top:4rem; padding-bottom:1rem;} } @media screen and (max-width:768px) { .detailproject .pageTit2 .des{ margin-top:1.5rem;} .detailproject .pageTit2 .desB{max-width:100%;} } /*pageTit2*/ .pageTit2{position:relative; display: block;padding-bottom:1.25rem;} .pageTit2 .tit{font-size:1.875rem; line-height:1;color:#000000;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal;text-transform: uppercase;} .pageTit2 .des{font-size:1rem; line-height:1.5rem;color:#6a6a6a;font-weight:300;text-align:justify;} .pageTit2 .desB{max-width:31.625rem; margin-left: 1.5rem;} .pageTit2 .tit{ width:38.98305084745763%; float:left;} .pageTit2 .des{width:52.94117647058824%;float:right; position:relative;} @media screen and (max-width:1200px){ .pageTit2 .tit{font-size:1.75rem;} } @media screen and (max-width:1024px){ .pageTit2 .tit{ width:45%;} .pageTit2 .des{width:55%;} .pageTit2 .tit{font-size:1.35rem;} } @media screen and (max-width:768px){ .pageTit2 .tit{ float:none; width:100%;} .pageTit2 .des{float:none; width:100%;font-size:1rem;line-height:1.5;} .pageTit2 .desB{margin-left:0;} .pageTit2 .tit{font-size:1.25rem;} .pageTit2{padding-bottom:1.5rem;} } /*pagePicBox*/ .pagePicBox{padding-top:5rem;overflow:hidden;} .pagePicBox .swiper-container{ overflow:visible;cursor:grab;} /*pagePicList*/ .pagePicList {padding:0;list-style:none;font-size:0;line-height:0;margin:0 -0.75rem; } .pagePicList li{display:inline-block;*display:inline;zoom:1;width:auto;vertical-align:top;} .pagePicList .itema {display:block;margin:0 0.75rem;position:relative;overflow:hidden;border-radius:6px;} .pagePicList .imgBox{text-align:left;height:28.64583vw;/*padding-bottom:50%;*/border-radius:6px;overflow:hidden;position:relative;} .pagePicList .imgBox>div{position:static!important;} .pagePicList .imgBox img {/*position:absolute;top:0;left:0;width:100%;*/max-width:100%;height:100%;display:block;object-fit:cover;} .pagePicList .imgBox:after{content:"";pointer-events:none;width:100%;height:100%; background-color:rgba(5,20,45,0.1); position:absolute;left:0;bottom:0;right:0;z-index:2;} .pagePicList .itema{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:grab;} .pagePicList li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pagePicList .imgBox:after, .pagePicList li .itema, .pagePicList li .infoBox{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;} .pagePicList .imgBox:after, .pagePicList li .infoBox{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;} .pagePicList li .itema:hover .imgBox:after, .pagePicList li .itema:hover .infoBox{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;} .pagePicList .itema,.pagePicList .imgBox img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pagePicList .itema:hover .imgBox img {-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} .pagePicList li .itema:hover{box-shadow:0 0rem 1.25rem rgba(0,0,0,0.2);} .pagePicList .swbtnB{ display:none;} @media screen and (max-width:1200px) { .pagePicBox{padding-top:4.375rem;} .pagePicList {margin:0 -0.625rem;} .pagePicList .itema {margin:0 0.625rem;} .pagePicList .swbtnB{ display: block;margin-top:2rem;} .pagePicList .swbtnB .swiper-pagination span.swiper-pagination-bullet-active{width:0.5rem;background:#00266c;} } @media screen and (max-width:1024px) { .pagePicBox{padding-top:2rem;} .pagePicList .imgBox{height:35vw;} } @media screen and (max-width:768px) { .pagePicBox{ padding-top:0;} /*.pagePicList li {width:50%;}*/ .pagePicList {margin:0 -0.3125rem;} .pagePicList .itema {margin:0 0.3125rem;} .pagePicList .imgBox{height:35vw;} .pagePicList .imgBox img{height:35vw;} } @media screen and (max-width:540px) { .pagePicList .imgBox{height:11.875rem;} .pagePicList .imgBox img{height:11.875rem;} } @media screen and (max-width:350px) { /*.pagePicList li {width:66.66666666666667%;}*/ .pagePicList .imgBox{height:35vw;} .pagePicList .imgBox img{height:35vw;} } /*detailBoxTop*/ .detailBox .detailBoxTop{padding-top:6.25rem;padding-bottom:6.25rem;} .detailBox .detailNrBox{margin-left:1.5rem;overflow:hidden; max-width:45rem;} @media screen and (max-width:1200px) { .detailBox .detailBoxTop{padding-top:5rem;padding-bottom:5rem;} } @media screen and (max-width:1024px) { .detailBox .detailBoxTop{padding-top:4rem;padding-bottom:4rem;} } @media screen and (max-width:768px) { .detailBox .detailBoxTop{padding-top:4rem;padding-bottom:4rem;} } /*prott*/ .prott{font-size:1.625rem; line-height:2.375rem;color:#000000;padding-bottom:1.25rem;} .prodes{font-size:1rem;line-height:1.5rem;color:#6a6a6a;padding-bottom:3.75rem; font-weight:normal;text-align:justify;} .projectDetail-leftB .prodes{padding-bottom:1rem;} @media screen and (max-width:1200px){ .prott{font-size:1.5rem;} .prodes{font-size:1rem;line-height:1.5;padding-bottom:3rem;} } @media screen and (max-width:1024px){ .prott{font-size:1.25rem;} .prodes{font-size:1rem;line-height:1.5;padding-bottom:2.5rem;} } @media screen and (max-width:768px){ .prott{font-size:1.25rem;} .prodes{font-size:1rem;line-height:1.5;padding-bottom:2rem;} } /*procs*/ .procs ul{margin:0;padding:0;list-style:none;overflow:hidden;border-top: 1px solid #e6e6e6;} .procs li{ display:block;} .procs li .item{display:flex;flex-shrink:0;padding:1.5625rem 0;width:100%;position:relative;border-bottom:1px solid #e6e6e6; font-size: 1rem; color: #1c1c1c; line-height: 1.5rem;} .procs li .tt{width:40%;flex-grow:0;line-height:1.5rem;} .procs li .wz{width:60%;display:flex;align-items:center;flex-grow:1;justify-content:flex-start;color:#6a6a6a;} .procs li .wz img{max-width:100%;height:1.125rem;margin-right:0.625rem;} /*newsTag*/ .detailBox .newsTag{ margin:0 -5px;padding-bottom: 1.5625rem;} .detailBox .newsTag a{ font-size:0.875rem; text-align:center;color:#4a4c50;display: inline-block;line-height: 1.875rem;border-radius: 1.875rem;padding: 0 1rem; background-color: #f6f6f6; margin:5px;} .detailBox .newsTag a:hover{color: #fff;background-color: #00266c;} /*projectDetail-left*/ .projectDetailNr{padding-top:6.25rem;padding-bottom:4.375rem;} .projectDetail-left{ width:38.98305084745763%; float:left;} .projectDetail-right{ width:38.98305084745763%; float:right;} @media screen and (max-width:1000px) { .projectDetail-left{ width:100%; float:none;} .projectDetail-right{ width:100%; float:one;} .projectDetailNr{padding-top:5rem;padding-bottom:3rem;} } @media screen and (max-width:750px) { .projectDetailNr{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:540px) { .projectDetailNr{padding-top:4rem;padding-bottom:3rem;} } /*pagePicBox2*/ .pagePic{background-color:#f6f6f6;padding-top:10rem;padding-bottom:6.25rem;} .pagePicBox2{padding-top:5rem;overflow:hidden;} .pagePicBox2 .swiper-container{ overflow:visible;cursor:grab;} .pagePicBox2 .w540{ width:45%; margin: 0 auto;} @media screen and (max-width:1200px) { .pagePicBox2 .w540{ width:70%;} } @media screen and (max-width:1000px) { .pagePicBox2 .w540{ width:90%;} .pagePic{padding-top:7rem;padding-bottom:4rem;} } @media screen and (max-width:750px) { .pagePic{padding-top:5rem;padding-bottom:3rem;} } @media screen and (max-width:540px) { .pagePic{padding-top:4rem;padding-bottom:3rem;} } /*pagePicList2*/ .pagePicList2 {padding:0;list-style:none;font-size:0;line-height:0;margin:0 -0.75rem; } .pagePicList2 li{display:inline-block;*display:inline;zoom:1;width:auto;vertical-align:top;} .pagePicList2 .itema {display:block;margin:0 0.75rem;position:relative;overflow:hidden;border-radius:6px;} .pagePicList2 .imgBox{text-align:left;height:0;height:28.64583vw;/* padding-bottom: 50%;*/border-radius:6px;overflow:hidden;position:relative;} .pagePicList2 .imgBox>div{position:static!important;} .pagePicList2 .imgBox img {/*position:absolute;top:0;left:0;width:100%;*/max-width:100%;height:100%;display:block;object-fit:cover;} .pagePicList2 .imgBox:after{content:"";pointer-events:none;width:100%;height:100%; background-color:rgba(5,20,45,0.1); position:absolute;left:0;bottom:0;right:0;z-index:2;} .pagePicList2 .itema{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:grab;} .pagePicList2 li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pagePicList2 .imgBox:after, .pagePicList2 li .itema, .pagePicList2 li .infoBox{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;} .pagePicList2 .imgBox:after, .pagePicList2 li .infoBox{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;} .pagePicList2 li .itema:hover .imgBox:after, .pagePicList2 li .itema:hover .infoBox{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;} .pagePicList2 .itema,.pagePicList2 .imgBox img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pagePicList2 .itema:hover .imgBox img {-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} .pagePicList2 li .itema:hover{box-shadow:0 0rem 1.25rem rgba(0,0,0,0.2);} .pagePicList2 .swbtnB{ display:none;} @media screen and (max-width:1200px) { .pagePicBox2{padding-top:4.375rem;} .pagePicList2 {margin:0 -0.625rem;} .pagePicList2 .itema {margin:0 0.625rem;} .pagePicList2 .swbtnB{ display: block;margin-top:2rem;} .pagePicList2 .swbtnB .swiper-pagination span.swiper-pagination-bullet-active{width:0.5rem;background:#00266c;} } @media screen and (max-width:1024px) { .pagePicBox2{padding-top:2rem;} .pagePicList2 .imgBox{height:35vw;} } @media screen and (max-width:768px) { .pagePicBox2{ padding-top:0;} /*.pagePicList2 li {width:50%;}*/ .pagePicList2 {margin:0 -0.3125rem;} .pagePicList2 .itema {margin:0 0.3125rem;} .pagePicList2 .imgBox{height:35vw;} .pagePicList2 .imgBox img{height:35vw;} } @media screen and (max-width:540px) { .pagePicList2 .imgBox{height:11.875rem;} .pagePicList2 .imgBox img{height:11.875rem;} } @media screen and (max-width:350px) { /*.pagePicList2 li {width:66.66666666666667%;}*/ .pagePicList2 .imgBox{height:35vw;} .pagePicList2 .imgBox img{height:35vw;} } /*pagexgPro*/ .pagexgPro{ background-color:#fff; padding-top:8.125rem;padding-bottom:3.125rem;} @media screen and (min-width:1200.1px){ .pagexgPro .pageProList ul li:nth-child(n+6){display:none} } @media screen and (max-width:1200px) { .pagexgPro{padding-top:6rem;padding-bottom:3rem;} } @media screen and (max-width:1024px) { .pagexgPro{padding-top:5rem;padding-bottom:3rem;} } @media screen and (max-width:768px) { .pagexgPro{padding-top:4rem;padding-bottom:3rem;} } /********************************************************pageStore********************************************************/ /*pageStore*/ .pageStore .pageTit{ margin-bottom:5rem;} @media screen and (max-width:1000px){ .pageStore .pageTit{ margin-bottom:3rem;} } /*pagebanner2*/ .pagebanner2{ position: relative; overflow:hidden;padding-bottom:45.90395480225989%;border-radius:6px;} .pagebanner2 .bannerpic{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} /*cityselect*/ .cityselect {margin-top:3.125rem;} .cityselect .cityselectFrom{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:1.5rem;} .cityselect .select1{position: relative;display: inline-block;} .cityselect select {width:100%;border-radius:6px;background-color:#f1f3f7;appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;-webkit-appearance: none;color:#222222;border: 0;background-image: url("../images/icon-ss2.png");background-repeat: no-repeat;background-position:93%;background-size:0.75rem;font-size:1rem;height:3.625rem;padding-left:1.875rem;padding-right:1.875rem;} .cityselect select option {background: #f1f3f7;color: #222222;padding: 5px 0;} .cityselect select::-ms-expand{display: none;} @media screen and (max-width:1000px) { .cityselect .cityselectFrom{grid-template-columns:repeat(2, 1fr);grid-gap:1rem;} .cityselect select {background-size:0.75rem;font-size:1rem;height:3.25rem;padding-left:1.5rem;padding-right:1.5rem;} .cityselect select option {padding: 5px 0;} } /*addListBOX*/ .addListBOX{width:100%;margin:0 auto} .addList{margin:0;padding:0;list-style:none;line-height:0;font-size:0;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:1.5rem;} @media screen and (max-width:1000px) { .addList{grid-template-columns:repeat(2, 1fr);grid-gap:1rem;} } @media screen and (max-width:768px) { .addList{grid-template-columns:repeat(1, 1fr);grid-gap:1rem;} } /*addList*/ .addList{ padding-top: 3.125rem;padding-bottom:5rem;} .addList li{display: flex;} .addList li .item{flex:1 1;} .addList li .infolink{border-radius:6px;border:1px solid #d2d2d2;transition:all .3s ease;overflow:hidden;position:relative;display:block;padding:1.75rem 1.75rem;padding-right:8rem;height:100%;} .addList li .t{color:#000000;font-size:1.25rem;line-height:1.75rem; margin-bottom: 1.25rem;} .addList li .add{color:#6a6a6a;font-weight:300;font-size:1rem;line-height:1.5rem;padding-left:1.875rem;margin-bottom:0.375rem;background-image:url("../images/icon-add.png");background-repeat:no-repeat;background-position:left center;background-size:1.125rem;} .addList li .des{color:#6a6a6a;font-weight:300;font-size:1rem;line-height:1.5rem;padding-left:1.875rem;background-image: url("../images/icon-tel.png");background-repeat:no-repeat;background-position:left center;background-size:1.125rem;} .addList li .infolink:hover {background: #f1f3f7;} .addList li .more, .addList li .infolink{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .addList li .more{display:inline-block;width:2.5rem; height:2.5rem;border-radius:50%;background:url("../images/icon-m1.png") center center no-repeat;background-size:100%; position:absolute;top:50%;right:3.75rem;margin-top:-1.25rem;} .addList li .infolink:hover .more{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);} @media screen and (max-width:1600px) { .addList li .more{right:3rem;} } @media screen and (max-width:1400px) { .addList li .more{right:2.5rem;} } @media screen and (max-width:1200px) { .addList li .more{right:2rem;} .addList li .infolink{padding-right:6rem;} .addList li .t{font-size:1.125rem;line-height:1.5; margin-bottom: 1.25rem;} .addList li .add{font-size:1rem;} .addList li .des{font-size:1rem;} .addList li .more{width:2.4rem; height:2.4rem;right:2rem;margin-top:-1.2rem;} } @media screen and (max-width:1000px) { .addList li .infolink{padding-right:5.5rem;} .addList li .more{right:1.75rem;} .addList li .t{font-size:1.125rem;line-height:1.5; margin-bottom: 1.25rem;} .addList li .add{font-size:1rem;} .addList li .des{font-size:1rem;} .addList li .more{width:2.25rem; height:2.25rem;right:1.5rem;margin-top:-1.125rem;} } @media screen and (max-width:768px) { .addList li .infolink{padding-right:6rem;} } @media screen and (max-width:430px) { .addList li .infolink{padding-right:5rem;} .addList li .more{width:2rem; height:2rem;right:1.5rem;margin-top:-1rem;} } /********************************************************page********************************************************/ /*pageAbout*/ .pageAbout{padding-top: 7.5rem; padding-bottom: 7.5rem;background-image: url("../images/page-abbg.jpg");background-repeat:no-repeat;background-position:center top;background-size:cover; background-color: #e8edf1;} /*pageAboutNr*/ .pageAboutNr .tit{color:#000000;font-size:1.875rem;line-height:2.375rem;/* width:59.32203389830508%;*/margin:0 auto;font-weight:300;text-align: center; margin-bottom: 3.4375rem;} .pageAboutNr .des{color:#000000;font-size:1rem;line-height:1.5rem; /*width:43.43220338983051%;*/margin:0 auto;font-weight:300;text-align: center;margin-bottom:1.5625rem;} @media screen and (max-width:1200px) { /*.pageAboutNr .tit{width:70%;} .pageAboutNr .des{width:60%;}*/ .pageAboutNr .tit{font-size:1.75rem;line-height:1.5;margin-bottom:3rem;} } @media screen and (max-width:1000px) { .pageAbout{padding-top: 5rem; padding-bottom: 5rem;} .pageAboutNr .tit{font-size:1.6rem;line-height:1.5;margin-bottom:3rem;} } @media screen and (max-width:768px) { .pageAboutNr .tit{width:100%;font-size:1.5rem;margin-bottom:2.5rem;} .pageAboutNr .tit br{ display:none;} .pageAboutNr .des{width:100%;} .pageAboutNr .des br{ display:none;} } /*bigTit*/ .bigTit{ position:relative;text-align:center;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal;text-transform: uppercase;font-size:7.5rem;line-height:1; } .bigTit .bigTitNr{display:inline-block;position:relative;} .bigTit .t{color:#c6ccda;position:relative;display:inline-block; padding-right:0.5rem;} .bigTit .t2{color:#00266c;position:absolute;left:0;top:0;display:inline-block;font-size:0;line-height:0; text-align:left;} .bigTit .t2 .char{display:inline-block;opacity:0;transform-origin:left center;font-size:7.5rem;line-height:1;} /*bigStone*/ .bigStone {text-align:center;position:relative; top:-3.125rem;} .bigStone .bigStoneB>div{position:static!important;} .bigStone .bigStoneB img {display:inline-block;width:20rem; margin:0 auto; height:auto;} @media screen and (max-width:1000px) { .bigTit{font-size:6.5rem;} .bigTit .t2 .char{font-size:6.5rem;} .bigStone {top:-2rem;} .bigStone .bigStoneB img {width:18rem;} } @media screen and (max-width:768px) { .bigTit{font-size:16vw;} .bigTit .t2 .char{font-size:16vw;} .bigStone {top:-10vw} .bigStone .bigStoneB img {width:37.5vw;} } /*pageStory*/ .pageStory{background-color:#213055;} .pageStory .pageStoryB{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:1.5rem;align-items: start;} .pageStory .pic img{max-width:100%; height: auto;} .pageStory .right{ padding-top:5rem;} @media screen and (min-width:768.1px){ .pageStory .left{position:-webkit-sticky;position:sticky;top:70px;} } @media screen and (max-width:768px) { .pageStory .pageStoryB{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:0;} .pageStory .right{ padding-top:0;} } /*pageCulture*/ .pageCulture{padding-top:0.625rem; padding-bottom: 8.125rem;background-image: url("../images/page-culturebg.jpg");background-repeat:no-repeat;background-position:center top;background-size:cover; background-color: #e8edf1; position:relative;} .pageCulture::before{content:""; position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); z-index:0;pointer-events:none;} .pageCulture .pageCultureB{display:grid;grid-template-columns:1fr 2fr;gap: 0.625rem;} .pageCulture .pageTit{margin-bottom:5rem;} @media screen and (max-width:1000px) { .pageCulture .pageCultureB{grid-template-columns:1fr;gap: 0.625rem;} .pageCulture .pageTit{margin-bottom:3rem;} } /* pageCultureB2 */ .pageCultureB2{ overflow: hidden;} .pageCultureB2 .left{width:32.20338983050847%; float:left;} .pageCultureListB{width:67.79661016949153%; float:right;overflow: hidden;} @media screen and (max-width:1200px) { .pageCultureB2 .left{width:20%;} .pageCultureListB{width:80%;} } @media screen and (max-width:1000px) { .pageCultureB2 .left{width:100%;float:none; margin-bottom: 2rem;} .pageCultureListB{width:100%;float:none;} } /* pageCultureList */ .pageCultureList{height:30rem;margin:0;padding:0;list-style:none;} .pageCultureList .swiper-container{width:100%;height:100%;margin:0 auto;cursor:grab;} .pageCultureList .item{height:50%;display:flex;justify-content:center;align-items:flex-start;width:50%;} .pageCultureList .item .itema{border-radius:6px;background:#e8edf1;position:relative;padding:2.5rem;height:13.75rem;width:100%;margin-bottom:1.25rem;margin-left:1.5rem;display:block;overflow:hidden;text-align:left;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;} .pageCultureList .item .tt{color:#1c2a4e;font-size:1.5rem;line-height:2rem;margin-bottom:1.25rem; font-weight: 400;} .pageCultureList .item .wz{color:#000000;font-size:1rem;line-height:1.5rem;position:absolute;bottom:2rem;left:2.5rem;right:2.5rem;font-weight:300;} .pageCultureList .item .itema:hover{background:#fff;} @media screen and (max-width:1000px) { .pageCultureList{margin:0 -0.5rem;} .pageCultureList .item .itema{margin-left:0.5rem; margin-right:0.5rem;} .pageCultureList .item .tt{font-size:1.3rem;} } @media screen and (max-width:768px) { .pageCultureList .item{width:100%;} } /*.swbtn4 .swiper-pagination*/ .swbtn4{ position:relative; display:block;margin-left:1.5rem;margin-top:2.5rem;} .swbtn4 .swiper-pagination{ position: absolute;bottom: 0;top: auto;left: 0;right: 0;height:3px;background:#bebfc8;border-radius:5px; overflow:hidden;} .swbtn4 .swiper-pagination .swiper-pagination-progressbar-fill{background:#00266c;} @media screen and (max-width:1000px) { .swbtn4{margin-left:0rem;} } /*swbtn circle*/ .swbtn{ font-size: 0;} .swbtn .mbtn{display:inline-block;width:2.5rem;height:2.5rem;border:1px solid #fff;border-radius:50%; position: relative; left: 0;right: 0; margin: 0; padding: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:0.5rem;} .swbtn .mbtn.swiper-button-disabled{opacity: .35;} .swbtn .mbtn.swiper-button-hidden{opacity: 0;} .swbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left3.png);} .swbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right3.png);margin-left:0.625rem;} .swbtn .mbtn:hover{background-color:#00266c;border-color:#00266c;} /*svg*/ .swbtn .mbtn i{position:absolute;left:50%;top:50%;font-size:1.4rem;color:#ffffff;transition:all 0.6s;transform:translate(-50%,-50%); display:none;} .swbtn .mbtn .circleSVG{width:2.5rem;height:2.5rem; display:none;} .swbtn .mbtn .circle1{stroke:#ffffff;} .swbtn .mbtn .circle2{stroke:#00266c;} .swbtn .mbtn .circle2{animation-duration:3.2s;animation-fill-mode:infinite;animation-timing-function:linear;animation-direction:normal;animation-iteration-count:10;animation-delay:100ms} .swbtn .mbtn:hover .circle2{animation-name:circle_s_do,circle_s_da;} /*.swbtn3 .swiper-pagination*/ .swbtn3{ position:relative; display:block;margin:0 0.75rem;margin-top:2rem;} .swbtn3 .swiper-pagination{ position: absolute;bottom: 0;top: auto;left: 0;right: 0;height:4px;background:#bebfc8;border-radius:5px; overflow:hidden;} .swbtn3 .swiper-pagination .swiper-pagination-progressbar-fill{background:#00266c;} /*pageXgNews*/ .pageXgNews{padding-bottom:3.4375rem;} .pageXgNews .swiper-wrapper{width:100%;} .pageXgNews .swiper-slide{width:33.333333%;} .pageXgNews .pageTit{margin-bottom:4.375rem; position: relative;} .pageXgNews .swbtn{position:absolute;right:0;bottom:0;z-index:9;} .pageXgNews .swbtn .mbtn.swiper-button-lock {display:none} .pageXgNews .swbtn .mbtn{border-color:#cbcbcb;} .pageXgNews .swbtn .mbtn .circle1{stroke:#cbcbcb;} .pageXgNews .swbtn .mbtn i{color:#cacaca;} .pageXgNews .swbtn .mbtn:hover i {color:#00266c;} @media screen and (max-width:1200px){ .pageXgNews .swiper-slide{width:50%;} } @media screen and (max-width:1000px){ .pageXgNews .pageTit{margin-bottom:2rem;} } @media screen and (max-width:768px){ .pageXgNews .swiper-slide{width:100%;} } /*moreBtn*/ .moreBtnB{font-size:0;line-height:0; margin-top:0.375rem; text-align: center;} .moreBtn{display:inline-block;min-width:16.5rem;border-radius:3.125rem;line-height:3.125rem;padding:0 2.5rem;background-color:#fff;border:1px solid #d2d2d2; position: relative; overflow: hidden;} .moreBtn::after{content:'';position:absolute;left:0;top:0;z-index:0;width:0;height:100%;background-color:#0D306B;} .moreBtn span{text-align:left;display:block;font-size:1rem;color:#000;padding-right:1.25rem;position:relative; z-index: 2;} .moreBtn span:after{ content:'';position: absolute;right:0;top:0; width:0.4375rem;height:100%;background-image:url("../images/icon-m2.png");background-position: right center; background-repeat:no-repeat;background-size:100%;} .moreBtn:hover span{text-align:left;color:#fff; } .moreBtn:hover span:after{background-image:url("../images/icon-m.png");} .moreBtn:hover{background-color:#e0e0e0;} .moreBtn:hover::after{width:100%;} .moreBtn,.moreBtn::after,.moreBtn span:after,.moreBtn:hover span,.moreBtn span:after{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} @media screen and (max-width:1200px){ .moreBtn{min-width:12.5rem;line-height:3rem;} } @media screen and (max-width:768px){ .moreBtn{min-width:10.5rem;line-height:2.75rem;padding:0 2rem;} .moreBtn span{font-size:0.9375rem;} } /*pageCertification*/ .pageCertification{width:100%;background:url("../images/page-honorbg.jpg") no-repeat;background-size:cover;padding-top:3.125rem;padding-bottom:6.25rem;} .pageCertification .allImgs{ position:relative; z-index:1;overflow:hidden;} .pageCertification .allImgs .swiper-container{position:relative; overflow: hidden;cursor:grab;} .pageCertification .allImgs .swiper-container .swiper-wrapper{width:100%} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide{width:20%;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic{display:flex;flex-direction:column;align-items:center;justify-content:center;height:13.125rem;opacity:0.5;transition:all 600ms;overflow:hidden} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic img{max-width:90%;object-fit:contain;max-height:100%;transition:all 600ms} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic:hover img{transform:scale(1.05)} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text{text-align:center;margin-top:6.25rem;position:relative} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text::before{content:"";display:inline-block;position:absolute;left:0;top:-3.125rem;width:100%;height:0.0625rem;background-color:#bcbcbc;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text .p1{color:#747474;position:relative;transform:translateY(1.875rem);opacity:0;transition:all 600ms} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text .p1::before{content:"";display:inline-block;position:absolute;left:25%;top:-3.125rem;width:50%;height:0.1875rem;margin-top:-0.0625rem;background-color:#1c2a4e} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text .p2{color:#1c2a4e;font-size:1.25rem;line-height:1.75rem;transform:translateY(1.875rem);opacity:0;transition:all 600ms;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide-active .item .pic{opacity:1} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide-active .item .text .p1, .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide-active .item .text .p2{transform:translateY(0);opacity:1} @media screen and (max-width:1200px){ .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic{height:10rem;} } @media screen and (min-width:1000.1px){ .pageCertification .allImgs .swiper-container{margin:0 -175px;} .pageCertification .allImgs:before{content:'';position:absolute;left:0;top:0;z-index:2;width:13%;height:100%; margin:0;background: linear-gradient(to right, #f6f6f6 0%, rgba(246, 246, 246, 0.8) 50%, transparent 100%);pointer-events: none;} .pageCertification .allImgs:after{content:'';position:absolute;right:0;top:0;z-index:2;width:13%;height:100%; margin:0;background: linear-gradient(to left, #f6f6f6 0%, rgba(246, 246, 246, 0.8) 50%, transparent 100%);pointer-events: none;} } @media screen and (max-width:1000px){ .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide{width:33.33333%;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic{height:10rem;} } @media screen and (max-width:768px){ .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide{width:100%;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic{height:14rem;} } /*pageHistory*/ .pageHistory{ background-color: #fff; overflow: hidden;} .pageHistory .pageHistoryB{margin-left:13.125vw;padding-right:13.125%;position:relative; overflow: hidden;} .pageHistory .pageHistoryListB{position:relative;} .pageHistory .pageTit{ position:absolute; left:1.5rem;top:10.625rem; z-index: 9; padding:0;pointer-events: none;} .pageHistory .swbtn{position:absolute; right:1.5rem;top:10.625rem;z-index:9;} .pageHistory .swbtn .mbtn{border-color:#cbcbcb;} .pageHistory .swbtn .mbtn .circle1{stroke:#cbcbcb;} .pageHistory .swbtn .mbtn i{color:#cacaca;} .pageHistory .swbtn .mbtn:hover i {color:#00266c;} @media screen and (max-width:1440px) { .pageHistory .pageHistoryB{margin-left:10vw;padding-right:10%;} } @media screen and (max-width:1200px) { .pageHistory .pageTit{left:1rem;top:7rem;} .pageHistory .swbtn{right:1rem;top:7rem;} } @media screen and (max-width:1000px){ .pageHistory .pageHistoryB{margin-left:5vw;padding-right:5%;} .pageHistory .pageTit{left:1rem;top:5rem;} .pageHistory .swbtn{right:1rem;top:5rem;} } /*pageHistoryList*/ .pageHistoryList{margin:0;padding:0;list-style:none;position:relative;} .pageHistoryList:before{content:'';position:absolute;left:0;top:0;z-index:2;width:1px;height:100%;background:#e6e6e6;pointer-events: none;} .pageHistoryList .swiper-wrapper{width:100%;} .pageHistoryList .item{width:33.333333%;position:relative;} .pageHistoryList .item:after{content:'';position:absolute;right:0;top:0;z-index:2;width:1px;height:100%;background:#e6e6e6;pointer-events: none;} .pageHistoryList .pic{text-align:left;height:0;padding-bottom:58.23665893271462%;border-radius:6px;overflow:hidden;position:relative;} .pageHistoryList .pic>div{position:static!important;} .pageHistoryList .pic img {position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageHistoryList .itema, .pageHistoryList .pic img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pageHistoryList .itema:hover .pic img {-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} .pageHistoryList .pic:hover img{transform:scale(1.05)} .pageHistoryList .txt h5{font-size:1.25rem;line-height:1.75rem;color:#1c2a4e;font-weight:400;margin-bottom:0.75rem;} .pageHistoryList .txt{font-size:1rem;line-height:1.5rem;color:#6a6a6a;min-height: 13rem;margin-bottom:2.5rem;font-weight:300;} .pageHistoryList .txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;} .pageHistoryList .year{font-size:1.25rem;line-height:1.5rem;color:#1c2a4e;display:block;font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight: normal;margin-bottom:1rem;} .pageHistoryList .year span{ display: inline-block;vertical-align:baseline;line-height:1;} .pageHistoryList .year .y{font-size:3.75rem;margin-right:0.625rem;} .pageHistoryList .itema{position:relative;padding-top:20.625rem;padding-bottom:3.125rem;padding-left:1.5rem;padding-right:1.5rem;display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pageHistoryList .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} @media screen and (max-width:1200px) { .pageHistoryList .itema{padding-top:15em;padding-bottom:2.5rem;padding-left:1rem;padding-right:1rem;} .pageHistoryList .item{width:50%;} .pageHistoryList .year .y{font-size:3.5rem;} } @media screen and (max-width:1000px){ .pageHistoryList .itema{padding-top:10rem;padding-bottom:2rem;padding-left:1rem;padding-right:1rem;} .pageHistoryList .item{width:100%;} .pageHistoryList .year .y{font-size:3rem;} } /******************************************join******************************************/ /*pageTit3*/ .pageTit3{font-size:1.875rem;color:#222222;line-height:2.375rem;font-weight:300;margin-bottom:5rem;position: relative;} .pageTit3 .titen{font-size:4.5rem;color:#000;line-height:1;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal;text-transform: uppercase;margin-bottom:0.625rem;} .pageTit3 .tit{margin-bottom:0.625rem;font-weight:500;} .pageTit3 .tit span{position:relative;display:inline-block;padding-right:1rem;} .pageTit3 .tit span::after{content: '';width:0.3125rem;height: 0.3125rem; position: absolute;bottom:0;right:0;background-color:#00266c;} .pageTit3 .des{font-size:1rem;line-height:1.5rem;color:#000;margin-top:1.625rem; font-weight:300;} .pageTit3.white{color:#fff;} .pageTit3.white .titen{color:#fff;} .pageTit3.white .des{color:#fff;} .pageTit3.white .tit span::after{background-color:#fff;} @media screen and (max-width:1200px){ .pageTit3{font-size:1.6rem;margin-bottom:4rem;line-height:1.3;} .pageTit3 .titen{font-size:3.125rem;} .pageTit3 .des{font-size:1rem;line-height:1.5rem;margin-top:1.5rem;} } @media screen and (max-width:1000px){ .pageTit3{font-size:1.5rem;margin-bottom:3rem;} .pageTit3 .titen{font-size:2.5rem;} .pageTit3 .des{font-size:1rem;line-height:1.5rem;margin-top:1.25rem;} } @media screen and (max-width:768px){ .pageTit3{font-size:1.3rem;margin-bottom:2rem;} .pageTit3 .titen{font-size:1.875rem;} .pageTit3 .des{font-size:0.875rem;line-height:1.3;margin-top:1.125rem;} } /*pagePicList*/ .pagePicBox3{overflow:hidden;} .pagePicList3 {font-size:0;line-height:0;padding:0;list-style:none;margin:0 -0.75rem; } .pagePicList3 .swiper-container{cursor:grab;} .pagePicList3 .item{display:inline-block;width:auto;vertical-align:top;} .pagePicList3 .itema {display:block;margin:0 0.75rem;position:relative;overflow:hidden;border-radius:6px;} .pagePicList3 .imgBox{text-align:left;height:auto;max-height:31rem;overflow:hidden;position:relative;} .pagePicList3 .imgBox img {display:block;max-width:100%;width:100%;height:auto;} .pagePicList3 .imgBox:after{content:"";pointer-events:none;width:100%;height:100%; background-color:rgba(5,20,45,0.1); position:absolute;left:0;bottom:0;right:0;z-index:2;} .pagePicList3 .itema{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;/*cursor:grab;*/} .pagePicList3 .imgBox:after, .pagePicList3 .item .itema, .pagePicList3 .item .infoBox{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;} .pagePicList3 .imgBox:after, .pagePicList3 .item .infoBox{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;} .pagePicList3 .item .itema:hover .imgBox:after, .pagePicList3 .item .itema:hover .infoBox{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;} .pagePicList3 .itema,.pagePicList3 .imgBox img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pagePicList3 .itema:hover .imgBox img {-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} .pagePicList3 .item .itema:hover{box-shadow:0 0rem 1.25rem rgba(0,0,0,0.2);} @media screen and (max-width:1200px) { .pagePicList3 {margin:0 -0.625rem;} .pagePicList3 .itema {margin:0 0.625rem;} } @media screen and (max-width:768px) { .pagePicList3 .item{width:50%;} .pagePicList3 {margin:0 -0.3125rem;} .pagePicList3 .itema {margin:0 0.3125rem;} } @media screen and (max-width:350px) { .pagePicList3 .item{width:66.66666666666667%;} } /*pageJoin1*/ .pageJoin1{padding-top:9.375rem;padding-bottom:6.25rem;overflow: hidden;} .pageJoin1 .swbtn{position:absolute; right:0;bottom:0;z-index:3;font-size: 0;line-height: 0;} .pageJoin1 .swbtn .mbtn{border-color:#cbcbcb;} .pageJoin1 .swbtn .mbtn .circle1{stroke:#cbcbcb;} .pageJoin1 .swbtn .mbtn i{color:#cacaca;} .pageJoin1 .swbtn .mbtn:hover i {color:#00266c;} @media screen and (max-width:1200px) { .pageJoin1{padding-top:5rem;padding-bottom:5rem;} } @media screen and (max-width:1000px) { .pageJoin1{padding-top:4rem;padding-bottom:4rem;} } @media screen and (max-width:750px) { .pageJoin1{padding-top:4rem;padding-bottom:3rem;} .pageJoin1 .swbtn{bottom:auto;top:0;} } /*pageJoin2*/ .pageJoin2{padding-top:6.25rem;padding-bottom:6.25rem;overflow: hidden;} @media screen and (max-width:1200px) { .pageJoin2{padding-top:5rem;padding-bottom:5rem;} } @media screen and (max-width:1000px) { .pageJoin2{padding-top:4rem;padding-bottom:4rem;} } @media screen and (max-width:768px) { .pageJoin2{padding-top:3rem;padding-bottom:3rem;} } /*pageJoin2*/ .pageJoin2 .pageJoinB{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;overflow: hidden;} @media screen and (max-width:1000px) { .pageJoin2 .pageJoinB{grid-template-columns:1fr;gap:1rem;} } /*pagePicList4*/ .pagePicList4 ul{margin:0;padding:0;list-style:none;} .pagePicList4 .pagePicList4_1{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;} .pagePicList4 .pagePicList4_2{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;} .pagePicList4 .item{display:inline-block;width:auto;vertical-align:top; margin-bottom: 1.5rem;} .pagePicList4 .itema {display:block;position:relative;overflow:hidden;} .pagePicList4 .imgBox{text-align:left;height:0;padding-bottom:18.95833333333333vw;overflow:hidden;position:relative;border-radius:6px;} .pagePicList4 .imgBox>div{position:static!important;} .pagePicList4 .imgBox img {position:absolute;top:0;left: 50%;height:100%;width:100%;max-width: none;object-fit:cover;-webkit-transform: translateX(-50%);transform: translateX(-50%);} .pagePicList4 .itema{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pagePicList4 .item.li1 .itema{ padding-left:28.31858407079646%;} .pagePicList4 .item.li4 .itema{ padding-right:28.31858407079646%;} @media screen and (max-width:1000px) { .pagePicList4 .pagePicList4_1{gap:1rem;} .pagePicList4 .pagePicList4_2{gap:1rem;} .pagePicList4 .imgBox{padding-bottom:30vw;} .pagePicList4 .item{margin-bottom:1rem;} } /*pageJoin3*/ .pageJoin3{padding-top:10rem;padding-bottom:10rem; background-color: #f0f2f5;overflow: hidden;} @media screen and (max-width:1200px) { .pageJoin3{padding-top:7rem;padding-bottom:7rem;} } @media screen and (max-width:1000px) { .pageJoin3{padding-top:5rem;padding-bottom:5rem;} } /*pageWzList*/ .pageWzList .swiper-container{cursor:grab;} .pageWzList .txt{font-size:1rem;line-height:1.5rem;color:#6a6a6a;min-height:10.5rem;font-weight:300;} .pageWzList .txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;} .pageWzList .num{font-size:1rem;line-height:1.5rem;color:#000000;display:block;font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight: normal;margin-bottom:1rem;} .pageWzList .num span{ display: inline-block;vertical-align:baseline;line-height:1;} .pageWzList .num .dw{font-size:1.25rem;line-height:1.5rem;display: inline-block;} .pageWzList .num .counter{font-size:3.75rem;margin-right:0.625rem;color:#1c2a4e;} .pageWzList{padding:0;list-style:none;margin:0 -0.75rem;} .pageWzList .itema{position:relative;padding-top:4rem;padding-bottom:2.5rem;padding-left:1.875rem;padding-right:1.875rem;display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; width: auto;background-color: #fff;border-radius:6px;min-width:16.5rem; margin:0 0.75rem;} .pageWzList .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; width: auto;} @media screen and (max-width:1000px) { .pageWzList .itema{margin:0 0.5rem;} } /*pageWzList .swbtn4*/ .pageWzList .swbtn4{margin-left:0.75rem; margin-right:0.75rem;/*margin-left:5rem;*/} .pageWzList .swbtn4 .swiper-pagination{height:3px;} @media screen and (max-width:1000px) { .pageWzList .swbtn4{margin-left:0.5rem;margin-right:0.5rem;/* margin-left:5rem;*/} } /*swbtn5 circle*/ .swbtn5{ font-size: 0; position:absolute;bottom:-0.5rem;left:0.75rem; margin-left:-5rem; margin-bottom:3px; display:none;} .swbtn5 .mbtn{display:inline-block;width:1rem;height:1.2rem;position: relative; left: 0;right: 0; margin: 0; padding: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:0.75rem;} .swbtn5 .mbtn.swiper-button-disabled{opacity: .35;} .swbtn5 .mbtn.swiper-button-hidden{opacity: 0;} .swbtn5 .mbtn.swiper-button-prev{background-image:url(../images/arrow-left3.png);} .swbtn5 .mbtn.swiper-button-next{background-image:url(../images/arrow-right3.png);margin-left:0.625rem;} /*pageJoin3*/ .pageJoin3 .swbtn{position:absolute; right:0;bottom:0;z-index:3;font-size: 0;line-height: 0;} .pageJoin3 .swbtn .mbtn{border-color:#cbcbcb;} .pageJoin3 .swbtn .mbtn .circle1{stroke:#cbcbcb;} .pageJoin3 .swbtn .mbtn i{color:#cacaca;} .pageJoin3 .swbtn .mbtn:hover i {color:#00266c;} @media screen and (max-width:1200px) { .pageJoin3{padding-top:5rem;padding-bottom:5rem;} } @media screen and (max-width:1000px) { .pageJoin3{padding-top:5rem;padding-bottom:4rem;} } @media screen and (max-width:768px) { .pageJoin3{padding-top:4rem;padding-bottom:3rem;} } /*pageJoin4*/ .pageJoin4{padding-top:10rem;padding-bottom:6.25rem; background-color: #fff;overflow: hidden;} .pageJoin4 .swbtn{position:absolute; right:0;bottom:0;z-index:3;font-size: 0;line-height: 0;} .pageJoin4 .swbtn .mbtn{border-color:#cbcbcb;} .pageJoin4 .swbtn .mbtn .circle1{stroke:#cbcbcb;} .pageJoin4 .swbtn .mbtn i{color:#cacaca;} .pageJoin4 .swbtn .mbtn:hover i {color:#00266c;} @media screen and (max-width:1200px) { .pageJoin4{padding-top:7rem;padding-bottom:5rem;} } @media screen and (max-width:1000px) { .pageJoin4{padding-top:6rem;padding-bottom:4rem;} } @media screen and (max-width:768px) { .pageJoin4{padding-top:4rem;padding-bottom:3rem;} .pageJoin4 .swbtn{bottom:auto;top:0;} } @media screen and (max-width:750px) { .pageJoin4{padding-top:4rem;padding-bottom:2rem;} .pageJoin4 .swbtn{bottom:auto;top:0;} } /*pageWzList2*/ .pageWzList2{padding:0;list-style:none;font-size:0;margin:0 -0.75rem;} .pageWzList2 .swiper-container{cursor:grab;} .pageWzList2 .item{ display:block;float:left;margin-bottom:1.25rem;width:33.33333333%;} .pageWzList2 .itema{display:block;margin:0 0.75rem; position:relative;overflow:hidden;border-radius:6px;} .pageWzList2 .ImgBox{overflow:hidden;padding-bottom:65.78947368421053%; position:relative;background:#fff;border-radius:6px;} .pageWzList2 .ImgBox>div{position:static!important;} .pageWzList2 .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageWzList2 .title{ padding-top:2.125rem;} .pageWzList2 .title .txt{font-size:1rem;color:#333333; font-weight:300;line-height:1.5rem;} .pageWzList2 .title .t{font-size:1.25rem;color:#000000;line-height:1.75rem;margin-bottom:4px;} /*hover*/ .pageWzList2 .item,.pageWzList2 .ImgBox, .pageWzList2 .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pageWzList2 .item:hover .ImgBox{-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);} .pageWzList2 .item:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} @media screen and (max-width:1200px){ .pageWzList2 .item{ width:50%;} .pageWzList2 .title .txt{font-size:0.875rem;line-height:1.5;} .pageWzList2 .title .t{font-size:1.125rem;line-height:1.75rem;margin-bottom:4px;} } @media screen and (max-width:768px){ .pageWzList2 .item{ width:100%;} } /*pageTit4*/ .pageTit4{font-size:2rem;color:#222222;line-height:2.375rem;font-weight:400;position: relative;text-align:center;margin-bottom:3.125rem;} .pageTit4 .titen{font-size:4.5rem;color:#000;line-height:1;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal;text-transform: uppercase;margin-bottom:0.625rem;} .pageTit4 .tit{font-weight:500;} .pageTit4 .tit span{position:relative;display:inline-block;padding-right:1rem;} .pageTit4 .tit span::after{content: '';width:0.3125rem;height: 0.3125rem; position: absolute;bottom:0;right:0;background-color:#00266c;} .pageTit4 .des{font-size:1rem;line-height:1.5rem;color:#000;font-weight:300;max-width:43.125rem;margin:0 auto;/*margin-top:1.625rem;*/margin-top:2rem;} .pageTit4.white{color:#fff;} .pageTit4.white .titen{color:#fff;} .pageTit4.white .des{color:#fff;} .pageTit4.white .tit span::after{background-color:#fff;} @media screen and (max-width:1200px){ .pageTit4{font-size:1.8rem;margin-bottom:2.5rem;line-height:1.3;} .pageTit4 .titen{font-size:3.125rem;} .pageTit4 .des{margin-top:1.1rem;} } @media screen and (max-width:1000px){ .pageTit4{font-size:1.7rem;margin-bottom:2.2rem;} .pageTit4 .titen{font-size:2.5rem;} } @media screen and (max-width:768px){ .pageTit4{font-size:1.5rem;margin-bottom:2rem;} .pageTit4 .titen{font-size:1.875rem;} .pageTit4 .des{font-size:0.875rem;line-height:1.3;margin-top:1rem;} } @media screen and (max-width:750px){ .pageTit4{font-size:1.4rem;margin-bottom:2rem;} .pageTit4 .titen{font-size:1.65rem;} .pageTit4 .des{font-size:0.875rem;line-height:1.3;margin-top:1rem;} } /*pageJoin5*/ .pageJoin5{padding-top:7.125rem;padding-bottom:2.5rem;background-color: #f7f7f7;overflow: hidden;} @media screen and (max-width:1200px) { .pageJoin5{padding-top:5rem;padding-bottom:2.5rem;} } @media screen and (max-width:1000px) { .pageJoin5{padding-top:5rem;padding-bottom:2.5rem;} } @media screen and (max-width:768px) { .pageJoin5{padding-top:4rem;padding-bottom:2.5rem;} } /*pageWzList3*/ .pageWzList3{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr); padding-top:1.5rem;} .pageWzList3 .item{border-top:1px solid #cecece;margin: 0 0.75rem;} .pageWzList3 .itema{height:100%;} .pageWzList3 .title{flex-grow:1;/* 占满剩余空间 */} .pageWzList3 .title .t{font-size:1.25rem;color:#000000;line-height:1.75rem;margin-bottom:4px;font-weight:500} .pageWzList3 .title .txt{font-size:1rem;color:#333333;font-weight:300;line-height:1.5rem} .pageWzList3 .num{font-size:1rem;color:#00266c;line-height:1;font-family:'Poppins',"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;font-weight:normal;text-transform:uppercase;width:5.75rem;flex-shrink:0;/*不缩小*/} .pageWzList3 .ImgBoxB{width:5rem;margin-right:7.25rem;flex-shrink:0;} .pageWzList3 .ImgBox{position:relative;background:#fff;border-radius:50%;width:5rem;height:5rem;margin:0 auto;overflow:hidden} .pageWzList3 .ImgBox>div{ position: static!important;} .pageWzList3 .ImgBox img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .pageWzList3 .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pageWzList3 .itema{position:relative;display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1.875rem 0;} /* 动画效果 */ .pageWzList3 .item,.pageWzList3 .ImgBox, .pageWzList3 .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pageWzList3 .item:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} @media screen and (max-width:1200px){ .pageWzList3 .ImgBoxB{margin-right:5rem;} .pageWzList3 .title .t{font-size:1.125rem;line-height:1.75rem;margin-bottom:4px;} .pageWzList3 .title .txt{font-size:0.875rem;line-height:1.5} } @media screen and (max-width:1000px){ .pageWzList3{grid-template-columns:1fr;margin:0 auto;} .pageWzList3 .item{margin:0;} } @media screen and (max-width:768px){ .pageWzList3 .num{width:4rem;} .pageWzList3 .ImgBoxB{width:5rem;margin-right:5rem;} .pageWzList3 .ImgBox{width:5rem;height:5rem;} } @media screen and (max-width:640px){ .pageWzList3 .num{width:3.5rem;} .pageWzList3 .ImgBoxB{margin-right:3rem;} } /*pageJoin6*/ .pageJoin6{padding-top:7.125rem;padding-bottom:5.125rem;background-color: #f0f2f5;overflow: hidden;} @media screen and (max-width:1200px) { .pageJoin6{padding-top:5rem;padding-bottom:4rem;} } @media screen and (max-width:1000px) { .pageJoin6{padding-top:5rem;padding-bottom:4rem;} } @media screen and (max-width:768px) { .pageJoin6{padding-top:4rem;padding-bottom:3rem;} } /*feedbackBox*/ .feedbackBox {font-size:0;line-height:0;} .feedback {padding:0;margin:0 -0.75rem;} .feedback .label {display:block;} .feedback .l1 {float:left;width:33.333333%;position:relative;} .feedback .l2 {float:left;width:66.666666%;position:relative;} .feedback .l3 {position:relative;} .feedback .l1Box {margin:0 0.75rem;} .feedback .text {display:block;width:100%;padding:0.3125rem 1.25rem;height:3.75rem;margin-bottom:1.5rem;outline:none;font-size:1rem;color:#9a9a9a;font-family:MiSans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:300;border:1px solid #ffffff;border-radius:6px;background:#fff;text-align:left;-o-appearance: none;-ms-appearance: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;} .feedback .text2 {padding:1.25rem 1.25rem;height:18.125rem;} .feedback .inputbtn {width:16.5rem;line-height:3.125rem;border-radius:3.125rem;margin:0 auto;display:block;outline:none;font-size:1rem;font-weight:300;background:#000;color:#fff;border:0;cursor:pointer;text-align:center;transition:all 0.2s ease;margin-top:1rem;} .feedback .inputbtn:hover {background:#0e3265;} .feedback .text:focus,.feedback .text:active,.feedback .text2:focus,.feedback .text2:active {-webkit-box-shadow:none;box-shadow:none;border:2px solid #000;} .feedback .text::-webkit-input-placeholder {color:#9a9a9a;font-size:1rem;} .feedback .text:-moz-placeholder {color:#9a9a9a;font-size:1rem;} .feedback .text::-moz-placeholder {color:#9a9a9a;font-size:1rem;} .feedback .text:-ms-input-placeholder {color:#9a9a9a;font-size:1rem;} /*select_address*/ .feedback .select_address {width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;} .feedback .select_address .selectcity {width:100%;display:-webkit-box;display:-moz-box;outline:none;border:1px solid #fff;background-color:#fff;font-size:1rem;font-weight:300;color:#9a9a9a;padding:0 1.25rem;line-height:3.75rem;height:3.75rem;margin-bottom:1.5rem;border-radius:6px;} .feedback .select_address .selectcity:focus {-webkit-box-shadow:none;box-shadow:none;border:2px solid #000;} /*select_planMoney*/ .feedback .tt {display:inline-block;font-size:1rem;font-weight:300;color:#9a9a9a;line-height:3.75rem;position:absolute;left:1.25rem;top:0;pointer-events:none;} .feedback .select_planMoney {width:100%;position:relative;} .feedback .select_planMoney .selStyle {width:100%;display:-webkit-box;display:-moz-box;outline:none;border:1px solid #fff;background-color:#fff;font-size:1rem;color:#9a9a9a;padding:0 1.25rem;line-height:3.75rem;height:3.75rem;margin-bottom:1.5rem;border-radius:6px;} @media screen and (max-width:1000px) { .feedback .l1{width:100%;float:none;} .feedback .l2{width:100%;float:none;} .feedback .select_address {gap:1rem;} .feedback .text {margin-bottom:1rem;} .feedback .select_address .selectcity {margin-bottom:1rem;} .feedback .select_planMoney .selStyle {margin-bottom:1rem;} .feedback .inputbtn {width:16.5rem;line-height:3rem;} .feedback .text {height:3rem;} .feedback .text2 {height:15rem;} .feedback .inputbtn {line-height:3rem;} .feedback .tt {line-height:3rem;} .feedback .select_address .selectcity {line-height:3rem;height:3rem;} .feedback .select_planMoney .selStyle {line-height:3rem;height:3rem;} } /******************************************join******************************************/ /*pageJoin6*/ .pageCode{padding-top:8.75rem;padding-bottom:9.375rem;background-color: #fff;overflow: hidden;} .pageCodeBox {width:100%;/*max-width:400px;*/margin:0 auto;} .pageCodeBox .code {height:100%;width:8.75rem;margin:0 auto;margin-bottom:1.875rem;} .pageCodeBox .code img {width:100%;height:100%;} .pageCodeBox .tt1 {font-size:1.25rem;color:#000;line-height:1.75rem;text-align:center;margin-bottom:0.625rem;font-weight:300;} .pageCodeBox .tt2 {font-size:1rem;color:#000;line-height:1.5rem;text-align:center;font-weight:300;} @media screen and (max-width:1200px) { .pageCode{padding-top:6rem;padding-bottom:7rem;} .pageCodeBox .tt1 {font-size:1.125rem;} .pageCodeBox .tt2 {font-size:0.875rem;} } @media screen and (max-width:1000px) { .pageCode{padding-top:5rem;padding-bottom:6rem;} } @media screen and (max-width:1000px) { .pageCode{padding-top:4rem;padding-bottom:5rem;} } @media screen and (max-width:540px) { .pageCode{padding-top:4rem;padding-bottom:4rem;} } /*socialList*/ .socialList{padding:0;list-style:none;line-height: 0;font-size: 0;text-align:center;margin: 0 auto;margin-top:2.5rem;} .socialList{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content: center; height:100%;} .socialList li{position:relative;cursor:pointer;margin:0 1.25rem;list-style: none; line-height: 0;font-size: 0;} .socialList li .dpa{display:block;width:1.875rem;height:1.875rem;line-height:1.875rem;border-radius:50%; background-color: rgba(255,255,255,0.1);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; -webkit-filter: grayscale(100%);filter: grayscale(100%);} .socialList li .dpa img{padding:0;display:block;max-width: 100%;max-height: 100%;} .socialList li .dpa:hover{-webkit-filter: grayscale(0%);filter: grayscale(0%);} .socialList .close-btn{ display:none;} /*popBox*/ @media (min-width:768.1px){ .socialList li .popup{display:none;position:absolute;bottom:2.5rem;right: 50%;margin-right: -4rem;width:8.625rem;height:9.625rem} .socialList li .er-code{padding:0.25rem;border-radius:0.25rem;background:#fff;-ms-box-shadow:0 0.125rem 0.375rem 0 rgba(0,0,0,.1);-o-box-shadow:0 0.125rem 0.375rem 0 rgba(0,0,0,.1);box-shadow:0 0.125rem 0.375rem 0 rgba(0,0,0,.1)} .socialList li .er-code img{width:8.125rem;height:8.125rem} .socialList li .triangle{position:absolute;background:#fff;-ms-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);-o-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);z-index:8;width:0.6875rem;height:0.6875rem;bottom:1rem;right: 3.65rem;transform:translateY(50%) rotate(45deg)} .socialList li:hover .popup{display:block;} } @media (max-width:768px){ /*popupCode弹窗二维码*/ .socialList li .popup{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center} .socialList li .popup.active{display:flex} .socialList li .popup .er-code{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative} .socialList li .popup .er-code img{max-width:100%;height:auto;display:block;border-radius:4px; width:200px;} .socialList .close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#666;cursor:pointer;transition:background-color 0.3s} .socialList .close-btn:hover{background-color:#f0f0f0} .socialList .popup.active .er-code{animation:fadeIn 0.3s ease-out forwards} } /******************************************service******************************************/ /*pagebanner4*/ .pagebanner4{ position: relative; overflow:hidden;padding-bottom:48.95833333333333%;min-height:37.5rem;} .pagebanner4 .bannerpic{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani 4000ms 1 ease forwards;} @media screen and (max-width:1000px){ .pagebanner4{ padding-bottom:40%; } } @media screen and (max-width:768px) { .pagebanner4{padding-top:65px;padding-bottom:5rem;min-height:15.625rem;} } /*pagebanner4 .t*/ .pagebanner4 .t {position:absolute;right:0;left:0;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;text-align: center;font-size:1rem;line-height:1.5rem;color:#fff;font-weight:300;} .pagebanner4 .t .en{text-transform:uppercase;filter: alpha(opacity=30);opacity: 0.3;margin-bottom:1.5rem;font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight: normal;} .pagebanner4 .t .cn{font-size:2.375rem;line-height:2.875rem;margin-bottom:3.375rem;font-weight:normal;} @media screen and (max-width:1200px){ .pagebanner4 .t .en{font-size:0.875rem;line-height: 1.4;} .pagebanner4 .t .en{margin-bottom:1rem;} .pagebanner4 .t .cn{font-size:2rem;line-height: 1.4;margin-bottom:2rem;} } @media screen and (max-width:1000px){ .pagebanner4 .t .en{font-size:0.875rem;line-height: 1.4;} .pagebanner4 .t .en{margin-bottom:0.625rem;} .pagebanner4 .t .cn{font-size:1.75rem;line-height: 1.4;margin-bottom:1.5rem;} } @media screen and (max-width:768px){ .pagebanner4 .t{font-size:0.875rem;line-height: 1.4;padding-top:3.5rem;} .pagebanner4 .t .en{margin-bottom:0.625rem;} .pagebanner4 .t .cn{font-size:1.5rem;line-height: 1.4;margin-bottom:1.25rem;} .pagebanner4 .t {position: static;top:0;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} } /*pageProcessList*/ .pageProcessList{padding:0;list-style:none;line-height: 0;font-size: 0;text-align:center;margin: 0 auto;margin-top:5.375rem;} .pageProcessList{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content: center; height:100%;} .pageProcessList .item{list-style: none; line-height: 0;font-size: 0;} .pageProcessList .itema{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content: center;margin:0 1.625rem;position:relative;} .pageProcessList .itema:after{content:'';width:1px; height:1rem;background-color: rgba(255,255,255,0.5); position: absolute;top:50%;right:0;margin-top:-0.5rem;margin-right:-1.625rem} .pageProcessList .item:last-child .itema:after{width:0;} .pageProcessList .item .icon{display:block;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:50%; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;margin-right:0.875rem;} .pageProcessList .item .icon img{padding:0;display:block;max-width: 100%;max-height: 100%;} .pageProcessList .itema:hover .icon{background-color: rgba(255,255,255,0.1);} .pageProcessList .item .tit{font-size:1rem;line-height:1.5rem;color:#fff;font-weight:300;} @media screen and (max-width:1200px){ .pageProcessList{margin-top:3rem;} } @media screen and (max-width:1000px){ .pageProcessList{margin-top:2.5rem;flex-wrap: wrap;} .pageProcessList .itema{margin:0 1.3rem; margin-bottom:1rem;} .pageProcessList .itema:after{margin-right:-1.3rem} .pageProcessList .item .icon{width:2rem;height:2rem;line-height:2rem;margin-right:0.625rem;} .pageProcessList .item .tit{font-size:0.875rem;line-height:1.4;} } @media screen and (max-width:768px){ .pageProcessList{margin-top:2rem;margin-left:0.5rem;} .pageProcessList .itema{margin:0 1rem; margin-bottom:1rem;} .pageProcessList .item{width:33.33333%;} .pageProcessList .itema:after{ display:none;} .pageProcessList .itema{margin-left: 0;justify-content:flex-start;} } @media screen and (max-width:550px){ .pageProcessList{margin-left:0rem;} } /*pageService1*/ .pageService1{padding-top:6.875rem;padding-bottom:4.375rem;background-color: #fff;overflow: hidden;} @media screen and (max-width:1200px) { .pageService1{padding-top:5rem;padding-bottom:4rem;} } @media screen and (max-width:1000px) { .pageService1{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:768px) { .pageService1{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:640px) { .pageService1{padding-top:3rem;padding-bottom:2rem;} } /*pageTit5*/ .pageTit5{font-size:1.5rem;color:#000000;line-height:2.375rem;position: relative;text-align:center;font-weight:normal;text-transform: uppercase;margin-bottom:2.375rem;} .pageTit5 .tit strong{font-weight:600;color:#1a3aa3;} .pageTit5 .tit{position:relative;} .pageTit5 .tit span{position:relative;display:inline-block;padding-right:1rem; background-color: #fff; z-index: 1;padding: 0 4.5rem;} .pageTit5 .tit::after{content: '';width:100%;height:1px; position: absolute;top:50%;left:0;right:0;background-color:#dddddd;} @media screen and (max-width:1200px){ .pageTit5{font-size:1.4rem;margin-bottom:2rem;line-height:1.3;} .pageTit5 .titen{font-size:3.125rem;} .pageTit5 .tit span{padding: 0 3.5rem;} } @media screen and (max-width:1000px){ .pageTit5{font-size:1.3rem;margin-bottom:2rem;} .pageTit5 .tit span{padding: 0 2.5rem;} } @media screen and (max-width:768px){ .pageTit5{font-size:1.25rem;margin-bottom:1.5rem;} .pageTit5 .tit span{padding: 0 1.5rem;} } /*pageWzList4*/ .pageWZBox4{padding-top:2.25rem; padding-bottom:3.125rem;} .pageWzList4{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-top:0.625rem;} .pageWzList4 .item{display: block;} .pageWzList4 .itema{width:100%;border-radius:6px;overflow:hidden;flex-grow:1; } .pageWzList4 .title{z-index: 2; text-align: center;padding-top:7.1875rem;padding-bottom:1.875rem;padding-left:1.875rem;padding-right:1.875rem; position: absolute;top:0;left:0;right:0;} .pageWzList4 .title .t{font-size:1.25rem;color:#fff;line-height:1.75rem;margin-bottom:4px;font-weight:500} .pageWzList4 .title .txt{font-size:1rem;color:#fff;font-weight:300;line-height:1.5rem} .pageWzList4 .ImgBox{position:relative;border-radius:6px;overflow:hidden;height:0;padding-bottom:125%;width:100%;} .pageWzList4 .ImgBox>div{ position: static!important;} .pageWzList4 .ImgBox img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .pageWzList4 .item .icon{display:block;width:4.5rem;height:4.5rem;border-radius:50%; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; margin: 0 auto; margin-bottom:4.375rem;} .pageWzList4 .item .icon img{display:block;width: 100%;height: 100%;} .pageWzList4 .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pageWzList4 .itema{position:relative;display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pageWzList4 .item,.pageWzList4 .ImgBox, .pageWzList4 .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pageWzList4 .item:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} @media screen and (max-width:1200px){ .pageWzList4 .title{padding-top:5vw;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;} .pageWzList4 .title .t{font-size:1.125rem;line-height:1.4;} .pageWzList4 .title .txt{font-size:0.875rem;line-height:1.4;} .pageWzList4 .item .icon{width:4rem;height:4rem;margin-bottom:3rem;} } @media screen and (max-width:1000px){ .pageWZBox4{padding-top:2rem; padding-bottom:3rem;} .pageWzList4{grid-template-columns:1fr 1fr;gap:1rem;} .pageWzList4 .title{padding-top:20vw;padding-bottom:1.25rem;padding-left:1.25rem;padding-right:1.25rem;} .pageWzList4 .item .icon{width:3.5rem;height:3.5rem;margin-bottom:3rem;} .pageWzList4 .title .t{font-size:1.25rem;} .pageWzList4 .title .txt{font-size:1rem;} } @media screen and (max-width:640px) {.pageWZBox4{padding-top:1.5rem; padding-bottom:3rem;} .pageWzList4 .title{padding-top:15vw;padding-bottom:1.25rem;padding-left:1rem;padding-right:1rem;} .pageWzList4 .item .icon{width:3rem;height:3rem;margin-bottom:2rem;} .pageWzList4 .title .t{font-size:1.125rem;line-height:1.4;} .pageWzList4 .title .txt{font-size:0.875rem;line-height:1.4;} } @media screen and (max-width:430px) { .pageWzList4 .title{padding-top:15vw;} .pageWzList4 .title .t{font-size:1rem;line-height:1.4;} .pageWzList4 .title .txt{font-size:0.875rem;line-height:1.4;} } @media screen and (max-width:370px) { .pageWzList4{grid-template-columns:1fr;gap:1rem;} .pageWzList4 .title{padding-top:5rem;padding-bottom:1.25rem;padding-left:1.25rem;padding-right:1.25rem;} .pageWzList4 .item .icon{width:3.5rem;height:3.5rem;margin-bottom:3.5rem;} .pageWzList4 .title .t{font-size:1.25rem;} .pageWzList4 .title .txt{font-size:1rem;} } /*pageWZList5*/ .pageWZList5{padding:0;list-style:none;line-height: 0;font-size: 0;text-align:center;margin:0 -0.75rem;} .pageWZList5{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content: center;justify-content: space-between;height:100%;} .pageWZList5 .item{list-style: none; line-height: 0;font-size: 0;width:20%;} .pageWZList5 .itema{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content: center;justify-content: flex-start;margin:0 0.75rem;position:relative;} .pageWZList5 .item .title{text-align:left;} .pageWZList5 .item .title .t{font-size:1.25rem;color:#000;line-height:1.75rem;margin-bottom:4px;} .pageWZList5 .item .title .txt{font-size:1rem;color:#333;font-weight:300;line-height:1.5rem} .pageWZList5 .item .icon{flex-shrink: 0;display:block;width:4.5rem;height:4.5rem;line-height:4.5rem;border-radius:50%;box-shadow: 0px 7px 9px 1px rgba(26,58,163,0.14);margin-right:0.875rem;padding:1.25rem;} .pageWZList5 .item .icon img{display:block;max-width: 100%;max-height: 100%;} @media screen and (max-width:1200px){ .pageWZList5 .item{ width:33.333333%;} .pageWZList5 .item .icon{padding:1.1rem;width:4rem;height:4rem;line-height:4rem;} .pageWZList5 .item .title .t{font-size:1rem;line-height:1.5;margin-bottom:0;} .pageWZList5 .item .title .txt{font-size:0.875rem;line-height:1.3} } @media screen and (max-width:1000px){ .pageWZList5{flex-wrap: wrap;justify-content:flex-start;} .pageWZList5 .itema{margin-bottom:1.5rem;} .pageWZList5 .item .icon{padding:1.1rem;width:4rem;height:4rem;line-height:4rem;} .pageWZList5 .item{ width:33.333333%;} .pageWZList5 .item .title .t{font-size:1rem;line-height:1.5rem;} .pageWZList5 .item .title .txt{font-size:0.875rem;line-height:1.375rem} } @media screen and (max-width:768px){ .pageWZList5 .item{ width:50%;} } @media screen and (max-width:370px) { .pageWZList5 .item{ width:100%;} .pageWZList5 .item .title .t{font-size:1.1rem;} .pageWZList5 .item .title .txt{font-size:1rem;} .pageWZList5 .item .icon{padding:1.1rem;width:4rem;height:4rem;line-height:4rem;} } /*pageService2*/ .pageService2{padding-top:6.25rem;background-color: #fff;overflow: hidden;} @media screen and (max-width:1200px) { .pageService2{padding-top:5rem;} } @media screen and (max-width:1000px) { .pageService2{padding-top:4rem;} } @media screen and (max-width:768px) { .pageService2{padding-top:3rem;} } @media screen and (max-width:640px) { .pageService2{padding-top:2rem;} } /* service-technology */ .pageTechnology{display:grid;grid-template-columns:repeat(2,1fr); background-color:#aaa;} .pageTechnology .pageTechnologyBox{flex-shrink:0;} .pageTechnology .pageTechnology-item{position: relative;overflow:hidden;} .pageTechnology .pageTechnology-item .pic{position:relative;overflow:hidden;height:0;padding-bottom:65.625%;width:100%; z-index:0;} .pageTechnology .pageTechnology-item .pic>div{position:static!important;} .pageTechnology .pageTechnology-item .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .pageTechnology .pageTechnology-item .line{position: absolute;left: 0;top: 0;overflow:hidden;height:0;padding-bottom:65.625%;width:100%; z-index:3; pointer-events: none;} .pageTechnology .pageTechnology-item .line img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .pageTechnology .pageTechnology-item .title{width:50%;position:absolute;left:50%;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;} .pageTechnology .pageTechnology-item .titbg{position:relative;overflow:hidden;height:0;padding-bottom:43.75%;width:100%; z-index:1;pointer-events: none;} .pageTechnology .pageTechnology-item .titbg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .pageTechnology .pageTechnology-item .txt{position:absolute;left:1.875rem;top:1.875rem; z-index:2;} .pageTechnology .pageTechnology-item .txt .t2{font-size:1.25rem;color:#f1f1f1;line-height:1.75rem;font-weight:300;} .pageTechnology .pageTechnology-item .txt .t1{font-size:1rem;color:#f1f1f1;font-weight:300;line-height:1.5rem;margin-bottom:0.375rem;} .pageTechnology .pageTechnology-item .txt .num{font-size:2.6vw;color:#d2d2d2;line-height:1.5rem;font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight: normal;margin-top:2.1875vw;} .pageTechnology .pageTechnology-item .txt .num span{font-family:"黑体",Arial,"微软雅黑","Microsoft Yahei", Helvetica,sans-serif;} /*right*/ .pageTechnology .right .pageTechnology-item .title{left:0;} .pageTechnology .right .pageTechnology-item .txt .t2{color:#fff;} .pageTechnology .right .pageTechnology-item .txt .t1{color:#fff;} .pageTechnology .right .pageTechnology-item .txt .num{color:#fff;} @media screen and (max-width:1200px) { .pageTechnology .pageTechnology-item .txt{left:1rem;top:1rem;} .pageTechnology .pageTechnology-item .txt .t2{font-size:1.125rem;line-height:1.4;} .pageTechnology .pageTechnology-item .txt .t1{font-size:0.875rem;line-height:1.3;} } @media screen and (max-width:1000px) { .pageTechnology{grid-template-columns:repeat(1,1fr);} .pageTechnology .right .pageTechnology-item .title{left:50%;} .pageTechnology .pageTechnology-item .txt{left:3vw;top:3vw;} .pageTechnology .pageTechnology-item .txt .num{font-size:5vw;margin-top:3.5vw;} } @media screen and (max-width:768px) { .pageTechnology .pageTechnology-item .txt .t2{font-size:1rem;line-height:1.4;} .pageTechnology .pageTechnology-item .txt .t1{font-size:0.875rem;line-height:1.3;margin-bottom:0;} } @media screen and (max-width:370px) { .pageTechnology .pageTechnology-item .txt .num{font-size:6vw;margin-top:1.5vw;} } /*.pageService3*/ .pageService3{padding-top:7.5rem;padding-bottom:4.25rem;background:url("../images/service-5abg.jpg") no-repeat center top #eaeaeb;background-size:cover; overflow: hidden;} @media screen and (max-width:1200px) { .pageService3{padding-top:6rem;padding-bottom:3rem;} } @media screen and (max-width:1000px) { .pageService3{padding-top:5rem;padding-bottom:3rem;} } @media screen and (max-width:768px) { .pageService3{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:640px) { .pageService3{padding-top:4rem;padding-bottom:3rem;} } /*pageWzList6*/ .pageWzList6 .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pageWzList6 .itema{display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .pageWzList6 .txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;} /*txt*/ .pageWzList6{padding:0;list-style:none;margin:0 -0.75rem;padding-top: 1.625rem;} .pageWzList6 .item{width:20%; float: left;} .pageWzList6 .itema{position:relative;padding-top:3.875rem;padding-bottom:3rem;padding-left:1.875rem;padding-right:1.875rem;background-color: #fff;border-radius:6px;min-width:16.5rem; margin:0 0.75rem;color:#000000;} .pageWzList6 .txt{font-size:1rem;line-height:1.5rem;margin-bottom:1.25rem;min-height:15rem;font-weight:300; text-align:justify;} .pageWzList6 .tit{font-size:1.25rem;line-height:1.75rem;margin-bottom:2rem;min-height:5.25rem;font-weight:600;} .pageWzList6 .tit2{font-size:1rem;line-height:1.5rem;font-weight:300;} .pageWzList6 .tit2 span{position:relative;display:inline-block;padding-right:1rem;} .pageWzList6 .tit2 span::after{content:'';width:0.375rem;height:0.375rem; position: absolute;top:50%;right:0;background-color:#00266c;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} /*hover*/ .pageWzList6 .item,.pageWzList6 .itema{-webkit-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .pageWzList6 .itema:hover{color:#fff;background:url("../images/service-5a-wzbg.jpg") no-repeat center bottom #0d44b0;background-size:cover; } .pageWzList6 .itema:hover .tit2 span::after{background-color:#ffffff;} @media screen and (max-width:1200px) { .pageWzList6 .item{width:auto;} .pageWzList6 .itema{width:16.5rem;} } /*.pageService4*/ .pageService4{padding-top:7.5rem;padding-bottom:6.25rem;background:#00153c;overflow: hidden;} @media screen and (max-width:1200px) { .pageService4{padding-top:6rem;padding-bottom:5rem;} } @media screen and (max-width:1000px) { .pageService4{padding-top:5rem;padding-bottom:4rem;} } @media screen and (max-width:768px) { .pageService4{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:640px) { .pageService4{padding-top:4rem;padding-bottom:3rem;} } /*pageWzList7*/ .pageWzList7{padding:0;list-style:none;font-size:0;margin:0 -0.75rem;padding-top:2.5rem;} .pageWzList7 .container{position:relative;} .pageWzList7 .swiper-container{ overflow: hidden;position:relative;cursor:grab;} .pageWzList7 .item{ display:block;float:left;width:25%;} .pageWzList7 .itema{display:block;margin:0 0.75rem; position:relative;overflow:hidden;border-radius:6px;} .pageWzList7 .ImgBox{overflow:hidden;padding-bottom:119.047619047619%; position:relative;border-radius:6px;} .pageWzList7 .ImgBox>div{position:static!important;} .pageWzList7 .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageWzList7 .title{ padding-top:1rem;padding-bottom:0.5rem;font-size:1rem;color:#fff;font-weight:300;line-height:1.5rem;} .pageWzList7 .num{font-size:1.25rem;color:#ffffff;width:3.13rem;height:3.13rem;line-height:3.13rem;text-align: center; background: #1A3AA3;border-radius: 6px; position: absolute;top:0.69rem;left:0.69rem;font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight: normal; z-index: 2;} /*hover*/ .pageWzList7 .item,.pageWzList7 .ImgBox, .pageWzList7 .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pageWzList7 .item:hover .ImgBox{-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);} .pageWzList7 .item:hover .ImgBox img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} @media screen and (max-width:1200px){ .pageWzList7 .item{ width:33.333333%;} .pageWzList7{margin:0 -0.5rem; padding-top:2rem;} .pageWzList7 .itema{margin:0 0.5rem;} } @media screen and (max-width:768px){ .pageWzList7 .item{ width:50%;} .pageWzList7{margin:0 -0.5rem; padding-top:1.5rem;} } /*swbtn2*/ .swbtn2 .mbtn{width:3.75rem;height:3.75rem;border-radius:50%;overflow:hidden;position:absolute;top:50%; margin:0;margin-top:-1.875rem;cursor:pointer;z-index:9;outline:none;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-color: #000818; background-position:center center; background-repeat:no-repeat;background-size:0.625rem;} .swbtn2 .mbtn:hover{background-color: #1a3aa3;} .swbtn2 .mbtn.swiper-button-prev{background-image:url(../images/arrow-left2.png);left:-5.75rem;} .swbtn2 .mbtn.swiper-button-next{background-image:url(../images/arrow-right2.png);right:-5.75rem;} @media screen and (max-width:1000px) { .swbtn2{ position:relative; height:3.75rem;margin:0 auto;margin-top:1.875rem; text-align:center;} .swbtn2 .mbtn{margin-top:0;position:relative;top:0; display:inline-block; margin:0 0.5rem} .swbtn2 .mbtn.swiper-button-prev{left:0;} .swbtn2 .mbtn.swiper-button-next{right:0;} } /*.pageService5*/ .pageService5{background-color:#000100; overflow: hidden; position: relative;} /*pagebanner*/ .pageService5{ position: relative; overflow:hidden;padding-bottom:43.75%; } .pageService5 .bg{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} .pageService5 video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:2;} .pageService5 .shadow{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:3; background: rgba(26,58,163,0.7);} @media screen and (max-width:1200px){ .pageService5{ padding-bottom:45%; } } @media screen and (max-width:1000px){ .pageService5{ padding-bottom:50%; } } @media screen and (max-width:768px) { .pageService5{ padding-bottom:80%;min-height:15.625rem;} } /*pageNetwork*/ .pageNetwork{position:absolute;left:0;right:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:4;} .pageNetwork .txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;} .pageNetwork .txt{font-size:1rem;line-height:1.5rem;color:#FFF;font-weight:300;} .pageNetwork .num{font-size:1.875rem;line-height:1.5rem;color:#FFF;display:block;font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight: normal; margin-right:1.25rem;flex-shrink: 0;} .pageNetwork .num span{ display: inline-block;vertical-align:top;line-height:1;} .pageNetwork .num .counter{font-size:2.875rem;margin-right:0.5rem;font-weight:500;} .pageNetwork{margin:0 -0.75rem;} .pageNetworkB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-wrap: wrap;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; width:50%;margin:0 auto;} .pageNetwork .itema{position:relative;padding-top:1.25rem;padding-bottom:1.25rem;display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; width: auto;margin:0 0.75rem;} .pageNetwork .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;flex-shrink: 0;min-width:45%;} @media screen and (max-width:1200px) { .pageNetwork .txt{font-size:0.875rem;line-height:1.5;} .pageNetwork .num{font-size:1.5rem;margin-right:1rem;} .pageNetwork .num .counter{font-size:2.5rem;} .pageNetworkB{width:70%;} .pageNetwork .item{width:50%;} } @media screen and (max-width:1000px) { .pageNetworkB{width:90%;} .pageNetwork .item{width:50%;} .pageNetwork .txt{font-size:0.875rem;line-height:1.5;} .pageNetwork .num{font-size:1.3rem;margin-right:1rem;} .pageNetwork .num .counter{font-size:2.5rem;} .pageNetwork .itema{padding-top:1rem;padding-bottom:1rem;} } @media screen and (max-width:768px) { .pageNetwork .txt{font-size:0.875rem;} .pageNetwork .num{font: size 1.25em;} .pageNetwork .num .counter{font-size:2.5rem;} .pageNetwork .itema{padding-top:0.75rem;padding-bottom:0.75rem;} } @media screen and (max-width:640px) { .pageNetworkB{width:70%;} .pageNetwork .item{width:100%;} .pageNetwork .num .counter{font-size:2rem;} } /*.pageService6*/ .pageService6{padding-top:7.5rem;background:url("../images/service-warrantybg.jpg") no-repeat center top #ededed;background-size:cover; overflow: hidden;} .pageWarrantyB{position:relative;padding-bottom:4rem; margin-top:6.125rem;} @media screen and (max-width:1200px) { .pageService6{padding-top:6rem;} .pageWarrantyB{padding-bottom:4rem;margin-top:3rem;} } @media screen and (max-width:1000px) { .pageService6{padding-top:5rem;} .pageWarrantyB{padding-bottom:3rem;margin-top:0rem;} } @media screen and (max-width:768px) { .pageService6{padding-top:4rem;} .pageWarrantyB{padding-bottom:2rem;} } @media screen and (max-width:640px) { .pageService6{padding-top:4rem;} .pageWarrantyB{padding-bottom:1rem;} } /*pageWarranty*/ /*pageWarrantyCode*/ .pageWarrantyCode{background: rgba(85,86,88,0.1);width:76.27118644067797%;border-radius:6px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6.25rem;padding-left:6.25rem;padding-right:6.25rem;padding-bottom:5.875rem;} .pageWarrantyCodeB {width:100%;max-width:21.875rem;} .pageWarrantyCodeB .code {width:100%;height:100%;max-width:7.5rem;border-radius:50%;overflow: hidden;margin:0 auto;margin-bottom:1.875rem;} .pageWarrantyCodeB .code img {width:100%;height:100%;padding:0.75rem;background:#fff;} .pageWarrantyCodeB .desc{font-size:1.25rem;line-height:1.75rem;color:#000;font-weight:300;text-align:center;z-index:6;position: relative;} /*pageWarrantyPic*/ .pageWarrantyPic{width:42.3728813559322%;position:absolute;top:-6.125rem;right:0;left:0;margin:0 auto;} .pageWarrantyPic .pic{overflow:hidden;padding-bottom:100%; position:relative;} .pageWarrantyPic .pic>div{position:static!important;} .pageWarrantyPic .pic img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} /*pageWarrantyWz*/ .pageWarrantyWz{width:28.60169491525424%;position:absolute;right:0;top:50%;transform:translateY(-50%); } .pageWarrantyWz .pageWarrantyWzB{padding-left:2.375rem;padding-right:5rem;padding-top:2.75rem;padding-bottom:2.1875rem;border-radius:6px; background-color: #fff;} .pageWarrantyWz .txt{font-size:1rem;line-height:1.5rem;color:#000;} .pageWarrantyWz .tel .icon-tel{display: block;width:2.47rem;height:2.47rem;box-shadow: 0rem 0.5rem 1rem 0.25rem rgba(26, 58, 163, 0.18);border-radius:50%;background-color:#1A3AA3; background-image:url("../images/icon-kf.png"); background-position: center center; background-repeat: no-repeat;background-size:1rem; margin-top: 1.875rem;cursor: pointer;} @media screen and (max-width:1200px) { .pageWarrantyCode{padding-top:5rem;padding-left:3rem;padding-right:3rem;padding-bottom:5rem;} .pageWarrantyCodeB .desc{font-size:1.125rem;line-height:1.5rem;} .pageWarrantyWz .txt{font-size:0.875rem;} .pageWarrantyWz .tel .icon-tel{width:2.25rem;height:2.25rem;} .pageWarrantyWz .pageWarrantyWzB{padding-left:2rem;padding-right:2rem;padding-top:2rem;padding-bottom:2rem;} .pageWarrantyCodeB {max-width:20rem;} .pageWarrantyPic{top:auto;bottom:0;} } @media screen and (max-width:1000px) { .pageWarrantyCodeB .desc{font-size:1rem;} .pageWarrantyWz .tel .icon-tel{width:2rem;height:2rem;} .pageWarrantyPic{ z-index: 5;} } @media screen and (max-width:768px) { .pageWarrantyCode{ width: 100%;} .pageWarrantyCodeB{ margin: 0 auto;} .pageWarrantyWz{width:100%;position: relative;right:0;top:0;transform:translateY(0); margin:0; margin-left:0; margin-top: 1.5rem; } .pageWarrantyPic{position:absolute;top:auto;right:0;left:auto;margin:0;bottom:0;} .pageWarrantyWz .pageWarrantyWzB{padding-right: 42.3728813559322%;} } /*.pageService7*/ .pageService7{padding-top:7.5rem;padding-bottom:5rem;background:#f0f2f5;background-size:cover;overflow:hidden;} @media screen and (max-width:1200px) { .pageService7{padding-top:6rem;padding-bottom:4rem;} } @media screen and (max-width:1000px) { .pageService7{padding-top:5rem;padding-bottom:3rem;} } @media screen and (max-width:768px) { .pageService7{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:640px) { .pageService7{padding-top:4rem;padding-bottom:3rem;} } /*swbtnB*/ .pageWZBox8 .swbtnB{margin-top:5rem; } @media screen and (max-width:1200px) { .pageWZBox8 .swbtnB{margin-top:4rem; } } @media screen and (max-width:1000px) { .pageWZBox8 .swbtnB{margin-top:3rem; } } @media screen and (max-width:768px) { .pageWZBox8 .swbtnB{margin-top:2rem; } } /*pageWzList8*/ .pageWzList8 .swiper-container{ overflow: hidden;position:relative;cursor:grab;} .pageWzList8 .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pageWzList8 .itema{display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .pageWzList8 .txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;} /*txt*/ .pageWzList8{padding:0;list-style:none;margin:0 -0.75rem;padding-top:1.625rem;} .pageWzList8 .item{width:33.33333%; float: left;} .pageWzList8 .itema{position:relative;padding-top:2.5rem;padding-bottom:4rem;padding-left:3.125rem;padding-right:3.125rem;background:url("../images/service-faqbg2.png") no-repeat center bottom #fff;background-size:100%;border-radius:6px;margin:0 0.75rem;} .pageWzList8 .tit{font-size:1.25rem;color:#000000;line-height:1.75rem;margin-bottom:0.875rem;min-height:3.5rem;font-weight:600;} .pageWzList8 .txt{font-weight:300;color:#000;text-align:justify;font-size:1rem;line-height:1.5rem;/*min-height:13.5rem;*/ min-height:9rem;} .pageWzList8 .info{padding-bottom:2rem; position:relative;} /*hover*/ .pageWzList8 .txt, .pageWzList8 .item, .pageWzList8 .itema{-webkit-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .pageWzList8 .itema:hover{background-image:url("../images/service-faqbg.jpg");background-color:#0d44b0;background-size:cover; } .pageWzList8 .itema:hover .tit{color:#fff;} .pageWzList8 .txt{filter:alpha(opacity=0); opacity:0;transform: translateY(1rem); visibility: hidden;} .pageWzList8 .itema:hover .txt{color:#fff;filter:alpha(opacity=100);opacity:1;transform: translateY(0);visibility: visible;} @media screen and (max-width:1200px) { .pageWzList8{margin:0 -0.5rem;padding-top:1.5rem;} .pageWzList8 .itema{padding-top:2.5rem;padding-bottom:4rem;padding-left:2.5rem;padding-right:2.5rem;margin:0 0.5rem;} .pageWzList8 .tit{font-size:1.125rem;} .pageWzList8 .txt{font-size:0.875rem;} } @media screen and (max-width:1023px) { .pageWzList8{padding-top:1rem;} .pageWzList8 .item{width:50%; } .pageWzList8 .itema .txt{color:#000;filter:alpha(opacity=100);opacity:1;transform: translateY(0);visibility: visible;} .pageWzList8 .itema:hover .txt{color:#000;filter:alpha(opacity=100);opacity:1;transform: translateY(0);visibility: visible;} .pageWzList8 .itema:hover{background-image:none;background-color:#fff;} .pageWzList8 .itema:hover .tit{color:#000;} } @media screen and (max-width:767px) { .pageWzList8 .item{width:100%; } .pageWzList8 .itema .txt{filter:alpha(opacity=100);opacity:1;transform: translateY(0);visibility: visible;} .pageWzList8 .tit{font-size:1rem;} .pageWzList8 .txt{font-size:0.875rem;} } /*read-more*/ .read-more{padding:0;text-align:center;margin:0 auto; position:absolute;bottom:1.25rem;left:0;right:0; display:none;} .read-more a{display:inline-block;font-size:0.95rem;line-height:1.5rem;text-decoration:none;color:#fff;position:relative;transition: all 0.5s;} .read-more a i{ position: relative;display:inline-block; width:1.375rem;height:1.375rem;background: url(../images/icon-m3.png) center center no-repeat; background-size:0.75rem;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s; vertical-align: middle;} .read-more a i.fa-angle-up{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} .pageWzList8 .read-more{filter:alpha(opacity=0); opacity:0;transform: translateY(1rem); visibility: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} .pageWzList8 .itema:hover .read-more{filter:alpha(opacity=100);opacity:1;transform: translateY(0);visibility:visible;} @media screen and (max-width:1200px) { .read-more a{font-size:0.875rem;} } @media screen and (max-width:1023px) { .pageWzList8 .read-more{filter:alpha(opacity=100);opacity:1;transform: translateY(0);visibility: visible;} .read-more a i{ background-image:url(../images/icon-v.png);} .pageWzList8 .itema .read-more a{color:#000;} } @media screen and (max-width:767px) { .read-more a{font-size:0.875rem;} } /*增加视觉特效CSS3样式 */ @keyframes fadeIn2{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}} .polygon2{animation:polygon2 1.2s linear forwards;opacity:0} @keyframes polygon2{0%{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0);opacity:0}100%{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0);opacity:1}} .polygon{animation:polygon 4s linear forwards;opacity:0} @keyframes polygon{0%{-webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 0%);clip-path:polygon(0% 0%, 0% 0%, 0% 0%);opacity:0}100%{-webkit-clip-path:polygon(0% 0%, 0% 200%, 200% 0%);clip-path:polygon(0% 0%, 0% 200%, 200% 0%);opacity:1}} .polygon3{animation:polygon3 1.2s linear forwards;opacity:0} @keyframes polygon3 { 0% { -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 100% 0); clip-path: polygon(100% 0, 100% 100%, 100% 100%, 100% 0); opacity: 0; } 100% { -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0); opacity: 1; } } /* 从右到左显示的动画 */ .polygon1{animation:polygon 4s linear forwards;opacity:0} @keyframes polygon1 { 0% { -webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%); clip-path: polygon(100% 0%, 100% 100%, 100% 100%); opacity:0 } 100% { -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); opacity: 1; } } /* 从上到下显示的动画 */ .polygon4 {animation: polygon4 1s linear forwards;opacity: 0;} @keyframes polygon4{ 0% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); opacity: 0; } 100% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; } } /* 从下到上显示的动画 */ .polygon5 {animation: polygon5 1s linear forwards;opacity: 0;} @keyframes polygon5 { 0% { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); opacity: 0; } 100% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; } } .imgbg .fadeTarget{opacity:0;-webkit-transition:opacity .8s ease-out,transform .6s ease-out;transition:opacity .8s ease-out,transform .6s ease-out} .imgbg .fadeTarget.fadeInLeft{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)} .imgbg .fadeTarget.visible{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)} .stepFade .stepTarget{opacity:0;-webkit-transform:translateX(90px);transform:translateX(90px);-webkit-transition:opacity 2.4s ease-out,transform 1.8s ease-out;transition:opacity 2.4s ease-out,transform 1.8s ease-out} .stepFade .stepTarget.visible{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)} .imgbg1 .fadeTarget img{opacity:0;-webkit-transition:opacity .8s ease-out,transform .6s ease-out;transition:opacity .8s ease-out,transform .6s ease-out} .imgbg1 .fadeTarget.visible img{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)} @keyframes cir_out{0%{transform:translate(-50%,-50%) scale(0.05);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(1.1);opacity:0}} @keyframes scroll-icon{0%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}100%{-webkit-transform:translateY(12px);transform:translateY(12px)}} @keyframes rotate_in{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes banner_in{0%{transform:translate3d(0,100%,0) scale3d(1.1,1,1.1);filter:blur(7px)}100%{transform:translate3d(0,0%,0) scale3d(1,1,1);filter:none}} @keyframes banner_in_r6{0%{transform:translate3d(0,100%,0) scale3d(0.8,0.8,0.8)}50%{transform:translate3d(0,0%,0) scale3d(0.8,0.8,0.8)}100%{transform:translate3d(0,0%,0) scale3d(1,1,1)}} @keyframes banner_out{to{transform:translate3d(0,100%,0) scale3d(1.1,1,1.1)}}@keyframes banner_out_r6{0%{transform:translate3d(0,0%,0) scale3d(1,1,1)}50%{transform:translate3d(0,0%,0) scale3d(0.8,0.8,0.8)}100%{transform:translate3d(0,100%,0) scale3d(0.8,0.8,0.8)}} @keyframes a1{0%{opacity:1;transform:skewy(-45deg)}70%{opacity:0}100%{opacity:1;transform:skewy(-45deg)}} @keyframes b1{0%{opacity:1;transform:skewy(-45deg)}70%{opacity:0}100%{opacity:1;transform:skewy(-45deg)}} @keyframes d1{0%,20%{transform:translate(-50%,-50%) rotate(-45deg) scalex(1)}65%,100%{transform:translate(-50%,-50%) rotate(135deg) scalex(1)}} @keyframes e1{to{transform:rotate(360deg)}} @keyframes scrFn{to{opacity:0.3;-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);-o-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);}} @keyframes scrFn1{to{opacity:0}} /*新加*/ #topbtn{display: inline-block;width: 40px !important;height: 40px;background: url(../images/search.png) no-repeat center center;background-size: 20px;border: 0;outline: 0;cursor: pointer; } /*鼠标跟随*/ .dragimg{width:4.5rem;height:4.5rem;line-height:4.5rem; text-align:center;background:#00266c;border-radius:50%;overflow:hidden;opacity:0;pointer-events:none;position:fixed;/*left:-2.25rem;top:-2.25rem;*/left:0;top: 0;transform:translateX(-50%) translateY(-50%) scale(0);will-change:transform;z-index:9999;display:flex;justify-content:center;align-items:center; font-size:1rem; color:#fff;font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal; text-transform:uppercase;} .dragimg{ display:none;} .dragimg img{width:100%;height:100%;} @media screen and (max-width:768px){ .dragimg{ display:none;} } /*dragVideo*/ .dragVideo{width:7.5rem;height:7.5rem;text-align:center;overflow:hidden;z-index:9;color:#fff;display:flex;justify-content:center;align-items:center;font-family:initial; opacity: 0;pointer-events: none;position: fixed;transform: scale(0);will-change: transform;/*left:-3.75rem;top:-3.75rem;*/left:0;top: 0;} .dragVideo .videoBtnIcon{position:absolute;display:inline-block;left:0;right:0;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align: center;} .dragVideo .videoBtnIcon p{font-size:1rem;color:#fff;line-height:1;font-family:'Poppins', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal;text-transform:uppercase;margin-top:1.25rem;} .dragVideo .videoBtnIcon .icon-video{width:2.5rem;height:2.5rem;margin:0 auto;border-radius:50%;background:url('../images/icon-ss.png') no-repeat center center; background-size:0.5rem;border:1px solid #fff;background-color: rgba(255, 255, 255,0.06);} .dragVideo .videoBtnIcon .icon-video{animation: h_scale 2s linear infinite;-webkit-animation: h_scale 2s linear infinite;} @media screen and (max-width:1024px){ .dragVideo{ display:none;} } /*pro-beizhu*/ .pro-beizhu{padding-top:2rem;padding-bottom:2rem;overflow: hidden;background-color:#f7f7f7;font-size:0.875rem;line-height:1.5;color:#acacac;font-weight:300;text-align:right;}