@charset "utf-8"; /* CSS Document */ *, ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box} html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body, h1, h2, h3, h4, h5, h6, dl, dd, p, hr {margin: 0;} button, option, textarea, td {padding: 0;} ul, ol, input {margin: 0;padding: 0;} ul, ol {list-style-type: none;} table {border-spacing: 0;border-collapse: collapse;} img {border:0;vertical-align:middle;} a{color:inherit;} 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;} :focus{outline:0;} /*input*/ button {border: none;} textarea {resize: none;} 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-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1} .swiper-button-prev:after, .swiper-button-next:after{display:none;} /**slick初始化**/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;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} /*font-face*/ @font-face{font-family:'Oswald';src:url('fonts/Oswald-Regular.eot');src:url('fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Oswald-Regular.woff2') format('woff2'),url('fonts/Oswald-Regular.woff') format('woff'),url('fonts/Oswald-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap} @font-face{font-family:'Oswald';src:url('fonts/Oswald-Light.eot');src:url('fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),url('fonts/Oswald-Light.woff2') format('woff2'),url('fonts/Oswald-Light.woff') format('woff'),url('fonts/Oswald-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap} @font-face{font-family:'Oswald';src:url('fonts/Oswald-Medium.eot');src:url('fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'),url('fonts/Oswald-Medium.woff2') format('woff2'),url('fonts/Oswald-Medium.woff') format('woff'),url('fonts/Oswald-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap} /*body*/ body{font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;min-width:320px;overflow-x: hidden;scroll-behavior: initial;color:#000;} [lang="en"] body{font-family:Inter,"Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;} /*html*/ html{font-size:0.8333333333333333vw;/*font-size:16px;*/} @media screen and (max-width:1200px){ html{font-size:14px} } @media screen and (max-width:767px){ html{font-size:0.875rem;} } /*container*/ .container{width:87.5%;margin:0 auto; max-width:1800px;} @media screen and (max-width:1024px) { .container{width:90%;} } @media screen and (max-width:767px){ .container{width:auto;padding:0 16px;min-width:320px;} } /*header*/ .header{position:fixed;top:0;left:0;right:0;width:100%;height:6.25rem;line-height:6.25rem;z-index:999;margin:auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; background-color: #fff;} .header .header-pc{position:relative;} .header .header-wrap{width:100%;font-size:0;text-align:center;} /*header logo*/ .header .header-pc .logo{width:11.875rem;height:100%;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;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .header .header-pc .logo img{display:block;max-width:100%;height:auto;} /*header hover*/ .header.onsb{box-shadow: 0 2px 0.3rem rgba(0,0,0,0.05);height:5rem;line-height:5rem;} @media screen and (max-width: 1024px) { .header.onsb,.header{height:65px!important;line-height:65px!important;} } @media screen and (max-width: 768px) { .header .header-pc .logo{left:16px;width:10rem;} } /*header-wrap*/ .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:space-between;justify-content:space-between} .header .header-logo{display:flex;align-items:center;height: 100%;} .header .header-ri {display:flex;align-items:center;height: 100%;} /*pc-header-menu*/ .header .pc-header-menu{display:flex;align-items:center;height:100%;} .header .pc-header-menu .nav{display:flex;align-items:center;} /*pc-header-menu yiji*/ .header .pc-header-menu .nav{float:left;position:relative;} .header .pc-header-menu .nav dl{float:left;position:relative;} .header .pc-header-menu .nav dl:hover{z-index:20;} .header .pc-header-menu .nav dt a{font-size:1rem;color:#000;position:relative;text-align:left; display:block;margin:0 1.625rem;} .header .pc-header-menu .nav dt a:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:0;background-color:#ffc803;height:4px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;border-radius:2px;} .header .pc-header-menu .nav dl:hover a:after,.header .pc-header-menu .nav dl.cur a:after{width:100%} @media screen and (max-width: 1580px) { .header .pc-header-menu .nav dt a{margin:0 1.5rem;} } @media screen and (max-width: 1200px) { .header .pc-header-menu .nav dt a{font-size:0.875rem;margin:0 1rem;} } @media screen and (max-width: 1150px) { .header .pc-header-menu .nav dt a{font-size:0.875rem;margin:0 0.5rem;} } @media screen and (max-width: 1024px) { .header .pc-header-menu{display:none;} } /*pc-header-menu erji*/ .header .pc-header-menu .nav dd{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:10rem;background-color:rgba(255,255,255,0.9);background-color:#ffffff;line-height:1.2;text-align:center;margin-top:0;box-shadow:0 4px 10px rgba(0,0,0,0.06);display:none;padding-top:1.25rem;padding-bottom:1.25rem;border-radius: 0 0 6px 6px;display:none;} .header .pc-header-menu .nav dd .lia a{font-size:1rem;line-height:1.2;display:block;padding:0.75rem 1rem;color:#000;-webkit-transition:all 0.3s;transition:all 0.3s;} .header .pc-header-menu .nav dd .lia:hover a{color:#ffc803;background:#f7f4ea;} @media screen and (max-width: 1200px) { .header .pc-header-menu .nav dd .lia a{font-size:0.875rem;padding:0.5rem 1rem;} } /*header-lang*/ .header .header-lang {height:100%;position: relative;margin-left:1.875rem;} .header .header-lang .header-langBtn{display:flex;align-items:center;font-size:1rem;color:#000000;cursor:pointer;} .header .header-lang .header-langBtn .icon-lan{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-right:0.625rem;background-image:url('../images/icon-lan.png'); background-size:100%; background-position: center center; background-repeat:no-repeat;} .header .header-lang .header-langBtn .icon_v{display:block;width:10px;height:6px;margin-left:14px} .header .header-lang .header-langBtn .icon_v .cls-1{fill: #222;fill-rule:evenodd;} /*header-langNav*/ .header .header-lang .header-langNav{position:absolute;top:100%;left:50%;width:10rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);line-height:1.5;padding-bottom:0.12rem;padding-top:0.12rem;border-radius:0 0 6px 6px;margin-top:-1px;background-color:#fff;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;display:none;} .header .header-lang .header-langNav a{font-size:1rem;line-height: 1.2;display:block;padding:0.75rem 1.25rem;-webkit-transition:all 0.3s;transition:all 0.3s;color:#333} .header .header-lang .header-langNav a:hover{color:#ffc803;background:#f7f4ea;} @media screen and (min-width:1024.1px) { .header .header-lang .header-langNav{display:block;opacity:0;pointer-events:none;-webkit-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px);} .header .header-lang:hover .header-langNav{display:block;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto;} } @media screen and (max-width:1200px) { .header .header-lang {margin-left:1.5rem;} /* .header .header-lang .header-langBtn{ font-size:0;} .header .header-lang .header-langBtn .icon-lan{margin-right:0;} .header .header-lang .header-langBtn .icon_v{ display:none;} */ .header .header-lang .header-langNav a{font-size:0.875rem;} } @media screen and (max-width:1024px) { .header .header-lang {margin-left:1.25rem;} } /*header-search*/ .header .header-line{display:block;margin:0 0.625rem;width:1px;height:1rem;background-color:#afafaf;} .header .header-search {height:100%;position: relative;margin-left:3.125rem;} .header .header-search .header-searchBtn{-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;} .header .header-search .header-searchBtn{display:flex;align-items:center;font-size:1rem;color:#000000;cursor:pointer;} .header .header-search .header-searchBtn .icon-search{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-right:0.625rem;background-image:url('../images/top-search.png'); background-size:1.125rem; background-position: center center; background-repeat:no-repeat;} .header .header-search .header-searchBtn.search-show .icon-search{background-image:url('../images/icon-close.png');} @media screen and (max-width:1200px) { .header .header-search{margin-left:2rem;} .header .header-search .header-searchBtn{font-size:0;} .header .header-search .header-searchBtn .icon-search{margin-right:0;} } @media screen and (max-width:1024px) { .header .header-search {margin-left:0rem; position: static;} .header .header-line{display:none;margin:0;} } /*header-searchBox*/ .header-searchBox{position:absolute;right:-1.875rem;top:100%;width:24.75rem;background-color:#f5f5f5;color:#000000;display:none;} .header-searchBox .header-searchB{padding:0.625rem 0.875rem;position:relative} .header-searchBox form{display:flex;align-items:center;justify-content:space-between;margin:0;transition:all 0.4s;background-color:#ffffff;border-radius:0.625rem;overflow: hidden;} .header-searchBox form .searchInput{display:block;width:calc(100% - 26px);padding:0.5rem 1rem;height:2.875rem;font-size:0.875rem;color:#000;font-family:"微软雅黑",Arial,Sans-Serif;outline:none;border:none;background:#fff;text-align:left;} .header-searchBox form input::-webkit-input-placeholder{color:#9799a6} .header-searchBox form input::-moz-placeholder{color:#9799a6} .header-searchBox form input:-ms-input-placeholder{color:#9799a6} .header-searchBox form .search-cancel{cursor:pointer;} .header-searchBox form .searchSubmit{display:flex;align-items:center;overflow:hidden;outline:none;border:none;width:2.875rem; height:2.875rem;background-image:url('../images/top-search.png'); background-size:1.125rem; background-position: center center; background-repeat:no-repeat;} @media screen and (max-width:1024px) { .header-searchBox{position:absolute;left:0;right:0;top:100%;width:100%;} } /*m-header*/ .m-header-menu{display:none;} @media screen and (min-width: 1024.1px) { .m-header-menu{display:none!important;} } @media screen and (max-width: 1024px) { body.openmenu{ overflow: hidden;} /*m-nav-btn*/ .m-nav-btn{width:22px;height:65px;margin-left: 10px; 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.cur .line1{transform: rotate(45deg); } .m-nav-btn.cur .line2{display: none; } .m-nav-btn.cur .line3{transform: rotate(-45deg); } .m-nav-btn .line{position: absolute;display: block;width:22px;height:2px;background-color:#000;left:0px;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; margin: 0} .m-nav-btn .line1{top: 25px;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0; transform-origin: left top 0; } .m-nav-btn .line2{top: 32px; } .m-nav-btn .line3{top: 40px; -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 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 .nav-subnav{position:static;display: none;padding: 15px 15px;} .m-header-menu .nav-subnav a{line-height: 36px;font-size:15px;color: #666;display: block;border-bottom:none; } } /*footer*/ .footer {background:#f9c03b;background-size:cover; text-align: center;} .footer .footer-top{padding-top:5.625rem;padding-bottom:1.5rem;} /*footer-logo*/ .footer .footer-logo{display:block;margin-bottom:1.5rem;text-align: center;} .footer .footer-logo img{height:2.5rem;} /*footer-lx*/ .footer .footer-lx {font-size:1.25rem;line-height:1.75rem;color:#332c2b;} .footer .footer-lx .icon{ margin-bottom:0.625rem;vertical-align: middle;} .footer .footer-lx .icon span{vertical-align: middle;} .footer .footer-lx .icon .t{font-weight:300;background-position: left center; background-repeat: no-repeat;background-size:1.25rem; padding-left:2.125rem; } .footer .footer-lx .icon .t2{font-weight:normal;} .footer .footer-lx .tel .t{background-image:url("../images/icon-tel.png");} .footer .footer-lx .tel2 .t{background-image:url("../images/icon-tel2.png");} .footer .footer-lx .add .t{background-image:url("../images/icon-add.png");} .footer .footer-lx .fax .t{background-image:url("../images/icon-fax.png");} .footer .footer-lx .mail .t{background-image:url("../images/icon-mail.png");} .footer .footer-lx .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;gap:2.25rem;} [lang="en"] .footer .footer-lx .icon .t{font-weight:500;} [lang="en"] .footer .footer-lx .icon.add .t{font-weight:normal;} /*footer-nav*/ .footer .footer-nav ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;flex-wrap: wrap;padding-top:1.5rem;margin-bottom:1.875rem;} .footer .footer-nav li{display:inline-block;*display:inline;zoom:1;font-size:0;line-height:0;padding:0;margin:0;vertical-align:top;} .footer .footer-nav li a{display:inline-block;position:relative;color:#332c2b;font-size:1.125rem;line-height:1.625rem;margin-right:1.5625rem;font-weight:300;} .footer .footer-nav li:last-child a{margin-right:0!important;} .footer .footer-nav li a:before{content:'/';display:inline-block; margin-right:1.875rem;color:#332c2b;} .footer .footer-nav li:first-child a:before{display:none!important;} .footer .footer-nav li a:hover{color:#a77604;} [lang="en"] .footer .footer-nav li a{font-weight:500;} /*footer-code*/ .footer .footer-code{font-size:0.9375rem;line-height:1.3;font-weight:300;color:#000; text-align:center;} .footer .footer-code img{width:6.25rem;border-radius:0.625rem; margin-bottom:0.625rem; background-color: #fff;} .footer .footer-codelist{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;flex-wrap: wrap;gap:1.25rem;} [lang="en"] .footer .footer-lx .icon.add .t{font-weight:normal;} /*footer-copyright*/ .footer .footer-copyright{padding:1.125rem 0;border-top: 1px solid #e0ac35;font-size:0.875rem;line-height:1.5rem;color:#6c552e;font-weight:normal;} .footer .footer-copyright a:hover{color:#000;} @media screen and (max-width:1200px) { .footer .footer-top{padding-top:5rem;padding-bottom:1.5rem;} .footer .footer-lx {font-size:1.125rem;line-height:1.75rem;} .footer .footer-lx .item{gap:2rem;} .footer .footer-nav ul{padding-top:1.25rem;margin-bottom:1.75rem;} .footer .footer-nav li a{font-size:1rem;line-height:1.5rem;margin-right:1.5rem;} .footer .footer-nav li a:before{margin-right:1.75rem;} .footer .footer-codelist{gap:1.125rem;} .footer .footer-copyright{padding:1rem 0;} } @media screen and (max-width:1024px) { .footer .footer-top{padding-top:5rem;padding-bottom:1.5rem;} .footer .footer-lx {font-size:1rem;line-height:1.5rem;} .footer .footer-lx .icon .t{background-size:1.125rem; padding-left:1.8rem; } .footer .footer-lx .item{gap:1.5rem;} .footer .footer-nav ul{padding-top:1.125rem;margin-bottom:1.5rem;} .footer .footer-nav li a{font-size:1rem;line-height:1.5rem;margin-right:1.25rem;} .footer .footer-nav li a:before{margin-right:1.5em;} .footer .footer-codelist{gap:0rem;} .footer .footer-codelist li{padding:0.5rem 0.5rem;} .footer .footer-copyright{padding:1rem 0;} } @media screen and (max-width:767px) { .footer .footer-lx .icon{margin: 0 0.5rem;} .footer .footer-lx .item{flex-wrap: wrap;gap:0rem; } .footer .footer-nav li a{margin-right:1rem;} .footer .footer-nav li a:before{margin-right:1rem;} .footer .footer-codelist{gap:0rem;} .footer .footer-codelist{ /*max-width:46rem;*/margin:0 auto;} .footer .footer-codelist li{padding:0.5rem 0;width:20%;} .footer .footer-code img{width:90%; margin: 0 0.5rem 0.5rem 0.5rem;} .footer .footer-code .t{margin: 0 0.5rem;} .footer {padding-bottom:50px;} } @media screen and (max-width:540px) { .footer .footer-codelist{ max-width:24rem;margin:0 auto;} .footer .footer-codelist li{padding:0.5rem 0;width:33.3333%;} .footer .footer-code img{width:90%; margin: 0 0.5rem 0.5rem 0.5rem;} .footer .footer-code .t{margin: 0 0.5rem;} } /*floatPop*/ .floatPop{position:fixed;right:1.25rem;bottom:32%;z-index:100;} .floatPop > *{transition:all 0.6s} .floatPop .floatPopB{box-shadow:0 0 20px rgba(0,0,0,0.05);background:#fff;margin-bottom:1.25rem;padding:0.625rem;border-radius:0.625rem;width:4.375rem;} .floatPop .floatPopB .floatPop_a:last-child{border:none;padding-bottom:0} /*floatPop_a*/ .floatPop .floatPop_a{position:relative;display:block;display:flex;align-items:center;justify-content:center;padding-bottom:1.125rem;border-bottom:1px solid #e9e9e9;margin-bottom:0.625rem;background-color:#fff;} .floatPop .floatPop_a.gotop{padding:0.625rem;border-radius:0.625rem;box-shadow:0 0 20px rgba(0,0,0,0.05);border-bottom:none;} .floatPop .floatPop_a .floatPop_a_img p{font-size:0.75rem;margin-top:5px;color:#000000;text-align:center;font-weight:300;} .floatPop .floatPop_a .floatPop_a_img{display:flex;align-items:center;justify-content:center;flex-direction:column} .floatPop .floatPop_a .floatPop_a_img .icon{width:3.125rem;height:3.125rem;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;transition:all 0.4s;background-position:center center; background-repeat: no-repeat;background-size:1.625rem;} .floatPop .floatPop_a .floatPop_a_img .icon.icon-tel{background-image:url(../images/float-tel.png)} .floatPop .floatPop_a .floatPop_a_img .icon.icon-wx{background-image:url(../images/float-wx.png)} .floatPop .floatPop_a .floatPop_a_img .icon.icon-fb{background-image:url(../images/float-fb.png)} .floatPop .floatPop_a .floatPop_a_img .icon.icon-top{background-image:url(../images/icon-top.png)} @media screen and (min-width:768px) { .floatPop .floatPop_a:hover .floatPop_a_img .icon.icon-tel{background-image:url(../images/float-tel2.png)} .floatPop .floatPop_a:hover .floatPop_a_img .icon.icon-wx{background-image:url(../images/float-wx2.png)} .floatPop .floatPop_a:hover .floatPop_a_img .icon.icon-fb{background-image:url(../images/float-fb2.png)} .floatPop .floatPop_a:hover .floatPop_a_img .icon{background-color:#f9c029} } @media screen and (max-width:767px) { .floatPop{right:0;bottom:0;width:100%;zoom:1;min-width:320px;} .floatPop .floatPopB{width:84%;padding:0;float:left;margin:0;display:flex;border-radius:0;} .floatPop .floatPopB .floatPop_a{width:33.333%;padding:0;margin-bottom:0;position:relative;display:block} .floatPop .floatPopB .floatPop_a:before{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:#6a6a6a;} .floatPop .floatPop_a{background-color:#332c2b;border-bottom:none;height:50px;padding-bottom:0.625rem;margin-bottom:0;} .floatPop .floatPop_a.gotop{padding:0.625rem;border-radius:0;background-color:#332c2b;} .floatPop .floatPop_a .floatPop_a_img{flex-direction:row;height:100%} .floatPop .floatPop_a .floatPop_a_img p{font-size:1rem;color:#f9c029;margin:0} .floatPop .floatPop_a .floatPop_a_img .icon.icon-top{background-image:url(../images/icon-top2.png);} } @media screen and (max-width:640px) { .floatPop .floatPop_a .floatPop_a_img .icon{width:3rem;background-size:1.5rem;} .floatPop .floatPop_a .floatPop_a_img p{font-size:0.875rem;} } @media screen and (max-width:430px) { .floatPop .floatPop_a .floatPop_a_img .icon{width:2.5rem;background-size:1.5rem;} } @media screen and (max-width:370px) { .floatPop .floatPop_a .floatPop_a_img .icon{width:2rem;background-size:1.3rem;} } /*floatPop_text*/ @media screen and (min-width:768px) { .floatPop .floatPop_a .floatPop_text{position:absolute;top:50%;right:130%;background:#fff;padding:1rem 1rem;transition:all 0.6s;-moz-transition:all 0.6s;z-index:1;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 1.25rem rgba(0,0,0,0.05);border-radius:5px;} .floatPop .floatPop_a .floatPop_text p{color:#666;margin-bottom:0.02rem;white-space:nowrap;font-size:1.125rem} .floatPop .floatPop_a .floatPop_text img{width:8rem;height:8rem;} .floatPop .floatPop_a .floatPop_text::after{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all 0.2s;-webkit-transition:all 0.2s;position:absolute;top:50%;right:-1.25rem;margin-top:-0.625rem;border-width:10px;border-top-color:#fff;-webkit-transform:rotate(-90deg)} .floatPop .floatPop_a:hover .floatPop_text{transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1)} .floatPop .floatPop_a .close-btn{ display: none;} } @media screen and (max-width:767px) { .floatPop .floatPop_a .floatPop_text{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} .floatPop .floatPop_a .floatPop_text.on{display:flex} .floatPop .floatPop_a .floatPop_text .floatPop_textB{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative} .floatPop .floatPop_a .floatPop_text .floatPop_textB img{max-width:100%;height:auto;display:block;border-radius:4px; width:200px;} .floatPop .floatPop_a .close-btn.close-btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;color:#666;cursor:pointer;transition:background-color 0.3s} .floatPop .floatPop_a .close-btn.close-btn:hover{background-color:#f0f0f0} .floatPop .floatPop_a .floatPop_text.on .floatPop_textB{animation:fadeIn2 0.3s ease-out forwards} @keyframes fadeIn2{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}} } /*****************************************index*****************************************/ /*main*/ .main{padding-top:6.25rem;} @media screen and (max-width: 1024px) { .main{padding-top:65px!important;} } /*indexBanner*/ .indexBanner{position:relative;overflow:hidden;} .indexBanner .item{display:block; position:relative; z-index:3;} /*bannerVideo*/ .indexBanner .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;} .indexBanner .swiper-slide::after{content:""; position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index:1;} /*bannerimg*/ .indexBanner .bannerimg{display:block;position:relative;/*padding-bottom:58.75rem;*/padding-bottom:43.75%;width:100%;z-index:0;} .indexBanner .bannerimg>div{position:static!important;} .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.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:transform 6s ease-in-out;-moz-transition:transform 6s ease-in-out;-ms-transition:transform 6s ease-in-out;-o-transition:transform 6s ease-in-out;transition:transform 6s ease-in-out;} .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 .bannerimg 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:3;} @media screen and (max-width:1024px){ .indexBanner .bannerimg{height:0;padding-bottom:50%;} } @media screen and (max-width:640px){ .indexBanner .bannerimg{height:0;padding-bottom:400px;} } @media screen and (max-width:430px){ .indexBanner .bannerimg{height:0;padding-bottom:400px;} } /*indexbanner-pagination*/ .indexbanner-paginationB{position:absolute;bottom:2.5rem;left:0;right:0; z-index:5; text-align:center; margin:0 auto;} .indexbanner-paginationB .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;} .indexbanner-paginationB .swiper-pagination span{width:2.8125rem;height:0.25rem;border:none;opacity:1;float:none;margin-left:0.625rem;border-radius:0.25rem; background:rgba(255, 255, 255, 0.2);transition:background .3s linear;cursor: pointer;} .indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;} @media screen and (max-width:1024px) { .indexbanner-paginationB .swiper-pagination{bottom:30px;} .indexbanner-paginationB .swiper-pagination span{width:35px;height:3px;} } @media screen and (max-width:767px) { .indexbanner-paginationB .swiper-pagination{bottom:20px;} .indexbanner-paginationB .swiper-pagination span{width:25px;height:3px;} } /*moreBtn*/ .moreBtnB{font-size:0;line-height:0; margin-top:2.8125rem;} .moreBtn{display:inline-block;min-width:11.875rem;border-radius:3.75rem;line-height:3.75rem;padding:0 2.1875rem;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;background-color:#000;} .moreBtn span{text-align:left;display:block;font-size:1rem;color:#fff;padding-right:1.25rem;position:relative;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; position:relative;} .moreBtn span:after{ content:'';position: absolute;right:0;top:50%; width:0.75rem;height:0.75rem; margin-top:-0.375rem;background-image:url("../images/icon-m.png");background-position: right center; background-repeat:no-repeat;background-size:0.75rem;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .moreBtn:hover span{text-align:left;color:#fff; } .moreBtn:hover span:after{background-image:url("../images/icon-m2.png");-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);} .moreBtn:hover{background-color:#00b1a7;-moz-box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);-webkit-box-shadow: 0 0rem 0.625rem rgba(0,177,167,0.27);box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);} @media screen and (max-width:1200px){ .moreBtn{min-width:10rem;border-radius:3.375rem;line-height:3.375rem;padding:0 1.875rem;} } @media screen and (max-width:1024px){ .moreBtn{min-width:8.75rem;border-radius:3rem;line-height:3rem;padding:0 1.5625rem;} .moreBtn span{font-size:0.875rem; } .moreBtn span:after{background-size:0.625rem;} } @media screen and (max-width:767px){ .moreBtn{min-width:7.5rem;border-radius:2.5rem;line-height:2.5rem;padding:0 1.25rem;} .moreBtn span{font-size:0.75rem;} .moreBtn span:after{background-size:0.5rem;} } /*more*/ .more{display:inline-block;border-radius:50%;width:3.125rem;height:3.125rem;margin:0 auto;margin-top:1.5rem;background-size:0.625rem;background-color:#ffc801;background-position: center center; background-repeat:no-repeat;background-image:url("../images/arrow-right.png");-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear; } .more:hover{background-color:#332c2b;background-image:url("../images/arrow-right2.png");-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);} /*indexTit*/ .indexTit{font-size:1.875rem;color:#332c2b;line-height:2.375rem; text-align: center;margin-bottom:2rem;} .indexTit a{color:#332c2b;display: inline-block; } .indexTit .line{width:2.3125rem;height: 0.3125rem;background-color: #f9c029;margin:0 auto;margin-top:1.25rem; font-weight: normal;} .indexTit .des{color:#000000;font-size:1.0625rem;line-height:1.875rem;margin:0 auto;margin-top:1.25rem;font-weight:300;max-width: 66.25rem;} .indexTit.white{color:#fff;} .indexTit.white a{color:#fff;} .indexTit.white .des{color:#fff;} @media screen and (max-width:1200px){ .indexTit{font-size:1.75rem;margin-bottom:1.5rem;} .indexTit .des{font-size:1rem;margin-top:2.1875rem;} } @media screen and (max-width:1024px){ .indexTit{font-size:1.5rem;} .indexTit .des{font-size:0.875rem;margin-top:1rem;line-height:1.3;} } @media screen and (max-width:767px){ .indexTit{font-size:1.25rem;} .indexTit .des{font-size:0.875rem;margin-top:0.75rem;} } @media screen and (max-width:480px){ .indexTit{font-size:1.125rem;} .indexTit .des{font-size:0.875rem;margin-top:0.625rem;} } /*mbtn*/ .swbtn{text-align:center; line-height:0;} .mbtn{ display:inline-block;position:absolute;top:50%;cursor:pointer;z-index:3;overflow:hidden;outline:none;margin:0;width:4.375rem;height:4.375rem;border-radius:50%;background-size:0.625rem;background-color:#bdbdbd;background-position:center center; background-repeat:no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .mbtn{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} .mbtn.white{background-color:#e8e8e8;} .mbtn:hover{background-color:#ffc801;} .mbtn.swiper-button-prev{ background-image:url(../images/arrow-left2.png);left:3.9%;} .mbtn.swiper-button-next{ background-image:url(../images/arrow-right2.png);right:3.9%;} .mbtn.swiper-button-prev.white{background-image:url(../images/arrow-left3.png);} .mbtn.swiper-button-next.white{ background-image:url(../images/arrow-right3.png);} .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left.png);} .mbtn.swiper-button-next:hover{ background-image:url(../images/arrow-right.png);} .mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} /*.swbtn .swiper-pagination*/ .swbtn .swiper-pagination{ position: absolute;bottom: 0;top: auto;left: 0;right: 0;bottom:0;margin:0 0.625rem;height:2px;background:#fff;} .swbtn .swiper-pagination .swiper-pagination-progressbar-fill{background:#f9c03b;} @media screen and (max-width:1200px){ .mbtn{margin:0 0.625rem;width:3rem;height:3rem;background-size:0.5rem;} } @media screen and (max-width:1024px){ /* .mbtn{margin:0 0.5rem;width:2.5rem;height:2.5rem;background-size:0.45rem;} */ } @media screen and (max-width:767px){ } /*indexPro*/ .indexPro{position:relative;overflow:hidden;background-color:#ffffff;padding-top:5.625rem;padding-bottom:3.75rem;} /*indexProList*/ .indexProListB{overflow: hidden; position: relative;} .indexProList{font-size:0;margin:0 -0.625rem;padding-top:2.5rem;} .indexProList .slick-list{overflow: visible;width:100%;} .indexProList .item{ display:block;float:left;width:25%;} .indexProList .itema{display:block;margin:0 0.625rem;padding:5rem 2rem 3.375rem 2rem;position:relative;overflow:hidden;border-radius:0.625rem; background-color: #e5e5e5;text-align: center;} .indexProList .itema{/* display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; */} .indexProList .titel{font-size:1.25rem;line-height:1.75rem;height:3.5rem;margin-bottom:2.5rem;color:#332c2b;font-weight:300;overflow:hidden;text-align: center;} [lang="en"] .indexProList .titel{font-weight:normal;} .indexProList .ImgBox{overflow:hidden;height: 0;padding-bottom:75%;position:relative;} .indexProList .ImgBox>div{position:static!important;} .indexProList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} /*hover*/ .indexProList .item,.indexProList .itema,.indexProList .ImgBox, .indexProList .ImgBox img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} .indexProList .itema:hover .ImgBox img{-moz-transform:scale(0.95);-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);} .indexProList .itema:hover{-webkit-transform:translateY(-1rem);transform:translateY(-1rem);} @media screen and (max-width:1200px){ .indexPro{padding-top:4rem;padding-bottom:3rem;} .indexProList{margin:0 -0.5rem; padding-top:2rem;} .indexProList .itema{margin:0 0.5rem;padding:4rem 1.75rem 3rem 1.75rem;} .indexProList .titel{font-size:1.125rem;} } @media screen and (max-width:1024px){ .indexPro{padding-top:3rem;padding-bottom:2rem;} .indexProList .item{ width:33.333333%;} .indexProList{margin:0 -0.5rem; padding-top:2rem;} .indexProList .itema{margin:0 0.5rem;padding:3rem 1.5rem 2rem 1.5rem;} .indexProList .titel{font-size:1.125rem;} .indexProList .itema:hover{-webkit-transform:translateY(0);transform:translateY(0);} } @media screen and (max-width:767px){ .indexPro{padding-top:3rem;padding-bottom:2rem;} .indexProList .item{ width:50%;} .indexProList{margin:0 -0.5rem; padding-top:1.5rem;} } /*.indexProList swiper-wrapper*/ .indexProList .swiper-slide{width:25%;} @media screen and (max-width:1200px){ .indexProList .swiper-slide{width:33.333333%;} } @media screen and (max-width:1024px){ .indexProList .swiper-slide{width:50%;} } @media screen and (max-width:767px){ .indexProList .swiper-slide{width:66.66666666666667%;} } @media screen and (max-width:430px){ .indexProList .swiper-slide{width:76.92307692307692%;} } @media screen and (max-width:370px){ .indexProList .swiper-slide{width:100%;} } /*indexPro2*/ .indexPro2{position:relative;overflow:hidden;background-color:#ffffff;} /*indexPro2List*/ .indexPro2ListB{overflow: hidden; position: relative; padding:1.25rem 1.25rem;} .indexPro2List{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;} .indexPro2List .item{ display:block;} .indexPro2List .itema{display:block;position:relative;overflow:hidden;border-radius:0.625rem;} .indexPro2List .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;height:100%; width: 100%;} .indexPro2List .itema{display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;flex-direction: column;} .indexPro2List .ImgBox{width:100%;height:0;padding-bottom:98.9247311827957%;overflow:hidden;position:relative;} .indexPro2List .ImgBox>div{position:static!important;} .indexPro2List .ImgBox img{width:100%;object-fit:cover;position:absolute;top:0;left:0;height:120%;/* 图片高度必须大于容器，才能产生视差空间 */} /*hover*/ .indexPro2List .item,.indexPro2List .itema,.indexPro2List .ImgBox, .indexPro2List .ImgBox img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} .indexPro2List .itema:hover .ImgBox img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);} .indexPro2List .indexTit{ padding-top:8.25rem;position: absolute;top:0;left:3%;right:3%;} .indexPro2List .item:nth-child(2) .indexTit{color:#fff;} .indexPro2List .item:nth-child(2) .indexTit .des{color:#fff;} @media screen and (max-width:1024px){ .indexPro2List{grid-template-columns:repeat(1,1fr);} .indexPro2List .ImgBox img{height:100%;} .indexPro2List .indexTit{ padding-top:5rem;} } @media screen and (max-width:767px){ .indexPro2List .ImgBox{padding-bottom:100%;min-height:360px;} .indexPro2List .ImgBox img{height:100%;} .indexPro2List .indexTit{ padding-top:3rem;} } /*indexService*/ .indexService{position:relative;overflow:hidden;padding-top:8.75rem;padding-bottom: 10rem;background-color: #f3f3f5;} .indexService .bg{z-index:0;position:absolute;top:0;left:0;height:100%;width:100vw;} .indexService .bg img{width:100%;height:auto;display:block} .indexService::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../images/index-serviceshadow.png");background-size:100%;background-position: center top; background-repeat:no-repeat;z-index:1;} .indexServiceB{position:relative;z-index:2;} @media screen and (max-width:1200px){ .indexService{padding-top:6rem;padding-bottom:7rem;} .indexService .bg img{width:100%;height:130%; object-fit: cover;} } @media screen and (max-width:1024px){ .indexService{padding-top:4rem;padding-bottom:5rem;} .indexService .bg img{width:100%;height:100%; object-fit: cover;} } @media screen and (max-width:767px){ .indexService{padding-top:3rem;padding-bottom:4rem;min-height:700px;} .indexService .bg img{width:100%;height:100%; object-fit: cover;} } /*morebtn*/ .morebtn{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;} .morebtn_inner{box-sizing:border-box;position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;font-size: 0;line-height: 0;} .morebtn_link{overflow:hidden;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:0;color:#fff;letter-spacing:0;width:100%;height:100%;background:#332c2b;padding:0.625rem 1.5625rem;border-radius:2.75rem} .morebtn_link:before{content:"";position:absolute;top:50%;transition:border-color .6s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events:none;box-sizing:border-box;width:1.25rem;height:1.25rem;margin-top:-0.625rem;right:1.5625rem;background-size:100%;background-position: center center; background-repeat:no-repeat;background-image:url("../images/icon-m.png");} .morebtn_link:hover:before{background-image:url("../images/icon-m2.png")} .morebtn_link:after{content:"";width:0;height:100%;position:absolute;right:0;top:0;background:#332c2b;transition:width cubic-bezier(0.23,1,0.32,1) .8s;z-index:-1} .morebtn_link:hover:after{left:0;width:100%} .morebtn_link_txt{color:#fff;position:relative;z-index:1;font-weight:normal;font-size:0.9375rem;line-height:1.5rem; display: block; min-width:9.375rem; padding-right:2rem;text-align: left;} /*white */ .white .morebtn_link{color:#332c2b;background:#ffc801} .white .morebtn_link:before{border-color:#ffc801} .white .morebtn_link:hover:before{border-color:#332c2b} .white .morebtn_link:after{background:#332c2b} .white .morebtn_link>span{animation:TEXT-MASK-OVER .6s cubic-bezier(0.23,1,0.32,1) 0s forwards;background-color:rgba(0,0,0,0);background-image:linear-gradient(to right,#332c2b 50%,#ffc801 0);background-position:200% 0;background-size:200% 100%;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text} .white .morebtn_link:hover>span{animation:TEXT-MASK .6s cubic-bezier(0.23,1,0.32,1) 0s forwards} @keyframes TEXT-MASK{0%{background-position:200% 0}100%{background-position:100% 0}} @keyframes TEXT-MASK-OVER{0%{background-position:100% 0}100%{background-position:0 0}} /*shujuList*/ .shujuList{margin:0 auto;width:86.30952380952381%;border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom:1.75rem;padding-top:2rem;} .shujuListB .t2{font-size:1rem;line-height:1.5rem;color:#FFF;font-weight:300;margin-top:1rem;} .shujuListB .num{font-size:1.875rem;line-height:1.5rem;color:#FFF;display:block;flex-shrink: 0;} .shujuListB .num span{ display: inline-block;font-size:1rem;vertical-align:bottom;line-height:1;} .shujuListB .num .plus{vertical-align:top;font-size:1.5625rem;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500;} .shujuListB .num .counter{margin-right:1rem;font-size:3.125rem;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500;} .shujuListB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 -2.3125rem;flex-grow:1;flex-wrap: nowrap;} .shujuListB .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 2.3125rem;} .shujuListB .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;*/} [lang="en"] .shujuListB .itema{min-width:11.5rem;max-width:20rem;} /*shujuList2*/ .shujuList2{width:auto;margin-bottom:1.75rem;padding-top:0rem;} .shujuList2 .shujuListB .num .counter{color:#ffc801;} .shujuList2 .shujuListB .num .plus{color:#ffc801;} .shujuList2 .shujuListB {justify-content: center;} @media screen and (max-width:1200px) { .shujuList{width:100%;} .shujuListB {margin:0 -1.5rem;} .shujuListB .itema{margin:0 1.5rem;} .shujuListB .t2{font-size:0.875rem;margin-top:0.75rem;} .shujuListB .num{font-size:1.5rem;} .shujuListB .num span{font-size:0.875rem;} .shujuListB .num .plus{font-size:1.25rem;} .shujuListB .num .counter{margin-right:0.75rem;font-size:2.5rem;} [lang="en"] .shujuListB .itema{min-width:0rem;max-width:20rem;} } @media screen and (max-width:1024px) { .shujuList{margin-bottom:1.5rem;padding-top:1.5rem;} .shujuListB {margin:0 -0.625rem;} .shujuListB .itema{margin:0 0.625rem;} .shujuListB .t2{font-size:0.875rem;margin-top:0.5rem;} .shujuListB .num{font-size:1.25rem;} .shujuListB .num span{font-size:0.875rem;} .shujuListB .num .plus{font-size:1.125rem;} .shujuListB .num .counter{margin-right:0.75rem;font-size:2rem;} } @media screen and (max-width:900px) { .shujuListB{flex-direction: column;display:grid;grid-template-columns:repeat(3,1fr);} } @media screen and (max-width:767px) { .shujuListB {margin:0 -0.25rem;} .shujuListB .itema{margin:0 0.25rem;} .shujuListB{flex-direction: column;display:grid;grid-template-columns:repeat(2,1fr);} .shujuListB .num .counter{margin-right:0.5rem;font-size:1.75rem;} } /*indexNews*/ .indexNews{position:relative;overflow:hidden;padding-top:8.75rem;padding-bottom:7rem; background-color: #f3f3f5;} @media screen and (max-width:1200px){ .indexNews{padding-top:6rem;padding-bottom:5rem;} } @media screen and (max-width:1024px){ .indexNews{padding-top:4rem;padding-bottom:4rem;} } /*indexNewNav*/ .indexNewNav{position:relative;z-index:2;text-align:center;border-bottom:1px solid #e8e8e8; margin-bottom: 4.375rem;} .indexNewNav ul{margin:0 auto;font-size:0;line-height:0;} .indexNewNav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;} .indexNewNav li a{position:relative;display:block;color:#000000;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1.125rem;line-height:5.87rem;padding: 0 1.25rem;margin:0 0.375rem; font-weight: 300;} .indexNewNav li a span{display:block;position:relative; z-index:2;} .indexNewNav li a:after{content:'';width:0;position:absolute;bottom:-1px;right:0;height:3px;background:#f9c029;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .indexNewNav li.active a:after{width:100%;right:auto;left:0} .indexNewNav li.active a{font-weight:normal;} @media screen and (max-width:1200px) { .indexNewNav{margin-bottom:3rem;} .indexNewNav li a{line-height:3.75rem;font-size:1rem;} } @media screen and (max-width:1024px) { .indexNewNav{margin-bottom:2.5rem;} .indexNewNav li a{line-height:3.125rem;font-size:0.875rem;} } @media screen and (max-width:767px) { .indexNewNav{margin-bottom:2rem;} .indexNewNav li a{margin:0 0.625rem;line-height:2.5rem;font-size:0.875rem;} .indexNewNav li a:after{height:0.1875rem;} } /*indexNewsList*/ .indexNewsList{margin:0 auto; overflow:hidden; position: relative;} .indexNewsList ul{ font-size:0;margin:0 -0.625rem;} .indexNewsList .item{ display:inline-block;*display:inline;zoom:1;width:25%;vertical-align:top;} .indexNewsList .itema{display:block;margin:0 0.625rem; position:relative;overflow:hidden;border-radius:0.625rem;background:#fff;} .indexNewsList .ImgBox{overflow:hidden;padding-bottom:54.32098765432099%; position:relative;background:#fafafa;} .indexNewsList .ImgBox>div{position:static!important;} .indexNewsList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .indexNewsList .title{padding:1.5rem 1.875rem 2rem 1.875rem;} .indexNewsList .title .lei{font-size:0.875rem;color:#332c2b; font-weight:300;line-height:1.5rem;margin-bottom:0.625rem;} .indexNewsList .title .t{font-size:1.125rem;color:#332c2b;line-height:1.75rem;height:3.5rem;overflow:hidden;margin-bottom:3.4375rem;} .indexNewsList .title .date{position: relative;font-size:1.25rem;color:#9799a6;line-height:2.5rem;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:300;} .indexNewsList .title .more{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%;background:url("../images/icon-m.png") center center no-repeat #f9c03b;background-size:1rem; position:absolute;bottom:0;right:0;-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg); visibility: hidden; opacity:0;} .indexNewsList .itema:hover .title .more{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg); visibility: visible;opacity:1;} .indexNewsList .itema:hover .title .date{font-weight:500;} /*hover*/ .indexNewsList .itema,.indexNewsList .title:after,.indexNewsList .title .t,.indexNewsList .title .more, .indexNewsList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .indexNewsList .itema:hover .title .t{color:#000;} .indexNewsList .itema: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);} .indexNewsList .itema: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:1024px){ .indexNewsList .item{ width:33.333333%;} .indexNewsList ul{margin:0 -0.5rem;} .indexNewsList .itema{margin:0 0.5rem;} .indexNewsList .title{padding:1.5rem 1.5rem 2rem 1.5rem;} .indexNewsList .title .t{font-size:1.125rem;margin-bottom:3rem;} .indexNewsList .title .date{font-size:1.125rem;} } @media screen and (max-width:767px){ .indexNewsList .item{ width:50%; margin-bottom: 3rem;} .indexNewsList .title{padding:1.5rem 1.5rem;} } @media screen and (max-width:640px){ .indexNewsList .item{ width:66.66666666666667%;} } @media screen and (max-width:370px){ .indexNewsList .item{ width:100%;} } /*active*/ .indexNewsList {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;} .indexNewsList.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;} /*swbtn2 circle*/ .swbtn2{ font-size: 0;} .swbtn2 .mbtn2{display:inline-block;width:3.125rem;height:3.125rem;border-radius:50%; position: absolute;top: 50%; 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.625rem; margin-top:-1.5625rem;} .swbtn2 .mbtn2 i{position:absolute;left:50%;top:50%;font-size:1.4rem;color:#ffffff;transition:all 0.6s;transform:translate(-50%,-50%) rotate(90deg)} .swbtn2:hover .mbtn2 i {color:#00266b;} .swbtn2 .mbtn2 .circleSVG{width:3.125rem;height:3.125rem;} .swbtn2 .mbtn2 .circle1{stroke:#f9c334;} .swbtn2 .mbtn2 .circle2{stroke:#000000;} .swbtn2 .mbtn2 .circle2{animation-duration:3.2s;animation-fill-mode:infinite;animation-timing-function:linear;animation-direction:normal;animation-iteration-count:10;animation-delay:100ms} .swbtn2 .mbtn2:hover .circle2{animation-name:circle_s_do,circle_s_da;} .swbtn2 .mbtn2.swiper-button-lock{filter:alpha(opacity=0);opacity:0; visibility: hidden;} .swbtn2 .mbtn2.swiper-button-prev i{transform: translate(-50%, -50%) rotate(-90deg);} .swbtn2 .mbtn2.swiper-button-next{ margin-left:0.625rem;} .swbtn2 .mbtn2.swiper-button-prev{ background-image:url(../images/arrow-left.png); left: 1.7%;} .swbtn2 .mbtn2.swiper-button-next{ background-image:url(../images/arrow-right.png);right: 1.7%;} @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}} @media screen and (max-width:767px){ .swbtn2{ position: relative; display: block;text-align: center;} .swbtn2 .mbtn2{position:relative;top:0;margin-top:0;width:3rem;height:3rem;background-size:0.5rem;} .swbtn2 .mbtn2 .circleSVG{width:3rem;height:3rem;} .swbtn2 .mbtn2.swiper-button-prev{left:0;} .swbtn2 .mbtn2.swiper-button-next{right:0;} } /*indexNews swiper-wrapper*/ .indexNews .swiper-wrapper{width:100%;} .indexNews .swiper-slide{width:25%;} @media screen and (max-width:1200px){ .indexNews .swiper-slide{width:33.333333%;} } @media screen and (max-width:1024px){ .indexNews .swiper-slide{width:50%;} } @media screen and (max-width:767px){ .indexNews .swiper-slide{width:66.66666666666667%;} } @media screen and (max-width:430px){ .indexNews .swiper-slide{width:76.92307692307692%;} } @media screen and (max-width:370px){ .indexNews .swiper-slide{width:100%;} } /******************************************************page******************************************************/ /*.page*/ .page {font-size:1.125rem;line-height:1.5;color:#262e46;font-weight:300;} .page h5 {font-size:1.25rem;font-weight:normal;margin-bottom:1.25rem;} .page img {max-width:100%;height:auto;} @media screen and (max-width:1200px) { .page{font-size:1rem;} } @media screen and (max-width:1024px) { .page{font-size:1rem;} .page h5 {font-size:1.125rem;margin-bottom:1rem;} } @media screen and (max-width:767px) { .page{font-size:0.875rem;} } /*pagebanner*/ .pagebanner{ position: relative; overflow:hidden;padding-bottom:31.77083333333333%; } .pagebanner .shadow{display:block;width:100%;height:100%;position:absolute;left:0;right:0; top:0;bottom:0;background-color:rgba(0,0,0,0.15);z-index:1; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;} .pagebanner .shadow2{display:block;width:100%;height:100%;position:absolute;left:0;right:0; top:0;bottom:0;z-index:1; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;background-image:url('../images/shadow.png');} .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 .tt {position:absolute;left:0;right:0;text-align:left;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;color:#ffffff;} .pagebanner .tt .t1{font-size:3.75rem;line-height:1.3;display:block;font-weight:normal;} .pagebanner .tt .t2{font-size:1.25rem;line-height:1.3;display:block;margin-top:1.5625rem; font-weight:300; position: relative;} @media screen and (max-width:1200px){ .pagebanner .tt .t1{font-size:3rem;} .pagebanner .tt .t2{font-size:1.125rem;margin-top:1.5rem;} } @media screen and (max-width:1024px){ .pagebanner{ padding-bottom:40%; } .pagebanner .tt .t1{font-size:2.5rem;} .pagebanner .tt .t2{font-size:1rem;margin-top:1.25rem;} } @media screen and (max-width:767px) { .pagebanner{ /* padding-bottom:50%;min-height:15.625rem; */} .pagebanner .tt .t1{font-size:1.5rem;} .pagebanner .tt .t2{font-size:0.875rem;margin-top:0.5rem;} } @media screen and (max-width:370px) { .pagebanner .tt .t1{font-size:1.25rem;} .pagebanner .tt .t2{font-size:0.75rem;margin-top:0.25rem;} } /************************pageNav************************/ .pageNav{position:relative;z-index:90;text-align:center;border-bottom:1px solid #e8e8e8; background:#fff;} .pageNav{position:sticky;left:0;top:5rem;} .pageNav .pageNavTit{ display:none;} .pageNav ul{margin:0 auto;font-size:0;line-height:0;} .pageNav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;} .pageNav li a{position:relative;display:block;color:#000000; font-weight:300;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1.0625rem;line-height:4.375rem;margin:0 0.625rem;padding:0 1.625rem;} .pageNav li a span{display:block;position:relative; z-index:2;} .pageNav li a:after{content:'';width:0;position:absolute;bottom:-1px;right:0;height:2px;background:#f9c029;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .pageNav li .on:after,.pageNav li a:hover:after{width:100%;right:auto;left:0} .pageNav li .on, .pageNav li a:hover{font-weight:600;} @media screen and (max-width:1200px) { .pageNav li a{line-height:3.75rem;font-size:1rem;margin:0 0.5rem;padding:0 1.5rem;} } @media screen and (max-width:1024px) { .pageNav li a{line-height:3.5rem;margin:0 0.5rem;padding:0 1.5rem;} .pageNav ul{padding-left:8px;display: flex;overflow:visible;overflow-x: scroll;} .pageNav ul::-webkit-scrollbar {display: none} .pageNav li{flex-shrink:0;align-items:flex-end;margin-right:8px;overflow:hidden;position:relative;} .pageNav{top:65px;} } @media screen and (max-width:960px) { .pageNav li a{padding:0 2rem;} } @media screen and (max-width:767px) { .pageNav li a{line-height:3rem;font-size:0.875rem;padding:0 0;} .pageNav{top:0;position:relative;} } /************************page-tab************************/ .page-tab{margin:0 auto;padding:0;text-align: center; padding-top:0.875rem; } .page-tab ul { margin:0 auto;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 #bfbfbf;display:inline-block;text-align:center;background-color:#ffffff;color:#1e2831;border-radius:0.3125rem; font-weight:500;} .page-tab ul li.next-page a{padding:0 2.125rem; font-size: 0.875rem;color:#474f62;} .page-tab ul li.prev-page a{ padding:0 2.125rem; font-size: 0.875rem;color:#474f62;} .page-tab ul li a:hover{background-color:#f7f7f7;} .page-tab ul li a.focus{background-color:#000000;color: #ffc803;} @media screen and (max-width:767px){ .page-tab ul li{ display:none;} .page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;} } /************************news************************/ /*pageNewsBox*/ .pageNewsBox{padding-top:6.25rem;padding-bottom:4rem;margin:0 auto;} @media screen and (max-width:1200px){ .pageNewsBox {padding-top:5rem;padding-bottom:3rem;} } @media screen and (max-width:1024px){ .pageNewsBox {padding-top:4rem;padding-bottom:2rem;} } @media screen and (max-width:767px){ .pageNewsBox {padding-top:3rem;padding-bottom:1.5rem;} } /*pageNewsList*/ .pageNewsList{font-size:0;margin:0 -1.875rem;} .pageNewsList .item{ display:inline-block;*display:inline;zoom:1;width:33.33333%;vertical-align:top; margin-bottom:3.75rem;} .pageNewsList .itema{display:block;margin:0 1.875rem; position:relative;overflow:hidden;border-radius:0.625rem;background:#f4f5f9;} .pageNewsList .ImgBox{overflow:hidden;padding-bottom:53.84615384615385%; position:relative;background:#f4f5f9;} .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.75rem 9.375rem 1.875rem 2.5rem;} .pageNewsList .title .lei{font-size:1.125rem;color:#5a616b; font-weight:300;line-height:1.5rem;margin-bottom:0.625rem;} .pageNewsList .title .t{font-size:1.375rem;color:#2d2d2d;line-height:1.875rem;height:5.625rem;font-weight:normal;overflow:hidden;margin-bottom:4rem;} .pageNewsList .title .date{position: relative;font-size:1.25rem;color:#5a616b;line-height:2.5rem;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:300;} .pageNewsList .title .more{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%;background:url("../images/icon-m.png") center center no-repeat #f9c03b;background-size:1rem; position:absolute;bottom:0;right:0;-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg); visibility: hidden; opacity:0; display:none;} .pageNewsList .itema:hover .title .more{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg); visibility: visible;opacity:1;} .pageNewsList .itema:hover .title .lei{color:#000;} .pageNewsList .itema:hover .title .date{color:#000;} .pageNewsList .itema:hover .title .t{color:#000;} /*hover*/ .pageNewsList .itema,.pageNewsList .title .t,.pageNewsList .title .date,.pageNewsList .title .lei,.pageNewsList .title .more, .pageNewsList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .pageNewsList .itema:hover {background:#f9c029;-moz-box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);} .pageNewsList .itema: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 .item{width:33.333333%;} .pageNewsList{margin:0 -1.25rem;} .pageNewsList .item{margin-bottom:2.5rem;} .pageNewsList .itema{margin:0 1.25rem;} .pageNewsList .title{padding:2.5rem 5rem 1.5rem 2rem;} .pageNewsList .title .lei{font-size:1rem;} .pageNewsList .title .t{font-size:1.25rem;margin-bottom:3rem;} .pageNewsList .title .date{font-size:1.125rem;} } @media screen and (max-width:1024px){ .pageNewsList .item{width:50%;} .pageNewsList{margin:0 -1rem;} .pageNewsList .item{margin-bottom:2rem;} .pageNewsList .itema{margin:0 1rem;} .pageNewsList .title{padding:2rem 3rem 1.5rem 1.5rem;} .pageNewsList .title .lei{font-size:0.875rem;} .pageNewsList .title .t {font-size:1.125rem;margin-bottom:2rem;} .pageNewsList .title .date{font-size:1rem;} } @media screen and (max-width:767px){ .pageNewsList .item{width:100%;margin-bottom:2.5rem;} .pageNewsList{margin:0 -0.75rem;} .pageNewsList .item{margin-bottom:2rem;} .pageNewsList .itema{margin:0 0.75rem;} } /************************page-newsInfo************************/ /*.page-newsInfo*/ .page-newsInfo{padding-top:6.25rem;padding-bottom:4rem;margin:0 auto;} @media screen and (max-width:1200px){ .page-newsInfo{padding-top:5rem;padding-bottom:3rem;} } @media screen and (max-width:1024px){ .page-newsInfo{padding-top:4rem;padding-bottom:2rem;} } @media screen and (max-width:767px){ .page-newsInfo{padding-top:3rem;padding-bottom:1.5rem;} } /*newsTop*/ .newsTop{padding-top:5.625rem;padding-bottom:4.75rem;background:url("../images/news2-titbg.jpg") center bottom no-repeat #f4f5f9;background-size:100%;border-radius: 0.625rem; position: relative; z-index: 2;top:-1px; margin: 0 -1px;} .newsTop .newsTopB{padding:0 3.75rem;} .newsTop .newsTit{font-size:2rem; color:#000000;line-height:1.3;font-weight:normal; margin-bottom:1.875rem;} .newsTop .newsData{color:#5a616b;font-weight:300;line-height:1.3;font-size:1rem;} .newsTop .newsData span{ display:inline-block;vertical-align:middle;} .newsTop .newsData strong{font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500;} .newsTop .newsData .u{margin-left:4rem;} @media screen and (max-width:1200px) { .newsTop{padding-top:4rem;padding-bottom:3rem;} .newsTop .newsTopB{padding:0 2.75rem;} .newsTop .newsTit{font-size:1.75rem;} .newsTop .newsData .u{margin-left:3rem;} } @media screen and (max-width:1024px) { .newsTop{padding-top:3rem;padding-bottom:2.5rem;} .newsTop .newsTopB{padding:0 2.5rem;} .newsTop .newsTit{font-size:1.5rem;margin-bottom:1.5rem;} .newsTop .newsData .u{margin-left:2rem;} } @media screen and (max-width:767px) { .newsTop{padding-top:2rem;padding-bottom:2rem;} .newsTop .newsTopB{padding:0 1.5rem;} .newsTop .newsData{font-size:0.875rem;} .newsTop .newsTit{font-size:1.25rem;margin-bottom:1rem;} .newsTop .newsData .u{margin-left:0; display: block;} } /*newsText*/ .newsText {width:calc(100% - 27.5rem);float:left;margin-bottom:1.375rem;} .newsText .newsTextB {border:1px solid #d3d3d3;border-radius:0.625rem;position:relative;} .newsText .newsTextNr {font-size:1.125rem;line-height:2.125rem;color:#262e46;font-weight:300;padding:4.125rem 3.75rem 4.8125rem 3.75rem;} .newsText .newsTextNr h5 {font-size:1.25rem;font-weight:normal;margin-bottom:1.25rem;} .newsText .newsTextNr img {max-width:100%;height:auto!important;} @media screen and (max-width:1200px) { .newsText {width:calc(100% - 25rem);} .newsText .newsTextNr {font-size:1rem;line-height:1.3;padding:3rem 2.75rem;} } @media screen and (max-width:1024px) { .newsText {width:100%;float:none;margin-bottom:3.75rem;} .newsText .newsTextNr {padding:2.5rem 2rem;font-size:1rem;line-height:1.5;} .newsText .newsTextNr h5 {font-size:1.125rem;margin-bottom:1rem;} } @media screen and (max-width:1024px) { .newsText {width:100%;float:none;margin-bottom:2.5rem;} .newsText .newsTextNr {padding:2rem 1.5rem;} } /*BigBtn*/ .newsBtn {border-top:1px solid #edeef1;font-size:0;margin-top:3.375rem;padding:1.25rem;border-radius:0.625rem;background-color:#f1f1f1;} .newsBtn .newsBtnB{position:relative;} .newsBtn .newsBtna{display:block;line-height:2.625rem; height:2.625rem; overflow:hidden;color:#5a616b;font-size:1rem; font-weight:normal;} .newsBtn .newsBtna a{display:inline-block;color:#5a616b;} .newsBtn .newsBtna a:hover{color:#f9c029;} .newsBtn .page-back{position:absolute; bottom:0;right:0;} @media screen and (max-width:1200px) { .newsBtn .newsBtna{font-size:1rem;} } @media screen and (max-width:1024px) { .newsBtn .newsBtna{font-size:0.875rem;} .newsBtn {font-size:0;margin-top:2.5rem;padding:1rem;} .newsBtn .newsBtna{line-height:2rem; height:2rem;font-size:0.875rem;} } @media screen and (max-width:767px) { } /*page-back*/ .page-back{margin:0 auto;text-align:center;} .page-back a{display:block;font-size:1rem;text-align:center;color:#000000;background:#f9c029;padding:0 1.5rem;line-height:2.625rem;height:2.625rem;border-radius:2.625rem;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;position:relative;} .page-back a span{ display:block;} .page-back a:hover{color:#f9c029;background:#000000;} @media screen and (max-width:1024px) { .page-back a{line-height:2rem; height:2rem;font-size:0.875rem; border-radius:2rem;} } /*moreBtn2*/ .moreBtn2{margin:0 auto;text-align:center;} .moreBtn2 a{display:block;font-size:1rem;font-weight: normal;text-align:center;color:#000000;background:#f9c029;padding:0 1.5rem;line-height:2.625rem;height:2.625rem;border-radius:0.25rem;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;position:relative;} .moreBtn2 a span{ display:block;} .moreBtn2 a:hover{color:#f9c029;background:#000000;} /*page-newsXg*/ .page-newsZuixin {width:25rem;float:right;position:sticky;left:0;top:6.25rem;margin-bottom:1.375rem;border-radius:0.625rem;background-color:#f4f5f9;} .page-newsZuixin .page-newsZuixinB {padding:2rem 0 1.25rem 0;} .page-newsZuixin .xgNewsList {margin:0 auto;position:relative;font-size:0;} .page-newsZuixin .xgNewsList li {font-size:0;display:block;} .page-newsZuixin .xgNewsList li a {display:block;padding:1.125rem 1.75rem;} .page-newsZuixin .xgNewsList li .listTitle .t {font-size:1rem;line-height:1.625rem;height:1.625rem;color:#262e46;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .page-newsZuixin .xgNewsList li .listTitle .date {font-size:1rem;margin-bottom:0.625rem;line-height:1.3;color:#5a616b;font-family:'Oswald',"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;font-weight:300;} .page-newsZuixin .xgNewsList li a:hover .listTitle .t {color:#000;} .page-newsZuixin .xgNewsList li a:hover {background-color:#efefef;} .page-newsZuixin .moreBtn2 {margin:1.25rem 1.75rem;} @media screen and (max-width:1200px) { .page-newsZuixin {width:21.875rem;} .page-newsZuixin .page-newsZuixinB {padding:1.625rem 0 1.25rem 0;} .page-newsZuixin .xgNewsList li a {padding:1rem 1.5625rem;} .page-newsZuixin .moreBtn2 {margin:1rem 1.5625rem;} } @media screen and (max-width:1024px) { .page-newsZuixin{ width:100%;float:none;} .page-newsZuixin .page-newsZuixinB {padding:1.25rem 0 1.25rem 0;} .page-newsZuixin .xgNewsList li a {padding:0.75rem 1.25rem;} .page-newsZuixin .moreBtn2 {margin:0.75rem 1.25rem;} } @media screen and (max-width:767px) { .page-newsZuixin .page-newsZuixinB {padding:1rem 0;} .page-newsZuixin .xgNewsList li a {padding:0.75rem 1.25rem;} .page-newsZuixin .moreBtn2 {margin:0.75rem 1.25rem;} } /*********************************product*********************************/ /*pagepageProInfo*/ .pagepageProInfo{padding-bottom:5.625rem;} @media screen and (max-width:1200px){ .pagepageProInfo{padding-bottom:4.375rem;} } @media screen and (max-width:1024px){ .pagepageProInfo{padding-bottom:4.375rem;} } @media screen and (max-width:992px){ .pagepageProInfo{padding-top:1.875rem;padding-bottom:3.125rem;} } /*ProSec-proList*/ .ProSec-proList{width:calc(100% - 26.875rem);position:relative; float:right;padding-top:6.25rem;} @media screen and (max-width:1200px){ .ProSec-proList{width:calc(100% - 21.5rem);padding-top:5rem;} } @media screen and (max-width:1024px){ .ProSec-proList{width:calc(100% - 19.5rem);padding-top:4rem;} } @media screen and (max-width:992px){ .ProSec-proList{width:100%; margin:0 auto;padding-top:1.875rem;} } /*ProSec*/ .ProSec-menu{width:25.3125rem;float:left;z-index:99;position:sticky;left:0;top:0;padding-top:6.25rem;} /*yiji*/ .ProSec-menu .ProSec-lia{ display:block;padding:1.8125rem 1.5625rem;font-size:1.125rem;line-height:1.625rem;color:#fff;font-weight:normal;background-color:#3c3c3c; margin-bottom: 1px;} .ProSec-menu .ProSec-lia span{display:block; position:relative;padding-right:0.625rem;} .ProSec-menu .ProSec-lia span:after{content:'';position:absolute;top:0;right:0;width:0.8125rem;height:100%;background:url(../images/icon-v2.png) center center no-repeat;background-size:100%;} .ProSec-menu .ProSec-lia.on{color:#f9c029;} .ProSec-menu .ProSec-lia.on span:after{background-image:url(../images/icon-v3.png);} .ProSec-menu .ProSec-lia.on span:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); } .ProSec-menu .ProSec-lia span:after, .ProSec-menu .ProSec-lia{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} /*erji*/ .ProSec-menu .ProSecDown{display:none; background-color: #fafafa;} .ProSec-menu .ProSecdl{padding-top:1.5rem;padding-bottom:1.5rem;position:relative;} .ProSec-menu .ProSecdl dd .a1{padding:0.9375rem 1.5625rem;font-size:1.125rem;line-height:1.625rem;color:#000000;display:block;} .ProSec-menu .ProSecdl dd .a1 span{display:block;position:relative;padding-right:0.625rem;} .ProSec-menu .ProSecdl dd .a1 span:after{content:'';position:absolute;top:0;right:0;width:0.8125rem;height:100%;background:url(../images/icon-plus.png) center center no-repeat;background-size:100%;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .ProSec-menu .ProSecdl dd .a1.active{color:#000;} .ProSec-menu .ProSecdl dd .a1:hover{color:#000;} .ProSec-menu .ProSecdl dd.on .a1 span:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background-image:url(../images/icon-r.png);} /*sanji*/ .ProSec-menu .ProSecd2{position:relative;display:none;} .ProSec-menu .ProSecd2 dd .a2{padding:0.625rem 1.5625rem 0.625rem 2.75rem;font-size:1rem;line-height:1.5rem;font-weight:normal;color:#5c5c5c;display:block;} .ProSec-menu .ProSecd2 dd .a2 span{display:block;position:relative;padding-right:0.625rem;} .ProSec-menu .ProSecd2 dd .a2 span:after{content:'';position:absolute;top:0;right:0;width:0.8125rem;height:100%;background:url(../images/icon-plus.png) center center no-repeat;background-size:100%;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .ProSec-menu .ProSecd2 dd .a2.active{color:#f9c029;font-weight:500;} .ProSec-menu .ProSecd2 dd .a2:hover{color:#f9c029;} .ProSec-menu .ProSecd2 dd.on .a2 span:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background-image:url(../images/icon-r.png);} /*siji*/ .ProSec-menu .ProSecd3{position:relative;display:none;} .ProSec-menu .ProSecd3 dd .a3{padding:0.625rem 1.5625rem 0.625rem 3.75rem;font-size:1rem;line-height:1.5rem;font-weight:300;color:#959595;display:block;} .ProSec-menu .ProSecd3 dd .a3:hover{color:#f9c029;} @media screen and (max-width:1200px){ .ProSec-menu{width:20rem;padding-top:5rem;} .ProSec-menu .ProSec-lia{padding:1.5625rem 1.5625rem;font-size:1.125rem;line-height:1.625rem;} .ProSec-menu .ProSecdl{padding-top:1.25rem;padding-bottom:1.25rem;} .ProSec-menu .ProSecdl dd .a1{padding:0.75rem 1.5625rem;font-size:1rem;line-height:1.5rem;} .ProSec-menu .ProSecd2 dd .a2{padding:0.5rem 1.5625rem 0.5rem 2.5rem;font-size:0.9375rem;line-height:1.5rem;} .ProSec-menu .ProSecd2 dd .a3{padding:0.5rem 1.5625rem 0.5rem 3.5rem;font-size:0.9375rem;line-height:1.5rem;} } @media screen and (max-width:1024px){ .ProSec-menu{width:18rem;padding-top:4rem;} .ProSec-menu .ProSec-lia{padding:1.25rem 1.25rem;font-size:1rem;line-height:1.625rem;} .ProSec-menu .ProSecdl{padding-top:1rem;padding-bottom:1rem;} .ProSec-menu .ProSecdl dd .a1{padding:0.625rem 1.25rem;font-size:1rem;line-height:1.5rem;} .ProSec-menu .ProSecd2 dd .a2{padding:0.5rem 1.5625rem 0.5rem 2rem;font-size:0.9375rem;line-height:1.5rem;} .ProSec-menu .ProSecd2 dd .a3{padding:0.5rem 1.5625rem 0.5rem 3rem;font-size:0.9375rem;line-height:1.5rem;} } @media screen and (max-width:992px){ .ProSec-menu{width:100%; margin:0 auto;} .ProSec-menu .ProSec-lia{padding:0.625rem 1.25rem;font-size:1rem;line-height:1.625rem;} .ProSec-menu .ProSecdl{padding-top:0.9375rem;padding-bottom:0.9375rem;} .ProSec-menu .ProSecdl dd .a1{padding:0.625rem 1.25rem;font-size:1rem;line-height:1.5rem;} .ProSec-menu .ProSecdl dd .a2{padding:0.3125rem 1.25rem 0.3125rem 1.5rem;font-size:0.875rem;line-height:1.5rem;} .ProSec-menu .ProSecd2 dd .a3{padding:0.3125rem 1.25rem 0.3125rem 2.5rem;font-size:0.875rem;line-height:1.5rem;} } /*.pn-list*/ @media screen and (min-width:992.1px){ .ProSec-menu{ display:block!important;} .ProSec-menu li:nth-child(1){border-radius: 0.625rem 0.625rem 0 0; overflow: hidden;} .ProSec-menu li:last-child{ border-radius: 0 0 0.625rem 0.625rem; overflow: hidden;} } .pn-colsebtn{ display:none;} @media screen and (max-width:992px){ .ProSec-menu{ display:none;} .pn-list{ display:block;position:fixed;top:0;background:#fff;overflow:scroll;transition:left .5s;width:100%;height:100%;left:-100%; z-index:999999;} .pn-list.sjon{left:0} .pn-list.sjon .pn-colsebtn{ display:block;z-index:999999;position:fixed; top:0.625rem;right:0.625rem; width:3.125rem; height:3.125rem;background:url(../images/icon-close2.png) center center no-repeat #fff;border-radius:0.3125rem;background-size:0.9375rem;-webkit-box-shadow:0 0.375rem 1rem 0 rgba(78,87,105,0.16);-moz-box-shadow:0 0.375rem 1rem 0 rgba(78,87,105,0.16);-o-box-shadow:0 0.375rem 1rem 0 rgba(78,87,105,0.16);box-shadow:0 0.375rem 1rem 0 rgba(78,87,105,0.16);} body.sjon{overflow:hidden;} } /*ProMenBtn*/ .ProMenBtn{display:none;background: #e4e7ea;vertical-align: middle;line-height: 3.125rem;position: relative;cursor:pointer;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding-left: 0;text-align:center;font-size: 0;padding: 0;border-radius:0.375rem;} .ProMenBtn span{display: inline-block;font-size: 1rem;color:#000;padding-left: 1.875rem;background: url(../images/icon-menu.png) left center no-repeat;background-size: 1.25rem;text-align:center;vertical-align: middle;} @media screen and (max-width:992px){ .ProMenBtn{display:block;} } /*bigimgList*/ .pageProList{ position:relative;overflow:hidden;font-size:0; margin:0 -0.75rem;padding-bottom:4rem;} .pageProList .item{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1;width:33.33333333%;vertical-align:top;margin-bottom:1.5rem;} .pageProList .item .itema{display:block; position:relative;margin:0 0.75rem;background:#f7f7f7;border-radius:0.625rem; padding-left: 2.5rem;} .pageProList .item .imgBox{border-radius:0.625rem 0rem 0.625rem 0rem;vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;background:url(../images/probg.jpg) no-repeat center bottom;background-size:cover;} .pageProList .item .imgBox .img{position:relative;padding-bottom:100%;} .pageProList .item .imgBox .img>div{position:static!important;} .pageProList .item .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;-moz-transform:scale(0.95); -webkit-transform:scale(0.95);transform:scale(0.95);} .pageProList .item .itema, .pageProList .item .imgBox img,.pageProList .item .t:before, .pageProList .item .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .pageProList .item .itema:hover .imgBox img{-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);} .pageProList .item .titleBox{ padding-right: 6.25rem;padding-bottom:2.5rem; padding-top: 4.375rem;} .pageProList .item .t{font-size:1.25rem;margin-bottom:1.25rem;line-height:1.75rem;height:1.75rem;color:#000000;display:-webkit-box;text-overflow: ellipsis;line-clamp:1;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;} .pageProList .item .des{font-size:0.9375rem;line-height:1.625rem;height:3.25rem;color:#3a3e42;display:-webkit-box;text-overflow: ellipsis;line-clamp:2;-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} .pageProList .item .itema:hover{background:#f9c029;-webkit-box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.16);-moz-box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.16);-o-box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.16);box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.16);} @media screen and (max-width:1200px){ .pageProList{margin:0 -0.75rem;padding-bottom:3rem;} .pageProList .item{margin-bottom:1.5rem;} .pageProList .item {width:50%;} .pageProList .item .itema{margin:0 0.75rem;padding-left:2rem;} .pageProList .item .titleBox{padding-right:4rem;padding-bottom:2rem; padding-top: 3rem;} } @media screen and (max-width:1024px){ .pageProList{margin:0 -0.5rem; padding-bottom:2.5rem;} .pageProList .item .itema{margin:0 0.5rem;padding-left:1.5rem;} .pageProList .item {width:50%;} .pageProList .item .titleBox{padding-right:3rem;padding-bottom:1.5rem; padding-top:2rem;} .pageProList .item .t{font-size:1.125rem;margin-bottom:1rem;} } @media screen and (max-width:767px){ .pageProList{margin:0 -0.3125rem;padding-bottom:2rem;} .pageProList .item .itema{margin:0 0.3125rem;padding-left:1.25rem;} .pageProList .item .titleBox{padding-right:2rem;padding-bottom:1.2rem; padding-top:1.5rem;} .pageProList .item .t{font-size:1rem;margin-bottom:0.5rem;} } @media screen and (max-width:640px){ .pageProList{display:grid;grid-template-columns: repeat(2, 1fr);grid-gap:1rem;margin:0;} .pageProList .item {width:100%;margin-bottom:0;} .pageProList .item .itema{margin:0;padding-left:1rem;} } @media screen and (max-width:370px){ .pageProList .item {width:100%;} .pageProList .item .titleBox{padding-right:2rem;padding-bottom:1rem; padding-top:1.25rem;} } /*********************************pageProInfo detail*********************************/ /*probanner*/ .probanner{ position: relative; overflow:hidden;background-image:url('../images/banner-probg.jpg'); background-position:center center; background-repeat:no-repeat; background-size:100% 100%;} .probanner .probannerB{margin-top:0.9375rem;padding-bottom:0.9375rem;display:flex;align-items:center;} /*bannerpro*/ .probanner .bannerpro{width:47.61904761904762%;float:left;} .probanner .bannerpro .img{position:relative;padding-bottom:100%;} .probanner .bannerpro .img>div{position:static!important;} .probanner .bannerpro .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;} /*tt*/ .probanner .tt {color:#ffffff;width:44%;float:left;} .probanner .tt .t1{font-size:1.875rem;line-height:1.3;display:block;font-weight:300;} .probanner .tt .t1 span{ display: block; position: relative; padding-left:1.25rem;} .probanner .tt .t1 span:before{width:0.375rem; height: 1.875rem; background-color:#ffc803; position: absolute; top:0.25rem; left:0; content:'';} .probanner .tt .t2{font-size:1.125rem;line-height:1.875rem;display:block; font-weight:300;margin-top:2.375rem; position: relative;} @media screen and (max-width:1200px){ .probanner .tt .t1{font-size:1.5rem;} .probanner .tt .t2{font-size:1rem;line-height:1.5;margin-top:2rem;} } @media screen and (max-width:1024px){ .probanner .tt .t1{font-size:1.25rem;} .probanner .tt .t2{font-size:1rem;line-height:1.5;margin-top:2rem;} } @media screen and (max-width:767px) { .probanner .tt{text-align: center;} .probanner .tt .t1{font-size:1.125rem; display:inline-block;} .probanner .tt .t2{font-size:0.875rem;} .probanner .probannerB{ flex-wrap: wrap; padding-top:3rem;} .probanner .bannerpro{width:80%;float:none; margin: 0 auto;max-width:400px;} .probanner .tt {width:100%;float:none;} } /*.Btn*/ .Btn{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;} .Btn a{ display:inline-block;} .Btn a span{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:0;width:100%;height:100%;overflow:hidden;} .Btn a span{position:relative;z-index:1;font-weight:normal;font-size:1rem;line-height:1.5rem; display: block;text-align:left;color:#000000;background:#ffc803;padding:0.625rem 1.75rem;border-radius:2.9375rem} .Btn a.Btn2 span{color:#000000;background:#FFF;} .Btn a.Btn2{ margin-left:1.125rem;} .Btn a span:after{content:"";width:0;height:100%;position:absolute;right:0;top:0;background:#332c2b;transition:width cubic-bezier(0.23,1,0.32,1) .8s;z-index:-1} .Btn a:hover span:after{left:0;width:100%} .Btn a:hover span{color:#ffc803;} @media screen and (max-width:1024px) { .Btn a span{font-size:0.875rem;padding:0.5rem 1.5rem;} } @media screen and (max-width:767px) { .Btn{justify-content: center;} } /*pageProInfo*/ .pageProInfo{ padding-top:5.25rem;padding-bottom:5.25rem;} @media screen and (max-width:1200px) { } @media screen and (max-width:1024px) { .pageProInfo{ padding-top:3rem;padding-bottom:4rem;} } @media screen and (max-width:767px) { .pageProInfo{ padding-top:2rem;padding-bottom:3rem;} } /*feedback2Box*/ .feedback2Box{background:#f3f5f8;padding-left:2.5rem;padding-right:2.5rem;padding-top:3.4375rem;padding-bottom:2.5rem;border-radius:0.625rem; margin-bottom:1.25rem;} .feedback2tit{font-size:1rem;line-height:1.625rem;margin-bottom:2.5rem;color:#000000;text-align: center;font-weight:300;} .feedback2tit .t{font-size:1.625rem;line-height:1.5;font-weight:normal; margin-bottom:0.625rem;} .feedback2lx{font-size:1rem;line-height:1.625rem;font-weight:300;color:#000000; padding-top: 1.875rem; text-align: center;} @media screen and (max-width:1200px) { .feedback2Box{padding-left:2rem;padding-right:2rem;padding-top:3rem;padding-bottom:2rem;margin-bottom:1rem;} .feedback2tit{margin-bottom:2rem;} .feedback2tit .t{font-size:1.5rem;} .feedback2lx{padding-top: 1.5rem;} } @media screen and (max-width:1200px) { .feedback2Box{padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem;padding-bottom:2rem;margin-bottom:1rem;} .feedback2tit{margin-bottom:2rem;} .feedback2tit .t{font-size:1.25rem;} .feedback2lx{padding-top: 1.25rem;} } /*feedback2*/ .feedback2{padding:0;margin:0 -0.625rem;} .feedback2 label{display:block;} .feedback2 .l1{float:left;width:50%; position:relative;} .feedback2 .l2{float:left;width:100%;} .feedback2 .l3{float:left;width:100%; text-align: center;} .feedback2 .l1Box{margin:0 0.625rem;} .feedback2 .text{display:block;width: 100%;padding:0.25rem 1.375rem;height:3.75rem;margin-bottom:0.625rem;font-size:1rem;color:#6a6a6a;font-family:"微软雅黑",Arial,Sans-Serif;font-weight: normal;outline:none;border:1px solid #fff;border-radius:0.25rem;background:#fff;text-align:left;} .feedback2 .text2{padding:0.625rem 1.375rem;height:6.25rem;margin-bottom:1.75rem;} .feedback2 .inputbtn{display:inline-block;outline:none;background:#f9c029;color:#000000;font-family:"微软雅黑",Arial,Sans-Serif; font-weight: normal;border:0;cursor:pointer;text-align:center;margin-bottom:0; margin-left: auto; margin-right: auto;font-size:1rem;height:3.125rem;line-height:3.125rem;border-radius:0.25rem;width:100%;-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;} .feedback2 .inputbtn:hover{background:#00b1a7;-moz-box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);-webkit-box-shadow: 0 0rem 0.625rem rgba(0,177,167,0.27);box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);} .feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #f8e49d; } .feedback2 input::-webkit-input-placeholder { color: #949795; } .feedback2 input:-moz-placeholder { color: #949795; } .feedback2 input::-moz-placeholder { color: #949795; } .feedback2 input:-ms-input-placeholder { color: #949795; } .feedback2 textarea::-webkit-input-placeholder { color: #949795; } .feedback2 textarea:-moz-placeholder { color: #949795; } .feedback2 textarea::-moz-placeholder { color: #949795; } .feedback2 textarea:-ms-input-placeholder { color: #949795; } /* pageProInfo_fb2 */ .pageProInfo_fb2{position:sticky;position:-webkit-sticky;top:5rem;z-index:9;transition:all 0.4s; width:32.14285714285714%; float:right;} .pageProInfo_fb2B{ padding-left: 3.125rem;} .pageProInfo_fb2.hide{ visibility: hidden; opacity:0;} @media screen and (max-width:1200px) { .pageProInfo_fb2{position: static;top:0;width:100%; float:none;margin-top:2rem;} .pageProInfo_fb2.hide{ visibility:visible; opacity:1;} .pageProInfo_fb2B{ padding-left:0; margin-top:0;} } /*pageProInfo_nav*/ .pageProInfo_nav{position:sticky;position:-webkit-sticky;top:5rem;z-index:10;transition:all 0.4s;float:left;margin-bottom:10px;} .pageProInfo_nav.hide{ visibility: hidden; opacity:0;} .pageProInfo_nav .pageProInfo_nav_box{height:100%;display:flex;width:100%;} .pageProInfo_nav .pageProInfo_nav_con{height:100%;display:flex;position:relative;width:100%;background:#f3f5f8;line-height:5rem;height:5rem;border-radius:0.625rem;} .pageProInfo_nav a{position:relative;z-index:10;height:100%;flex-shrink:0;cursor:pointer;width:25%; text-align: center;} .pageProInfo_nav i{position:absolute;top:0;left:0;width:2px;height:100%;background:#ffc803;border-radius:0.625rem;} @media screen and (max-width:1200px) { .pageProInfo_nav{width:100%!important;} .pageProInfo_nav{top:65px;float:none;} .pageProInfo_nav .pageProInfo_nav_con{line-height:4rem;height:4rem;border-radius:0;} } @media screen and (max-width:1024px) { .pageProInfo_nav{top:65px;} .pageProInfo_nav .pageProInfo_nav_box{padding-top:0rem;padding-top: 0.5rem;} } @media screen and (max-width:767px) { /* .pageProInfo_nav{height:1rem;position:initial} .pageProInfo_nav i{display:none} */ .pageProInfo_nav .pageProInfo_nav_con{line-height:3.5rem;height:3.5rem;} } /*w1140*/ .w1140{width:67.85714285714286%;} @media screen and (max-width:1200px) { .w1140{width:100%;} } /* pageProInfo_intro */ .pageProInfo_intro {font-size:1.125rem;line-height:1.3;color:#262e46;font-weight:300;padding:1.25rem 0;} .pageProInfo_intro h5 {font-size:1.25rem;font-weight:normal;margin-bottom:1.25rem;} .pageProInfo_intro img {max-width:100%;height:auto!important;border-radius: 0.625rem;} @media screen and (max-width:1200px) { .pageProInfo_intro{font-size:1rem;} } @media screen and (max-width:1024px) { .pageProInfo_intro{font-size:1rem;padding:1.125rem 0;} .pageProInfo_intro h5 {font-size:1.125rem;margin-bottom:1rem;} } @media screen and (max-width:767px) { .pageProInfo_intro{font-size:0.875rem;padding:1rem 0;} } /*pageProInfo_para*/ .pageProInfo_para{ padding-top: 3.75rem;padding-bottom:1.25rem;} .pageProInfo_para table{width:100%;} .pageProInfo_para table td{ text-align:center; vertical-align:middle; padding:1.375rem 1.25rem; line-height:1.5rem; font-size:1rem; color:#6a6a6a;} .pageProInfo_para table td:nth-child(1){width:25%;} .pageProInfo_para table td:nth-child(2){width:75%;} .pageProInfo_para table tr:nth-child(2n-1){background:#f3f5f8;} .pageProInfo_para table tr:hover{background:#f3f1ea;} @media screen and (max-width:1024px) { .pageProInfo_para{ padding-top:2.5rem;padding-bottom:1.125rem;} .pageProInfo_para table td{ padding:1.25rem 1rem;font-size:0.875rem;} } @media screen and (max-width:767px) { .pageProInfo_para{ padding-top:2rem;padding-bottom:1rem;} .pageProInfo_para table td{ padding:1.25rem 1rem;font-size:0.875rem;} } /*pageProInfo_tit*/ .pageProInfo_tit{font-size:1.5rem;line-height:1.5rem;color:#000000;font-weight:300;margin-bottom:1.875rem;} .pageProInfo_tit span{ display: block; position: relative; padding-left: 1.25rem;} .pageProInfo_tit span:before{width:0.375rem; height:100%; background-color:#ffc803; position: absolute; top:0; left:0; content:'';} @media screen and (max-width:1200px) { .pageProInfo_tit{font-size:1.35rem;margin-bottom:1.5rem;} } @media screen and (max-width:1024px) { .pageProInfo_tit{font-size:1.25rem;margin-bottom:1.25rem;} } @media screen and (max-width:767px) { .pageProInfo_tit{font-size:1.125rem;margin-bottom:1.125rem;} } /*pageProInfo_case*/ .pageProInfo_case{ padding-top: 3.75rem;padding-bottom:0rem;} @media screen and (max-width:1024px) { .pageProInfo_case{ padding-top:2.5rem;padding-bottom:0rem;} } @media screen and (max-width:767px) { .pageProInfo_case{ padding-top:2rem;padding-bottom:0rem;} } /*xgcaseList*/ .xgcaseList{font-size:0;} .xgcaseList .item{ display:block;width:100%;margin-bottom:1.875rem;} .xgcaseList .itema{display:block;position:relative;overflow:hidden;border-radius:0.625rem;background:#dee0e2;} .xgcaseList .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .xgcaseList .itema{position:relative;display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-grow:1;height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .xgcaseList .ImgBoxB{ width:29.82456140350877%;} .xgcaseList .ImgBox{overflow:hidden;padding-bottom:55.88235294117647%;height: 100%;position:relative;border-radius:0.625rem;} .xgcaseList .ImgBox>div{position:static!important;} .xgcaseList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:none;display:block;width:100%;height:100%;object-fit:cover;} .xgcaseList .title{width:70.17543859649123%;} .xgcaseList .titleNr{padding:3.125rem 12.5rem 1.5rem 2.5rem;position: relative;} .xgcaseList .title .des{font-size:1rem;color:#332c2b; font-weight:300;line-height:1.625rem;max-height:3.25rem;overflow: hidden;margin-top:1.625rem;} .xgcaseList .title .t{font-size:1.25rem;color:#000000;line-height:1.625rem;max-height:3.25rem;overflow: hidden;font-weight:normal;overflow:hidden;} .xgcaseList .title .more{display:inline-block;width:2.5rem;height:2.5rem; margin-top:-1.25rem;border-radius:50%;background:url("../images/arrow-right2.png") center center no-repeat #f9c03b;background-size:0.5rem; position:absolute;top:50%;right:2.5rem;} /*hover*/ .xgcaseList .itema:hover .title .more{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);background-color:#000;} .xgcaseList .itema:hover .title .des{color:#000;} .xgcaseList .itema:hover .title .t{color:#000;} .xgcaseList .itema:hover{background:#f9c03b;} .xgcaseList .itema,.xgcaseList .title .t,.xgcaseList .title .date,.xgcaseList .title .lei,.xgcaseList .title .more, .xgcaseList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .xgcaseList .itema:hover {-moz-box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);box-shadow:8px 8px 20px 0 rgba(41, 37, 37, 0.1);} .xgcaseList .itema: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:1024px) { .xgcaseList .titleNr{padding:1.5rem 7.5rem 1.5rem 1.5rem;} .xgcaseList .item{margin-bottom:1.5rem;} } @media screen and (max-width:767px) { .xgcaseList .titleNr{padding:1.5rem 4rem 1.5rem 1.5rem;} .xgcaseList .title .more{width:2rem;height:2rem; margin-top:-1rem;right:1rem;} .xgcaseList .title .des{font-size:0.875rem;line-height:1.5rem;max-height:3rem;margin-top:1rem;} .xgcaseList .title .t{font-size:1rem;line-height:1.5rem;max-height:3rem;} .xgcaseList .item{margin-bottom:1.25rem;} } /*pageProInfo_fb*/ .pageProInfo_fb{padding-top: 4.375rem; padding-bottom:7.5rem;} @media screen and (max-width:1200px) { .pageProInfo_fb{padding-top:3.125rem; padding-bottom:6.25rem;} } @media screen and (max-width:1024px) { .pageProInfo_fb{padding-top:3.125rem; padding-bottom:4.375rem;} } @media screen and (max-width:768px) { .pageProInfo_fb{padding-top:3.125rem; padding-bottom:3.125rem;} } /*pageProInfo_fbBox*/ .pageProInfo_fb_left .pageProInfo_fb_leftB{ padding-right: 1.5625rem;} .pageProInfo_fb_left{width:23.75rem; float:left;} .pageProInfo_fb_right{width: calc(100% - 23.75rem);float:right;} @media screen and (max-width:1024px) { .pageProInfo_fb_left{width:100%; float:none; margin-bottom:1.875rem;} .pageProInfo_fb_right{width:100%;float:none;} .pageProInfo_fb_left .pageProInfo_fb_leftB{ padding-right:0;} } /*contactLx*/ .contactLx .lxitem{position:relative;border:1px solid #ffc803; height:13.75rem;margin-bottom: 0.9375rem;border-radius:0.375rem;} .contactLx .lxitem .icon{ text-align: right;padding-right:1.5rem;padding-top:1.875rem;} .contactLx .lxitem .icon img{display:inlin-block;background-color:#f9c029;width:3.125rem;height:3.125rem; padding: 0.9375rem;border-radius:0.625rem;} .contactLx .lxitem .title{ position: absolute;bottom:2.3125rem; left:2.3125rem;right:1.5rem;} .contactLx .lxitem .t img{width:1rem; position: absolute;left: 0;top:0.3125rem;height:auto;} .contactLx .lxitem .t{display:block;font-size:1.125rem;color:#000;line-height:1.875rem;} .contactLx .lxitem .des{display:block;font-size:1.125rem;color:#5a616b;line-height:1.875rem;font-family:'Oswald',"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;font-weight:300;} .contactLx .lxitem .des strong{font-size:1.5rem;font-weight:300;} .contactLx .lxitem a{ color:#6a6a6a; text-decoration: underline;font-size:90%;} .contactLx .lxitem a:hover{ color:#00b1a7; } /*contactLx-a*/ .contactLx-a{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;} .contactLx-a a{ display:block; width: 100%; position: relative;} .contactLx-a a span{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:0;width:100%;height:100%;overflow:hidden;} .contactLx-a a span{position:relative;z-index:1;font-weight:normal;font-size:1.125rem;line-height:1.875rem; display: block;text-align:left;color:#fff;background:#000000;padding:2.5rem;border-radius:0.625rem;} .contactLx-a a:before{content:"";position:absolute;top:50%;transition:border-color .6s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events:none;box-sizing:border-box;width:1.25rem;height:1.25rem;margin-top:-0.625rem;right:2.5rem;background-size:100%;background-position: center center; background-repeat:no-repeat;background-image:url("../images/icon-s.png"); z-index: 2;} .contactLx-a a:hover:before{background-image:url("../images/icon-s2.png")} .contactLx-a a span:after{content:"";width:0;height:100%;position:absolute;right:0;top:0;background:#f9c029;transition:width cubic-bezier(0.23,1,0.32,1) .8s;z-index:-1} .contactLx-a a:hover span:after{left:0;width:100%} .contactLx-a a:hover span{color:#000000;} /*feedbackBox*/ .feedbackBox{background:#f3f5f8;padding-left:2.5rem;padding-right:2.5rem;padding-top: 4.375rem;padding-bottom:2.5rem;border-radius:0.625rem;} .feedbacktit{font-size:1rem;line-height: 2.0625rem;margin-bottom: 3.75rem;color:#000000;text-align: center;font-weight:300;} .feedbacktit .t{font-size:1.625rem;font-weight:normal;} /*feedback*/ .feedback{padding:0;margin:0 -1.875rem;} .feedback label{display:block;} .feedback .l1{float:left;width:50%; position:relative;} .feedback .l2{float:left;width:100%;} .feedback .l3{float:left;width:100%; text-align: center;} .feedback .l1Box{margin:0 1.875rem; position:relative; padding-left: 6.25rem;} .feedback .l3 .l1Box{padding-left:0;} .feedback .tt{ width:5.625rem;font-size:1.125rem;color:#000000;line-height:3.75rem;text-align:left; position:absolute; left: 0;top:0;font-weight: 300;} .feedback .text{display:block;width: 100%;padding:0.25rem 1.375rem;height:3.75rem;margin-bottom:1.875rem;font-size:1rem;color:#6a6a6a;font-family:"微软雅黑",Arial,Sans-Serif;font-weight: normal;outline:none;border:1px solid #fff;border-radius:0.625rem;background:#fff;text-align:left;} .feedback .text2{padding:0.625rem 1.375rem;height:7.5rem;} .feedback .inputbtn{display:inline-block;outline:none;background:#f9c029;color:#000000;font-family:"微软雅黑",Arial,Sans-Serif; font-weight: normal;border:0;cursor:pointer;text-align:center;margin-bottom:0; margin-left: auto; margin-right: auto;font-size:1rem;height:2.9375rem;line-height:2.9375rem;border-radius:2.9375rem;width:7.875rem;-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;} .feedback .inputbtn:hover{background:#e4aa0c;-moz-box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);-webkit-box-shadow: 0 0rem 0.625rem rgba(0,177,167,0.27);box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);} .feedback .text:focus,.feedback .text:active,.feedback .text2:focus,.feedback .text2:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #f8e49d; } .feedback input::-webkit-input-placeholder { color: #949795; } .feedback input:-moz-placeholder { color: #949795; } .feedback input::-moz-placeholder { color: #949795; } .feedback input:-ms-input-placeholder { color: #949795; } .feedback textarea::-webkit-input-placeholder { color: #949795; } .feedback textarea:-moz-placeholder { color: #949795; } .feedback textarea::-moz-placeholder { color: #949795; } .feedback textarea:-ms-input-placeholder { color: #949795; } @media screen and (max-width:1200px) { .feedback .l1{width:100%;} .feedbacktit{font-size:0.875rem;margin-bottom:3.5rem;} .feedbacktit .t{font-size:1.5rem;} .feedbackBox{padding-left:2rem;padding-right:2rem;padding-top:4rem;padding-bottom:2rem;} } @media screen and (max-width:1024px) { .feedbackBox{padding-left:2rem;padding-right:2rem;padding-top:3rem;padding-bottom:1.5rem;} .feedback .tt{ width:4.5rem;font-size:1rem;line-height:3.5rem;} .feedback .text{padding:0.25rem 1rem;height:3.5rem;margin-bottom:1.5rem;font-size 0.875em;} .feedback .text2{padding:0.625rem 1rem;height:7rem;} } @media screen and (max-width:767px) { .feedback .l1{width:100%;} .feedback .l1Box{margin:0 1rem;padding-left:5rem;} .feedback .tt{ width:4.5rem;font-size:1rem;line-height:3rem;} .feedback .text{padding:0.25rem 1rem;height:3rem;margin-bottom:1rem;font-size 0.875em;} .feedback .text2{padding:0.625rem 1rem;height:7rem;} .feedbacktit{font-size:0.875rem;margin-bottom:3rem;} .feedbacktit .t{font-size:1.25rem;} .feedbackBox{padding-left:2rem;padding-right:2rem;padding-top:2rem;padding-bottom:1.5rem;} } /*********************************pageProInfo detail*********************************/ /*pageTit*/ .pageTit{color:#000;font-weight:normal;text-align: center;font-size:1.875rem;line-height:2.375rem; margin-bottom:2rem;} .pageTit .tit{font-weight:normal;} .pageTit .tit .t2{font-size:1.375rem;color:#000; font-weight:300;} .pageTit .tit2{font-size:1.375rem;color:#000;font-weight:normal;text-align: center;line-height:1.3;} .pageTit .line{width:2.3125rem;height: 0.3125rem;background-color: #f9c029;margin:0 auto;margin-top:1.5rem;margin-bottom:5.375rem;} .pageTit .des{color:#000;font-weight:300;font-size:1.125rem;line-height:1.875rem; max-width: 1140px; margin:0 auto;margin-top:1.875rem;} .pageTit.white{color:#fff;} .pageTit.white .tit .t2{color:#fff;} .pageTit.white .tit2{color:#fff;} .pageTit.white .des{color:#fff;} @media screen and (max-width:1200px) { .pageTit{font-size:1.5rem;line-height:1.5;margin-bottom:2rem;} .pageTit .des{font-size:1rem;line-height:1.5rem;margin-top:1.5rem;} .pageTit .tit .t2{font-size:1.125rem;} .pageTit .tit2{font-size:1.125rem;} .pageTit .line{margin-top:1.125rem;margin-bottom:3rem;} } @media screen and (max-width:1024px) { .pageTit{font-size:1.25rem;line-height:1.5;margin-bottom:1.5rem;} .pageTit .des{font-size:0.875rem;line-height:1.5rem;margin-top:1.25rem;} .pageTit .tit .t2{font-size:1rem;} .pageTit .tit2{font-size:1rem;} .pageTit .line{margin-top:1rem;margin-bottom:2rem;} } @media screen and (max-width:767px) { .pageTit{font-size:1.125rem;line-height:1.5;margin-bottom:1.5rem;} .pageTit .des{font-size:0.875rem;line-height:1.5;margin-top:1rem;} } /*pageProBox1*/ .pageProBox1{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-image:url("../images/pro3-bigbg.jpg");background-position:center center;background-repeat:no-repeat; background-attachment: fixed; background-size:cover;} @media screen and (max-width:1200px){ .pageProBox1{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;} } @media screen and (max-width:1024px){ .pageProBox1{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:767px){ .pageProBox1{padding-top:3rem;padding-bottom:2rem;} } /*pageProBox1SW*/ .pageProBox1SWB{position: relative;padding-bottom:1.875rem;padding-top:3.125rem;} .pageProBox1SW{font-size:0;margin:0 -0.625rem;} .pageProBox1SW .item{ display:block;float:left;width:25%;} .pageProBox1SW .itema{display:block;margin:0 0.625rem;padding:3.75rem 2.875rem;position:relative;overflow:hidden;border-radius:1.625rem 0.625rem 1.625rem 0.625rem; background-color: #fff;} .pageProBox1SW .itema{display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; height: 100%;} .pageProBox1SW .title{font-size:1.125rem;line-height:1.875rem;min-height:5.625rem;color:#000000;font-weight:300;} .pageProBox1SW .itema{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} .pageProBox1SW .itema:hover{transform:translateY(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);background-color:#f3f5f8;} @media screen and (max-width:1200px){ .pageProBox1SWB{padding-bottom:1.875rem;padding-top:2rem;} .pageProBox1SW{margin:0 -0.5rem;} .pageProBox1SW .itema{margin:0 0.5rem;} .pageProBox1SW .itema{padding:3rem 2.5rem;border-radius:1.25rem 0.625rem;} .pageProBox1SW .title{font-size:1rem;} } @media screen and (max-width:1024px){ .pageProBox1SW .item{ width:33.333333%;} .pageProBox1SW{margin:0 -0.5rem;} .pageProBox1SW .itema{margin:0 0.5rem;} .pageProBox1SW .itema{padding:3rem 1.5rem;border-radius:1.25rem 0.625rem;} .pageProBox1SW .title{font-size:0.875rem;} } @media screen and (max-width:767px){ .pageProBox1SW .item{ width:50%;} .pageProBox1SW{margin:0 -0.5rem;} } /*.pageProBox1SW swiper-wrapper*/ .pageProBox1SW .swiper-slide{width:25%; min-height: 220px;} @media screen and (max-width:1200px){ .pageProBox1SW .swiper-slide{width:33.333333%;} } @media screen and (max-width:1024px){ .pageProBox1SW .swiper-slide{width:50%;} } @media screen and (max-width:767px){ .pageProBox1SW .swiper-slide{width:66.66666666666667%;} } @media screen and (max-width:430px){ .pageProBox1SW .swiper-slide{width:76.92307692307692%;} } @media screen and (max-width:370px){ .pageProBox1SW .swiper-slide{width:100%;} } /*pageProBox2*/ .pageProBox2{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-position:center center;background-repeat:no-repeat;background-size:cover;} .pageProBox2B{padding-top:3.125rem;padding-bottom:1.875rem;} @media screen and (max-width:1200px){ .pageProBox2{padding-top:5rem;padding-bottom:4rem;} .pageProBox2B{padding-top:2rem;padding-bottom:1.5rem;} } @media screen and (max-width:1024px){ .pageProBox2{padding-top:4rem;padding-bottom:3rem;} .pageProBox2B{padding-top:1.5rem;padding-bottom:1rem;} } @media screen and (max-width:767px){ .pageProBox2{padding-top:3rem;padding-bottom:2rem;} .pageProBox2B{padding-top:1.25rem;padding-bottom:0rem;} } /*pageProBox3*/ .pageProBox3{position:relative;overflow:hidden;background-color:#f1f1f1;padding-top:6.25rem;padding-bottom:4.375rem;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:url("../images/pro3-xq3bgbig.jpg"); background-attachment: fixed;} @media screen and (max-width:1200px){ .pageProBox3{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;} } @media screen and (max-width:1024px){ .pageProBox3{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:767px){ .pageProBox3{padding-top:3rem;padding-bottom:2rem;} } /*.pageProBox3B*/ .pageProBox3B{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;align-items: flex-start; padding-bottom:0rem;} .pageProBox3 .pageTit{ text-align:left; width:36%;} .pageProBox3 .pageTit h4{ font-size:1.5rem; font-weight:normal; color:#000; margin-bottom: 1.875rem;} .pageProBox3 .imgBox{width:55.95238095238095%;} @media screen and (max-width:1200px){ .pageProBox3B{flex-wrap: wrap;padding-bottom:1rem;} .pageProBox3 .pageTit{width:100%;} .pageProBox3 .imgBox{width:100%;} .pageProBox3 .pageTit h4{ font-size:1.25rem;margin-bottom: 1.5rem;} } @media screen and (max-width:1024px){ .pageProBox3 .pageTit h4{ font-size:1.125rem;margin-bottom: 1.25rem;} } @media screen and (max-width:768px){ .pageProBox3 .pageTit h4{ font-size:1rem;margin-bottom: 1rem;} } /*pageProBox4*/ .pageProBox4{position:relative;overflow:hidden;background-color:#fff;padding-top:6.25rem;padding-bottom:6.25rem;background-position:center center;background-repeat:no-repeat;background-size:cover;} .pageProBox4B{ padding-top: 1.875rem;} @media screen and (max-width:1200px){ .pageProBox4{padding-top:5rem;padding-bottom:5rem;background-attachment:inherit;} .pageProBox4B{ padding-top: 1.5rem;} } @media screen and (max-width:1024px){ .pageProBox4{padding-top:4rem;padding-bottom:4rem;} .pageProBox4B{ padding-top: 1.25rem;} } @media screen and (max-width:767px){ .pageProBox4{padding-top:3rem;padding-bottom:3rem;} .pageProBox4B{ padding-top: 1rem;} } /*pageProBox5*/ .pageProBox5{position:relative;overflow:hidden;background-color:#ddecf6;padding-top:6.25rem;padding-bottom:6.25rem;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:url("../images/pro3-xq5big.jpg"); background-attachment: fixed;} .pageProBox5B{ padding-top: 1.875rem;} @media screen and (max-width:1200px){ .pageProBox5{padding-top:5rem;padding-bottom:5rem;background-attachment:inherit;} .pageProBox5B{ padding-top: 1.5rem;} } @media screen and (max-width:1024px){ .pageProBox5{padding-top:4rem;padding-bottom:4rem;} .pageProBox5B{ padding-top: 1.25rem;} } @media screen and (max-width:767px){ .pageProBox5{padding-top:3rem;padding-bottom:3rem;} .pageProBox5B{ padding-top: 1rem;} } /*pageProBox6*/ .pageProBox6{position:relative;overflow:hidden;background-color:#fff;padding-top:6.25rem;padding-bottom:6.25rem;background-position:center center;background-repeat:no-repeat;background-size:cover;} .pageProBox6B{ padding-top: 1.875rem;} @media screen and (max-width:1200px){ .pageProBox6{padding-top:5rem;padding-bottom:5rem;background-attachment:inherit;} .pageProBox6B{ padding-top: 1.5rem;} } @media screen and (max-width:1024px){ .pageProBox6{padding-top:4rem;padding-bottom:4rem;} .pageProBox6B{ padding-top: 1.25rem;} } @media screen and (max-width:767px){ .pageProBox6{padding-top:3rem;padding-bottom:3rem;} .pageProBox6B{ padding-top: 1rem;} } /*pageProBox7*/ .pageProBox7{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-image:url("../images/pro3-xq7big.jpg");background-position:center center;background-repeat:no-repeat; background-attachment: fixed; background-size:cover;} @media screen and (max-width:1200px){ .pageProBox7{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;} } @media screen and (max-width:1024px){ .pageProBox7{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:767px){ .pageProBox7{padding-top:3rem;padding-bottom:2rem;} } /*pageProBox2SW*/ .pageProBox2SWB{position: relative;} .pageProBox2SW{font-size:0;margin:0 -0.625rem;position: relative;padding-bottom:2.8125rem;padding-top:3.125rem; overflow: hidden;} .pageProBox2SW .item{ display:block;float:left;width:33.33333%;} .pageProBox2SW .itema{display:block;margin:0 0.625rem;position:relative;overflow:hidden;border-radius:1.625rem 0.625rem 0.625rem 0.625rem; background-color: #fff;text-align: center;} .pageProBox2SW .title{font-size:1.125rem;line-height:1.875rem;color:#000000;font-weight:300;padding:5rem 1.875rem 1.875rem 1.875rem;} .pageProBox2SW .titleNr{min-height: 9.75rem;} .pageProBox2SW .title .t{font-size:1.5rem;font-weight: normal;margin-bottom: 1.25rem;} .pageProBox2SW .ImgBox{overflow:hidden;height: 0;padding-bottom:56.48148148148148%;position:relative;border-radius:1.625rem 0.625rem 1.625rem 0;} .pageProBox2SW .ImgBox>div{position:static!important;} .pageProBox2SW .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} /*hover*/ .pageProBox2SW .item,.pageProBox2SW .itema,.pageProBox2SW .ImgBox, .pageProBox2SW .ImgBox img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} .pageProBox2SW .itema:hover .ImgBox img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);} .pageProBox2SW .itema:hover{-webkit-transform:translateY(-1rem);transform:translateY(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);background-color:#f3f5f8;} @media screen and (max-width:1200px){ .pageProBox2SW{margin:0 -0.5rem;padding-bottom:1.875rem;padding-top:2rem;} .pageProBox2SW .itema{margin:0 0.5rem;} .pageProBox2SW .itema{border-radius:1.25rem 0.625rem;} .pageProBox2SW .ImgBox{border-radius:1.25rem 0.625rem 1.25rem 0;} .pageProBox2SW .title{font-size:1rem;padding:4rem 1.5rem 1.5rem 1.5rem;line-height:1.5;} .pageProBox2SW .title .t{font-size:1.25rem;margin-bottom: 1.125rem;} } @media screen and (max-width:1024px){ .pageProBox2SW .item{ width:33.333333%;} .pageProBox2SW{margin:0 -0.5rem;} .pageProBox2SW .itema{margin:0 0.5rem;} .pageProBox2SW .itema{border-radius:1.25rem 0.625rem;} .pageProBox2SW .ImgBox{border-radius:1.25rem 0.625rem 1.25rem 0;} .pageProBox2SW .title{font-size:1rem;padding:3rem 1.5rem 1.5rem 1.5rem;line-height:1.875rem;} .pageProBox2SW .title .t{font-size:1.125rem;margin-bottom: 1rem;} } @media screen and (max-width:767px){ .pageProBox2SW .item{ width:50%;} .pageProBox2SW{margin:0 -0.5rem;padding-bottom:1.5rem;padding-top:1.5rem;} .pageProBox2SW .title{font-size:1rem;padding:2.5rem 1.5rem 1.5rem 1.5rem;} .pageProBox2SW .title .t{font-size:1.25rem;margin-bottom:0.625rem;} } /*.pageProBox2SW swiper-wrapper*/ .pageProBox2SW .swiper-slide{width:33.333333%;} @media screen and (max-width:1024px){ .pageProBox2SW .swiper-slide{width:50%;} } @media screen and (max-width:767px){ .pageProBox2SW .swiper-slide{width:66.66666666666667%;} } @media screen and (max-width:430px){ .pageProBox2SW .swiper-slide{width:76.92307692307692%;} } @media screen and (max-width:370px){ .pageProBox2SW .swiper-slide{width:100%;} } /*********************************service*********************************/ /*pagebanner2*/ .pagebanner2{ position: relative; overflow:hidden;} .pagebanner2 img{ display: block;width:100%;} /*pageInfo*/ .pageInfo{ padding-top:6.25rem;padding-bottom:5rem;} @media screen and (max-width:1200px){ .pageInfo{ padding-top:5rem;padding-bottom:4rem;} } @media screen and (max-width:1024px){ .pageInfo{ padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:767px){ .pageInfo{ padding-top:3rem;padding-bottom:2rem;} } /*w1114*/ .w1114{ max-width:69.625rem; margin: 0 auto;} /*downlist*/ .downlist{width:100%;} .downlist .downlistul{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem; margin-bottom:3.75rem;} .downlist .item{display:block; width: 100%;} .downlist .itema{display:block;position:relative;overflow:hidden;background-color:#f3f5f8;border-radius:0.625rem; padding:2.875rem;} .downlist .itema .icon{flex-shrink:0;width:4.375rem;margin-right:1.875rem;margin-left:0.625rem;} .downlist .itema .title{display:flex; align-items:center;color:#000;font-weight:300;font-style:1.0625rem;margin-right:5.375rem;} .downlist .itema .load{width: 2.5rem; float: right; position: absolute;right: 2.875rem;top:50%;transform: translateY(-50%);} /**/ .downlist .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%; width: 100%;} .downlist .itema{display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items: center;} /*hover*/ .downlist .itema,.downlist .item,.downlist .itema .title{-moz-transition: all .3s linear;-ms-transition: all .3s linear;-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;} .downlist .itema:hover{background:#f9c029} .downlist .itema:hover .title{color:#000} @media screen and (max-width:1200px){ .downlist .downlistul{gap:1.25rem;margin-bottom:3rem;} .downlist .itema{padding:2.5rem;} .downlist .itema .icon{width:3.5rem;margin-right:1.5rem;margin-left:0.5rem;} .downlist .itema .title{font-style:1rem;margin-right:3.5rem;} .downlist .itema .load{width: 2.25rem;right:2.5rem;} } @media screen and (max-width:1024px){ .downlist .downlistul{gap:1.125rem;margin-bottom:2.5rem;} .downlist .itema{padding:2rem;} .downlist .itema .icon{width:3rem;margin-right:2rem;margin-left:0.5rem;} .downlist .itema .title{font-style:1rem;margin-right:3.5rem;} .downlist .itema .load{width:2rem;right:2rem;} } @media screen and (max-width:767px){ .downlist .downlistul{gap:1rem;grid-template-columns:repeat(1,1fr);margin-bottom:2rem;} .downlist .itema{padding:1.5rem;} .downlist .itema .icon{width:3rem;margin-right:1.5rem;margin-left:0.5rem;} } /*faqlist*/ .faqlist{width:100%;} .faqlist .faqlistul{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem; margin-bottom:3.75rem;} .faqlist .item{display:block; width: 100%;} .faqlist .itema{display:block;position:relative;overflow:hidden;background-color:#f3f5f8;background-image:url("../images/faqbg.png");background-position:center bottom;background-repeat:no-repeat;background-size:100%;border-radius:0.625rem; padding:2.5rem 8.75rem 1.875rem 3.5rem;} .faqlist .itema .name{color:#000000;font-weight:normal;font-style:1.25rem;display:-webkit-box;text-overflow: ellipsis;line-clamp:1;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .faqlist .itema .desc{color:#5a616b;font-weight:300;font-style:1rem;display:-webkit-box;text-overflow: ellipsis;line-clamp:1;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;margin-top: 0.875rem;margin-bottom:3.75rem;} .faqlist .itema .date{font-size:1.125rem;color:#5a616b;line-height:3rem;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:300;} .faqlist .itema .moreB{position: absolute;right:2.5rem;bottom:1.875rem;} /*hover*/ .faqlist .itema,.faqlist .item,.faqlist .itema .title{-moz-transition: all .3s linear;-ms-transition: all .3s linear;-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;} .faqlist .itema:hover{background:#f9c029} .faqlist .itema:hover .title{color:#000} /*.faqlist*/ .faqlist .itema .moreB span:after{background:#fff;} .faqlist .itema:hover .moreB span{color:#332c2b;} .faqlist .itema:hover .moreB span:after{left:0;width:100%} @media screen and (max-width:1200px){ .faqlist .faqlistul{gap:1.25rem;margin-bottom:3rem;} .faqlist .itema{padding:2.5rem;} .faqlist .itema .icon{width:3.5rem;margin-right:1.5rem;margin-left:0.5rem;} .faqlist .itema .title{font-style:1rem;margin-right:3.5rem;} .faqlist .itema .load{width: 2.25rem;right:2.5rem;} } @media screen and (max-width:1024px){ .faqlist .faqlistul{gap:1.125rem;margin-bottom:2.5rem;} .faqlist .itema{padding:2rem;} .faqlist .itema .icon{width:3rem;margin-right:2rem;margin-left:0.5rem;} .faqlist .itema .title{font-style:1rem;margin-right:3.5rem;} .faqlist .itema .load{width:2rem;right:2rem;} } @media screen and (max-width:767px){ .faqlist .faqlistul{gap:1rem;grid-template-columns:repeat(1,1fr);margin-bottom:2rem;} .faqlist .itema{padding:1.5rem;} .faqlist .itema .icon{width:3rem;margin-right:1.5rem;margin-left:0.5rem;} } /*moreB*/ .moreB{box-sizing:border-box;position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;font-size: 0;line-height: 0;} .moreB span{overflow:hidden;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:0;letter-spacing:0;width:100%;height:100%;} .moreB span:before{content:"";position:absolute;top:50%;transition:border-color .6s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events:none;box-sizing:border-box;width:1rem;height:1rem;margin-top:-0.5rem;right:1.5625rem;background-size:100%;background-position: center center; background-repeat:no-repeat;background-image:url("../images/icon-s2.png");} .moreB span:hover:before{background-image:url("../images/icon-s.png")} .moreB span:after{content:"";width:0;height:100%;position:absolute;right:0;top:0;background:#332c2b;transition:width cubic-bezier(0.23,1,0.32,1) .8s;z-index:-1} .moreB span:hover:after{left:0;width:100%} .moreB span{position:relative;z-index:1;font-weight:normal;font-size:1rem;line-height:3rem; display: block; text-align: left;color:#332c2b;background:#f9c029;border-radius:2.75rem;min-width:7.875rem; padding-right:1.25rem;padding:0 1.375rem;} .moreB span:hover{color:#f9c029;} /*********************************about*********************************/ /*pagebanner3*/ .pagebanner3{ position: relative; overflow:hidden;padding-bottom:31.77083333333333%; } .pagebanner3 .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);}} .pagebanner3 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;} .pagebanner3 .tt .t2{ padding-left: 3rem;} @media screen and (max-width:1024px){ .pagebanner3{ padding-bottom:40%; } .pagebanner3 .tt .t2{ padding-left:2rem;margin-top: 0.5rem} } @media screen and (max-width:768px) { .pagebanner3{ padding-bottom:50%;min-height:15.625rem; } .pagebanner3 .tt .t2{ padding-left:2rem; margin-top: 0.5rem;} } /*videoBox*/ .videoBox{position:absolute;right:0;left:0;width:100%;height:100%;z-index:2;text-align: center;} /*videoBtn*/ .videoBtn{position:absolute;display: inline-block;left:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;text-align: center;} .videoBtn .icon-video{width:1.875rem;height:1.875rem;border-radius:50%;background:url('../images/icon-video.png') no-repeat center center; background-size:100%;background-color: rgba(255, 255, 255,0.06);margin:0 auto;} .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);}50%{opacity:1;-webkit-transform:scale(1.3);}} @keyframes h_scale{from{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.3);}} @media screen and (max-width:1200px) { .videoBtn .icon-video{width:1.5rem;height:1.5rem;} } @media screen and (max-width:1024px) { .videoBtn .icon-video{width:1.25rem;height:1.25rem;} } @media screen and (max-width:767px) { .videoBtn .icon-video{width:1.125rem;height:1.125rem;} } /*视频弹窗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{font-size: 0;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;} .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:767px){ .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;} } /*downlist*/ .yanfalist{width:100%;} .yanfalist .itemB{display:block; width: 100%;background-size:cover;background-position: center center; background-repeat:no-repeat;background-image:url("../images/page4bg.jpg");background-color:#f9f9f9; padding:8.5rem 0;} .yanfalist .item{display:block; width: 100%;} .yanfalist .itema{display:block;position:relative;overflow:hidden;background-color:#ffffff;border-radius:0.625rem;} /*num*/ .yanfalist .itema .num{position: relative;color:#cecece;line-height:1;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500; margin-bottom: 3.125rem;font-size:3.75rem;} .yanfalist .itema .num span{position:relative;display:inline-block;padding-right:1rem;} .yanfalist .itema .num span::after{content: '';width:0.5rem;height: 0.5rem;border-radius: 50%; position: absolute;bottom:0;right:0;background-color:#f9c029;} /*code*/ .yanfalist .itema .code img{width: 5.4375rem;margin-right:1.375rem; vertical-align: bottom;} .yanfalist .itema .code{color:#000000;font-weight:300;font-size:1rem;} /*title*/ .yanfalist .itema .title{display:block; height: 100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; padding:4.75rem 6rem 4.75rem 5rem;} .yanfalist .itema .titleB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%; width: 100%;flex-direction: column;} .yanfalist .itema .name{color:#000000;font-weight:300;font-size:1.625rem;line-height:1.5; margin-bottom: 1rem;} .yanfalist .itema .desc{color:#000000;font-weight:300;font-size:1.125rem;line-height: 1.875rem;margin-bottom:2rem;} /*ImgBox*/ .yanfalist .itema .ImgBox{overflow:hidden;height: 0;padding-bottom:59.47368421052632%; height: 100%;position:relative;} .yanfalist .itema .ImgBox>div{position:static!important;} .yanfalist .itema .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} /*hover*/ .yanfalist .item,.yanfalist .itema,.yanfalist .itema .ImgBox, .yanfalist .itema .ImgBox img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} .yanfalist .itema:hover .ImgBox img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);} .yanfalist .itema:hover{-webkit-transform:translateY(-1rem);transform:translateY(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);background-color:#f3f5f8;} /*box*/ .yanfalist .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%; width: 100%;} .yanfalist .itema{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:43.45% 56.55%;} /*nth-child(2n)*/ .yanfalist .item:nth-child(2n) .itema{direction:rtl;} .yanfalist .item:nth-child(2n) .itema .ImgBox{direction: ltr;} .yanfalist .item:nth-child(2n) .itema .title{direction: ltr;} @media screen and (max-width:1200px){ .yanfalist .itemB{padding:6rem 0;} .yanfalist .itema .num{margin-bottom:2.5rem;font-size:3rem;} .yanfalist .itema .title{padding:3rem 5rem 3rem 4rem;} .yanfalist .itema .name{font-size:1.5rem;line-height:1.5;} .yanfalist .itema .desc{font-size:1rem;line-height:1.5;} } @media screen and (max-width:1024px){ .yanfalist .itemB{padding:5rem 0;} .yanfalist .itema{display:grid;grid-template-columns:100%;} .yanfalist .itema .num{margin-bottom:2.5rem;font-size:2.75rem;} .yanfalist .itema .title{padding:3rem 2rem;} .yanfalist .itema .name{font-size:1.25rem;line-height:1.5;} .yanfalist .itema .desc{font-size:1rem;line-height:1.5;} .yanfalist .itema .code{font-size:0.875rem;} } @media screen and (max-width:767px){ .yanfalist .itemB{padding:4rem 0;} .yanfalist .itema .num{margin-bottom:2rem;font-size:2.5rem;} .yanfalist .itema .name{font-size:1.125rem;} .yanfalist .itema .desc{font-size:1rem;} } /************************pageNav2************************/ .pageNav2{position:relative;z-index:2;text-align:center; margin-bottom: 3rem;} .pageNav2 ul{margin:0 auto;font-size:0;line-height:0;} .pageNav2 li{display:inline-block;*display:inline;zoom:1;vertical-align:top;} .pageNav2 li a{position:relative;display:block;color:#000000; font-weight:300;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1rem;line-height:2.875rem;margin:0 0.5rem;padding:0 1.5625rem;border-radius: 2.875rem;} .pageNav2 li.active a{ background-color:#f9c029;} @media screen and (max-width:1024px){ .pageNav2{ margin-bottom:2rem;} .pageNav2 li a{font-size:1rem;line-height:2.875rem;margin:0 0.3rem;padding:0 1.25rem;} } @media screen and (max-width:768px){ .pageNav2{ margin-bottom:1.5rem;} .pageNav2 li a{font-size:0.875rem;line-height:2.5rem;margin:0 0.25rem;padding:0 1rem;} } @media screen and (max-width:640px){ .pageNav2 li a{padding:0 0.875rem;} } /*pageTit4*/ .pageTit4{color:#332c2b;font-weight:normal;text-align: center;font-size:1rem;line-height:1.5; margin-bottom:2rem;} .pageTit4 .tit{font-weight:normal;} .pageTit4 .tit span{ display:inline-block; padding-left:2.275rem;background-size:1.7rem;background-position:left center; background-repeat:no-repeat;background-image:url("../images/page-tit.png");font-size: 1.5rem;letter-spacing: 8px;} .pageTit4 .titbig{font-weight:normal;font-size:2.25rem;line-height:1.5;margin-top:1.5rem;} .pageTit4.white{color:#fff;} @media screen and (max-width:1200px){ .pageTit4{margin-bottom:2rem;} .pageTit4 .tit span{padding-left:1.875rem;background-size:1.375rem;} .pageTit4 .titbig{font-size:2rem;margin-top:1.5rem;} } @media screen and (max-width:1024px){ .pageTit4{margin-bottom:1.5rem;} .pageTit4 .tit span{padding-left:1.5rem;background-size:1.25rem;} .pageTit4 .titbig{font-size:1.75rem;margin-top:1.125rem;} } @media screen and (max-width:768px){ .pageTit4{margin-bottom:1.25rem;} .pageTit4 .titbig{font-size:1.5rem;margin-top:1rem;} } @media screen and (max-width:640px){ .pageTit4{margin-bottom:1rem;} .pageTit4 .titbig{font-size:1.25rem;margin-top:1rem;} } /*pageCertification swbtn*/ .pageCertification .allImgs{position:relative} .pageCertification .allImgs:after{content:"";height:1px;width:calc(100% - 10rem);background-color:rgba(194,169,143,.5);position:absolute;bottom:1.875rem;right:0} .pageCertification .swbtn{ text-align:left; position: relative; width:8.75rem;} .pageCertification .swbtn .mbtn{width: 3.75rem;height: 3.75rem;cursor:pointer;border-radius:50%;position:relative;overflow:hidden;transform:translateZ(0);background-color:#f9c029; left: 0;right: 0; display: inline-block; margin: 0;} .pageCertification .swbtn .mbtn.swiper-button-disabled{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;pointer-events:none;background-color:#e3e5e9;} .pageCertification .swbtn .mbtn.swiper-button-prev{ margin-right: 0.625rem;} @media screen and (max-width:1024px){ .pageCertification .swbtn .mbtn{width:3rem;height:3rem;} .pageCertification .swbtn .mbtn.swiper-button-prev{ margin-right: 0.5rem;} .pageCertification .swbtn{width:6.5rem;} .pageCertification .allImgs:after{bottom:1.5rem;width:calc(100% - 7rem);} } /*pageCertification*/ .pageCertification{width:100%;background:url("../images/page3bg.jpg") no-repeat;background-size:cover;padding-top:7.5rem;padding-bottom:5.625rem;overflow:hidden;} .pageCertification .allImgs{ position:relative; z-index:1; } .pageCertification .allImgs .swiper-container{position:relative;overflow: visible;margin-bottom:5rem;padding-top:3.875rem;} .pageCertification .allImgs .swiper-container .swiper-wrapper{width:100%} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide{ width: auto;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema{ width:auto;margin-right:3.75rem; max-width:400px;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.5rem;transition:all 600ms;position:relative; z-index:0;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic img{max-width:100%;object-fit:contain;max-height:100%;transition:all 600ms} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema .text{text-align:center;margin-top:2rem;position:relative; z-index: 3;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide-active .itema{opacity:1} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema:hover .pic img{box-shadow:0 2.5rem 2.5rem rgba(0,0,0,.3);} @media screen and (max-width:1200px){.pageCertification{padding-top:5rem;padding-bottom:4rem;} .pageCertification .allImgs .swiper-container{margin-bottom:4.5rem;padding-top:2.5rem;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema{margin-right:3rem;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic{height:12rem;} } @media screen and (max-width:1024px){.pageCertification{padding-top:4rem;padding-bottom:3rem;} .pageCertification .allImgs .swiper-container{margin-bottom:4rem;padding-top:2rem;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema{margin-right:2rem;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic{height:10rem;} } @media screen and (max-width:768px){.pageCertification{padding-top:3rem;padding-bottom:2rem;} .pageCertification .allImgs .swiper-container{margin-bottom:3rem;padding-top:1.5rem;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema{margin-right:1.5rem;} .pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic{height:8rem;} } /*active*/ .pageCertification .allImgs {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;} .pageCertification .allImgs.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;} /*pageHistory*/ .pageHistory{background:url(../images/histroybig.jpg) center center no-repeat #09102a; background-size:cover;min-height:55rem;overflow:hidden;align-items: center;padding-top:10rem;} .pageHistory .pageTit4{ padding:0 3%;} .pageHistory .pageHistoryCon{align-items:center; width:100%;justify-content:space-between;} .pageHistory .pageHistoryBOX{width:100%;position:relative;} .pageHistory .pageHistoryB{position:relative; margin-top: 5rem;padding:0 7.5rem;} .pageHistory .pageHistoryB:after{content:"";position:absolute;left:0;right:0;background:url(../images/line.png) center center no-repeat;width:120rem; left: 50%; margin-left:-60rem; height:3rem;top:7.5rem;} @media screen and (max-width:1200px){ .pageHistory{padding-top:9rem;min-height:50rem;} .pageHistory .pageHistoryB{margin-top:4rem;padding:0 5rem;} } @media screen and (max-width:1024px){ .pageHistory{padding-top:7rem;min-height:45rem;} .pageHistory .pageHistoryB{margin-top:3rem;padding:0 3rem;} } @media screen and (max-width:767px){ .pageHistory{padding-top:5rem;min-height:40rem;} .pageHistory .pageHistoryB{margin-top:2rem;padding:0 2rem;} } /*pageHistory_nav*/ .pageHistory_navB{position:absolute; left:0;right:0; width:100%; margin:0 auto;top:7.5rem;} .pageHistory_nav{position:relative;visibility:hidden; text-align:center;margin:0 auto;max-width: 75rem;} .pageHistory_nav.slick-initialized{visibility:visible} .pageHistory_nav .slick-slide{color:#000;font-size:0;position:relative;text-align:center;height:3rem;width:33.3333%;} .pageHistory_nav .slick-slide:before{display:inline-block;content:"";position:relative;background-color:#fff;border-radius:50%;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) 0.25s;width:0.4375rem;height:0.4375rem;top:50%;transform: translateY(-50%);} .pageHistory_nav .slick-slide i{ display:none;} .pageHistory_nav .slick-slide.slick-current:before{background-color:#fff;box-shadow:0 0 0.3125rem 0.125rem #fff} /*pageHistory_yearB*/ .pageHistory_yearB{ position:absolute; left:0;right:0; width:100%; margin:0 auto;top:0;padding:0;} .pageHistory_year{position:relative;visibility:hidden; text-align:center;margin:0 auto;max-width: 75rem;} .pageHistory_year.slick-initialized{visibility:visible} .pageHistory_year .slick-slide{line-height:6.25rem;height:6.25rem; overflow: hidden;color:#f9c029;visibility:visible;position:relative;text-align:center;display:inline-block;-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;font-size:3.75rem;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500;width:33.3333%; vertical-align:bottom;} .pageHistory_year .slick-slide.slick-current{font-size: 5rem;} .pageHistory_year .slick-slide span{line-height: 1; display:inline-block; vertical-align:bottom;} @media screen and (max-width:1200px){ .pageHistory_year .slick-slide{font-size:3rem;} .pageHistory_year .slick-slide.slick-current{font-size:4rem;} } @media screen and (max-width:1024px){ .pageHistory_year .slick-slide{font-size:2rem;} .pageHistory_year .slick-slide.slick-current{font-size:3rem;} } @media screen and (max-width:767px){ .pageHistory_year .slick-slide{font-size:1.5rem;} .pageHistory_year .slick-slide.slick-current{font-size:2.5rem;} } /*pageHistory_content*/ .pageHistory_content{position:static;margin:0 auto;max-width: 75rem;} .pageHistory_content .slick-list{margin:0 auto;} .pageHistory_content .history-slide{ text-align:center;} .pageHistory_content .title{position:relative;text-align:center;color:#eadcc7; font-weight:300;line-height:6.25rem;padding-bottom:6.875rem;visibility:hidden;} .pageHistory_content .H_txt{line-height:2;font-weight:300; color:#fff;padding-top:0.625rem;min-height:7.5rem; max-width:37.5rem; margin: 0 auto;} .pageHistory_content .H_txt strong{font-weight:400;color:#eadcc7;} /*pageHistory_content Arrows */ .pageHistory_content .slick-next, .pageHistory_content .slick-prev{position:absolute;border-radius:50%;border:none;text-align:center;font-size:0;color:#fff;z-index: 5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center; background-color:transparent; cursor:pointer;margin-top:0;width:3rem;height:3rem;top:7.5rem; background-color:#f9c029;background-size:0.625rem;} .pageHistory_content .slick-next, .pageHistory_content .slick-prev{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .pageHistory_content .slick-prev{left:7.5rem;background-image: url("../images/arrow-left2.png");} .pageHistory_content .slick-next{right:7.5rem;background-image: url("../images/arrow-right2.png");} .pageHistory_content .slick-prev.slick-disabled, .pageHistory_content .slick-next.slick-disabled{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;cursor:default;} @media screen and (max-width:1200px){ .pageHistory_content .slick-prev{left:3rem;} .pageHistory_content .slick-next{right:3rem;} } @media screen and (max-width:1024px){ .pageHistory_content .slick-prev{left:0rem;} .pageHistory_content .slick-next{right:0rem;} } @media screen and (max-width:767px){ .pageHistory_content .slick-prev{left:0rem;} .pageHistory_content .slick-next{right:0rem;} } /*pageHistory_content slick-dots*/ .pageHistory_content .slick-dots{line-height:0;width:100%;text-align:center;margin:30px auto 0;display:none!important;} .pageHistory_content .slick-dots > li{display:inline-block;vertical-align:middle;padding:0 8px;line-height:0;} .pageHistory_content .slick-dots > li > button{ cursor:pointer;display:inline-block;vertical-align:middle;background:none;border:none;width:16px;height:16px;border-radius:50%;border:1px solid #fff; background-color:transparent;margin:0;padding:0;transform:rotate(45deg);overflow:hidden;text-indent:-9999px;line-height:1} .pageHistory_content .slick-dots > li.slick-active > button{background-color:#fff;} /*pageTit2*/ .pageTit2{color:#332c2b;font-weight:normal;text-align:left;font-size:1rem;line-height:1.5; margin-bottom:2rem;} .pageTit2 .tit{font-weight:normal;} .pageTit2 .tit span{ display:inline-block; padding-left:1.875rem;background-size:1.375rem;background-position:left center; background-repeat:no-repeat;background-image:url("../images/page-tit.png");} .pageTit2 .titbig{font-weight:normal;font-size:1.625rem;line-height:1.5;margin-top:1.5rem;} .pageTit2.white{color:#fff;} @media screen and (max-width:1200px){ .pageTit2{margin-bottom:2rem;} .pageTit2 .tit span{padding-left:1.875rem;background-size:1.375rem;} .pageTit2 .titbig{font-size:1.25rem;margin-top:1.5rem;} } @media screen and (max-width:1024px){ .pageTit2{margin-bottom:1.5rem;} .pageTit2 .tit span{padding-left:1.5rem;background-size:1.25rem;} .pageTit2 .titbig{font-size:1.125rem;margin-top:1.125rem;} } @media screen and (max-width:768px){ .pageTit2{margin-bottom:1.25rem;} } /*pageAbout2*/ .pageAbout1{ position:relative; width:100%; padding:7.5rem 0;overflow: hidden;} .pageAbout1 .pageAbout1B{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items:flex-start;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:49% 51%;} /*pageAboutbg*/ .pageAbout1 .pageAboutbg{height: 100%; width: 100%;} .pageAbout1 .pageAboutbg .pageAboutbgB{ position: relative;width:100%; height:0; padding-bottom:56.20608899297424%;} .pageAbout1 .pageAboutbg .pageAboutbgB>div{ position:static!important;} .pageAbout1 .pageAboutbg img{display:block;position:absolute;top:0;left:0;z-index:3;width:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;} /**/ .pageAbout1 .pageAboutNr{position:relative; z-index:1} .pageAbout1 .left{width:90%;} .pageAbout1 .left .des{font-size:1.125rem;line-height:2rem; color: #1f2123; font-weight: 300;} .pageAbout1 .left .desB{position: relative;overflow: hidden;} @media screen and (max-width:1200px){ .pageAbout1 .pageAbout1B{grid-template-columns:100%;} .pageAbout1 .left{width:100%;} .pageAbout1 .pageAboutNr{ margin-bottom: 50px;} .pageAbout1 .left .des{font-size:1rem;} .pageAbout1{ padding:6rem 0;} } @media screen and (max-width:1024px){ .pageAbout1{ padding:5rem 0;} } @media screen and (max-width:1024px){ .pageAbout1{ padding:4rem 0;} } /*read-more*/ #gradient{width: 100%;position: absolute;bottom:2.9375rem;left: 0;background: -moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0)); height:12.5rem;pointer-events: none; display:none;} #read-more{padding:0 0;text-align:left;position:relative;} #read-more a{display:inline-block;font-size:0.9375rem;padding:0.75rem 2.0625rem;line-height:1.375rem;text-decoration: none;color:#000000; position:relative;background: #fff;color: #000000;border: 1px solid #000000;border-radius: 2.9375rem;transition: all 0.5s;vertical-align: middle; margin-top:1.875rem;} #read-more a i{ position: relative;display:inline-block; width:1.375rem;height:1.375rem;background: url(../images/icon-p.png) center center no-repeat; background-size:0.75rem;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s; 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); background-image:url(../images/icon-p2.png);} #read-more a:hover{color: #000;} /*pageAboutlist*/ .pageAboutlist{position:relative;padding-top:2.5rem;padding-bottom:2.5rem;} .pageAboutlist .shulist{position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items:flex-start;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:1fr 1fr 1fr;} .pageAboutlist .shulist .shu{display:block; text-align:center; padding:0 0.9375rem;} .pageAboutlist .shulist .shu .item{position:relative;display:block; padding-left:3.125rem;padding-right:3.125rem;} .pageAboutlist .shulist .shu .item{flex:1 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .pageAboutlist .shulist .shu h2{font-size:1.0625rem;color:#000000;font-weight:300;vertical-align:bottom;} .pageAboutlist .shulist .shu h2 strong{display:inline-block;vertical-align:bottom;color:#1f2123;font-size:3.125rem;line-height:1;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500; padding-left:1.875rem;background-size:1.375rem;background-position:left 97%; background-repeat:no-repeat;background-image:url("../images/page-tit.png");} .pageAboutlist .shulist .shu h2 span{display:inline-block;line-height:1;vertical-align:bottom;} .pageAboutlist .shulist .shu h2 .p{ vertical-align: top;font-size:1.875rem;line-height:1;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500; margin-left:0.375rem;margin-left:0.375rem;} .pageAboutlist .shulist .shu .txt{font-size:0.9375rem;color:#1f2123;font-weight:300;line-height:1.3; margin-top:0.75rem;} @media screen and (max-width:1200px) { .pageAboutlist{padding-top:0rem;padding-bottom:2.5rem;} } @media screen and (max-width:768px) { .pageAboutlist .shulist{grid-template-columns:1fr;grid-gap:3rem;} } /*pageAbout3*/ .pageAbout3{padding-top:7.5rem;padding-bottom:6.25rem;background:url(../images/pagebg.jpg) center bottom no-repeat #fff; background-attachment: fixed; background-size:100%;overflow: hidden;} .pageAbout3 .pageAboutB{position:relative;} .pageAbout3 .pageAboutNr{width:50vw;position:relative; z-index: 2;margin-bottom:5rem;} .pageAbout3 .pageAboutNr .left{padding-left:6.25vw;padding-right:6.25vw;padding-top:4.5rem;padding-bottom:7.5rem;background-color: #fff4d6;border-radius:0 0.625rem 0.625rem 0;} /*pageAboutbg*/ .pageAbout3 .pageAboutbg{width:56.25vw; position: absolute;top:5rem;left:43.75%; z-index: 1;} .pageAbout3 .pageAboutbg .pageAboutbgB{ position: relative;width:100%; height:0; padding-bottom:59.25925925925926%;border-radius:0.625rem 0;} .pageAbout3 .pageAboutbg .pageAboutbgB>div{ position:static!important;} .pageAbout3 .pageAboutbg img{display:block;position:absolute;top:0;left:0;z-index:3;width:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;} @media screen and (max-width:1200px) {.pageAbout3{padding-top:3rem;padding-bottom:2rem;} .pageAbout3 .pageAboutNr{width:90%; } .pageAbout3 .pageAboutbg{width:90vw; position: relative;top:-3rem;left:0;margin-left:10vw; z-index: 1;} .pageAbout3 .pageAboutNr{margin-bottom:0;} .pageAbout3 .pageAboutNr .left{padding-left:3vw;padding-right:3vw;padding-top:3rem;padding-bottom:4rem;} } @media screen and (max-width:767px) { .pageAbout3 .pageAboutNr .left{padding-top:2rem;padding-bottom:3rem;} } /*culturelist*/ .culturelistB{position:relative; } .culturelist{padding-top:3.125rem;} .culturelist .item{display:block; text-align:center;} .culturelist .item .itema{position:relative;display:block; padding:1.25rem 0; margin-bottom:1.25rem;border-bottom: 1px solid #fcd978;} .culturelist .item .itema{flex:1 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%; align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:36% 64%;} .culturelist .item .tt{font-size:1.375rem;line-height:1.625rem;color:#000000;font-weight:normal;vertical-align:bottom; text-align: left;} .culturelist .item .txt{font-size:1rem;color:#332c2b;font-weight:normal;line-height:1.625rem;padding-left:1.25rem;background-size:0.625rem;background-position:left center; background-repeat:no-repeat;background-image:url("../images/icon-y.png");text-align: left;} @media screen and (max-width:1200px) { .culturelist{padding-top:2rem;} .culturelist .item .tt{font-size:1.25rem;} .culturelist .item .txt{font-size:1rem;} } @media screen and (max-width:1024px) { .culturelist .item .tt{font-size:1.125rem;} .culturelist .item .txt{font-size:1rem;} } /*********************************contact*********************************/ .pageContact{padding:8.75rem 0;background:url(../images/contact-ditubg.jpg) center bottom no-repeat #edf1f4;background-size:100% 100%; position:relative;} .pageContact .contactpic{position:absolute;left:0; top:0;bottom:0;width:100%;background-position:right center;background-repeat:no-repeat; height: 100%;background-size:50% 100%; } .pageContact .pageoffice{ position: relative; z-index: 2; width: 66.07142857142857%;} .pageContact .pageoffice .officeBox{ background-color: #5a616b;border-radius: 0.625rem;} .pageContact .pageoffice .officeBox .officeB{padding:4.375rem;width:100%;height: 100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .pageContact .pageoffice .officeBox .officeB:nth-child(2){border-left: 1px solid #7b8189;} .pageContact .pageoffice .officeBox{flex:1 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items:flex-start;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:50% 50%;} .pageContact .pageoffice .officeBox .officeB .tbig{font-size:1.75rem;font-weight: normal;line-height:1.3;color:#fff;text-align:left;margin-bottom:4.375rem; margin-top:1.25rem;} .pageContact .pageoffice .officeBox .officeB .t{font-size:1.125rem;font-weight:300;line-height:1.3;color:#fff;text-align:left;padding-left:1.25rem;background-size:0.625rem;background-position:left center; background-repeat:no-repeat;background-image:url("../images/icon-f.jpg"); margin-bottom: 0.375rem; margin-top: 2.5rem;} .pageContact .pageoffice .officeBox .officeB .des{font-size:1.25rem;color:#fff;font-weight:300;line-height:1.5;text-align: left;} .pageContact .pageoffice .officeBox .officeB .des strong{display: inline-block;vertical-align:middle;font-size:1.75rem;font-family:'Oswald', "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:500;} .pageContact .pageoffice .officeBox .officeB .des em{position: relative;line-height:1.5;display: inline-block;vertical-align:middle;font-size:1rem;line-height:1;font-style: normal} .pageContact .pageoffice .officeBox .officeB .des img{ width:8.25rem; margin-top: 0.625rem;} @media screen and (max-width:1200px) {.pageContact{padding:7rem 0 0 0;} .pageContact .pageoffice{ position: relative; z-index: 2; width:100%;} .pageContact .contactpic{position:relative;width:100%;background-position:right center;background-repeat:no-repeat; height:0; padding-bottom:60%;background-size:100%; } .pageContact .pageoffice .officeBox .officeB{padding:3rem;} .pageContact .pageoffice .officeBox .officeB .tbig{font-size:1.75rem;margin-bottom:4.375rem; margin-top:1.25rem;} .pageContact .pageoffice .officeBox .officeB .t{font-size:1.125rem;margin-bottom: 0.375rem; margin-top: 2.5rem;} .pageContact .pageoffice .officeBox .officeB .des{font-size:1.25rem;} .pageContact .pageoffice .officeBox .officeB .des strong{font-size:1.75rem;} .pageContact .pageoffice .officeBox .officeB .des em{font-size:1rem;} .pageContact .pageoffice .officeBox .officeB .des img{ width:8.25rem;margin-top: 0.625rem;} } @media screen and (max-width:1024px) {.pageContact{padding:5rem 0 0 0;} .pageContact .pageoffice .officeBox{grid-template-columns:100%;} .pageContact .pageoffice .officeBox .officeB .tbig{font-size:1.5rem;margin-bottom:3rem; margin-top:1.25rem;} .pageContact .pageoffice .officeBox .officeB .t{font-size:1rem;margin-bottom: 0.375rem; margin-top: 2rem;} .pageContact .pageoffice .officeBox .officeB .des{font-size:1.125rem;} .pageContact .pageoffice .officeBox .officeB .des strong{font-size:1.5rem;} .pageContact .pageoffice .officeBox .officeB .des em{font-size:1rem;} .pageContact .pageoffice .officeBox .officeB .des img{ width:8.25rem;margin-top: 0.625rem;} .pageContact .pageoffice .officeBox .officeB:nth-child(2){border-left:none;border-top: 1px solid #7b8189;} } @media screen and (max-width:768px) {.pageContact{padding:4rem 0 0 0;} .pageContact .pageoffice .officeBox .officeB{padding:3rem;} .pageContact .pageoffice .officeBox .officeB .tbig{font-size:1.25rem;margin-bottom:3rem; margin-top:1.25rem;} .pageContact .pageoffice .officeBox .officeB .t{font-size:1rem;margin-bottom: 0.375rem; margin-top: 2rem;} .pageContact .pageoffice .officeBox .officeB .des{font-size:1.125rem;} .pageContact .pageoffice .officeBox .officeB .des strong{font-size:1.25rem;} .pageContact .pageoffice .officeBox .officeB .des em{font-size:1rem;} .pageContact .pageoffice .officeBox .officeB .des img{ width:8.25rem;margin-top: 0.625rem;} } /*pageFeedback*/ .pageFeedback{padding:7.5rem 0 6.25rem 0;background:url(../images/contactfbbg.jpg) center bottom no-repeat #edf1f4;background-size:100% 100%; position:relative; background-attachment: fixed;} .pageFeedback .feedbackBox{ background:none;} @media screen and (max-width:1200px) { .pageFeedback{padding:6rem 0 5rem 0;background-attachment:inherit;} } @media screen and (max-width:1024px) { .pageFeedback{padding:5rem 0 4rem 0;} } @media screen and (max-width:767px) { .pageFeedback{padding:4rem 0 3rem 0;} } /*pageNetwork*/ .pageNetwork{padding:7.5rem 0 6.25rem 0;} @media screen and (max-width:1200px) { .pageNetwork{padding:6rem 0 5rem 0;} } @media screen and (max-width:1024px) { .pageNetwork{padding:5rem 0 4rem 0;} } @media screen and (max-width:767px) { .pageNetwork{padding:4rem 0 3rem 0;} } /*ppageMap*/ .pageMap{width:100%;position:relative; margin-top:5rem;} .pageMap .mapImg{display:block;margin:0 auto;width:100%} .pageMap .dot{position:absolute;left:0;right:0;margin:auto;top:0;width:100%;margin:0 auto;z-index:5} .pageMap .ripple{position:absolute;left:0;right:0;margin:auto;height:100%;width:100%;top:0;margin:0 auto;z-index:2} .pageMap .ripple>span{position:absolute;left:71%;top: 34%;;transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);width:15.625rem;height:15.625rem;border-radius:50%;line-height:15.625rem;text-align:center;opacity:.2;background-color:#f9c029;-webkit-animation:ripple 5s ease-in-out infinite;animation:ripple 5s ease-in-out infinite} .pageMap .ripple>span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s} .pageMap .ripple>span:nth-of-type(2){-webkit-animation-delay:1.4s;animation-delay:1.4s} .pageMap .ripple>span:nth-of-type(3){-webkit-animation-delay:3s;animation-delay:3s} @-webkit-keyframes ripple{0%{transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);opacity:.2} 100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:0} } @keyframes ripple{0%{transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);opacity:.2} 100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:0} } @media screen and (max-width:1200px) {.pageMap{margin-top:4rem;} .pageMap .ripple>span{position:absolute;left:63%;top:17%;width:12rem;height:12rem;line-height:12rem;} } @media screen and (max-width:1024px) {.pageMap{margin-top:3rem;} .pageMap .ripple>span{position:absolute;left: 51%;top: -4%;width:50vw;height:50vw;line-height:50vw;} } @media screen and (max-width:768px) {.pageMap{margin-top:2rem;} .pageMap .ripple>span{position:absolute;left: 51%;top: -4%;width:50vw;height:50vw;line-height:50vw;} } /*pageFeedback*/ .pageSocial{padding-top:4.375rem;} /* pageShareBox */ .pageShareBox{flex:1 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items:flex-start;border-top: 1px solid #d2d2d2; margin-top:3.75rem;display:grid;grid-template-columns:50% 50%;} .pageShareBox .pageShareB{padding:4.375rem 1rem;width:100%;height: 100%;display:flex;align-items: center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;flex-direction: column;min-height: 27.5rem;} .pageShareBox .pageShareB:nth-child(2){background-color: #dadcdf;} @media screen and (max-width:1200px) {.pageSocial{padding-top:3rem;} .pageShareBox{grid-template-columns:100%;} .pageShareBox .pageShareB{min-height:15rem;padding:4rem 0.5rem;} } @media screen and (max-width:1024px) {.pageSocial{padding-top:2rem;} .pageShareBox{grid-template-columns:100%;} .pageShareBox .pageShareB{min-height:15rem;padding:4rem 0.5rem;} } /*shareList*/ .shareList{display:inline-block;flex:1 1; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center; flex-wrap: wrap;} .pageShareBox .pageShareB:nth-child(2) .shareList{display: grid;grid-template-columns: repeat(4, 1fr);max-width: 23.75rem;} .shareList .item{display:block; text-align:center;} .shareList .item .itema{position:relative;display:block;padding:1rem 0;border-radius:0.625rem; width:6.25rem;} .shareList .item .t{font-size:1rem;line-height:1.5;color:#000000;font-weight:300;text-align:center; margin-top: 0.875rem;} .shareList .item .ico img{ width:3.9375rem;height:3.9375rem;border-radius:0.625rem} .shareList .item .ico{ text-align: center;} /*hover*/ .shareList .item,.shareList .item .itema,.shareList .item .ico, .shareList .item .ico img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} .shareList .itema:hover .ico img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);border-radius: 50%;} .shareList .itema:hover{-webkit-transform:translateY(-0.25rem);transform:translateY(-0.25rem);box-shadow: 0 10px 20px rgba(0,0,0,.2);background-color:#f3f5f8;} @media screen and (max-width:1200px) { .shareList .item .itema{padding:0.625rem 0.25rem; width:6rem;} .shareList .item .ico img{ width:3rem;height:3rem;} } @media screen and (max-width:1024px) { .shareList .item .itema{padding:0.625rem 0.25rem; width:5rem;} .shareList .item .t{font-size:0.875rem;line-height:1.5;color:#000000;font-weight:300;text-align:center; margin-top: 0.875rem;} .shareList .item .ico img{ width:2.5rem;height:2.5rem;} } @media screen and (max-width:767px) { .shareList .item .itema{padding:0.35rem 0.25rem; width:auto;min-width:3.5rem;} .shareList .item .t{font-size:0.875rem;line-height:1.5;color:#000000;font-weight:300;text-align:center; margin-top: 0.875rem;} .shareList .item .ico img{ width:2.5rem;height:2.5rem;} } /*solutionList*/ .solutionList{margin:0 auto; overflow:hidden; position: relative;padding: 6.25rem 0;} .solutionList ul{ font-size:0;margin:0 -0.9375rem;} .solutionList .item{ display:inline-block;*display:inline;zoom:1;width:33.3333333%;vertical-align:top;} .solutionList .itema{display:block;margin:0 0.9375rem; position:relative;overflow:hidden;border-radius:0.625rem;background:#fff;} .solutionList .ImgBox{overflow:hidden;padding-bottom:51.85185185185185%; position:relative;border-radius:1.25rem;} .solutionList .ImgBox>div{position:static!important;} .solutionList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .solutionList .title{padding-top:1.875rem;} .solutionList .title .des{font-size:1rem;color:#6a6a6a; font-weight: normal;line-height:1.5rem;height:3rem;margin-bottom:2.125rem;display:-webkit-box;text-overflow: ellipsis;line-clamp:2;-webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden;} .solutionList .title .t{font-size:1.25rem;color:#332c2b; font-weight: normal;line-height:1.75rem;display:-webkit-box;text-overflow: ellipsis;line-clamp:1;-webkit-line-clamp:1; -webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.75rem;} .solutionList .title .m{display:inline-block;font-size:1rem;color:#332c2b;line-height:2.9375rem; padding:0 1.625rem; background-color:#f9c03b;border-radius:2.9375rem;} .solutionList .title .m span{display:inline-block;padding-right:2.25rem;background:url("../images/icon-s2.png") right center no-repeat;background-size:1rem;} /*hover*/ .solutionList .itema,.solutionList .title:after,.solutionList .title .t,.solutionList .title .m span,.solutionList .title .m, .solutionList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .solutionList .itema:hover .title .t{color:#000;} .solutionList .itema: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);} .solutionList .itema:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} .solutionList .title .m:hover{background-color:#332c2b;color:#f9c03b;} .solutionList .title .m:hover span{ background-image:url("../images/icon-s.png");} @media screen and (max-width:1200px){ .solutionList{padding:5rem 0;} } @media screen and (max-width:1024px){ .solutionList{padding:4rem 0;} .solutionList .item{ width:33.333333%;} .solutionList ul{margin:0 -0.5rem;} .solutionList .itema{margin:0 0.5rem;} .solutionList .title{padding-top:1.5rem;} .solutionList .title .t{font-size:1.125rem;} } @media screen and (max-width:767px){ .solutionList .item{ width:50%;} .solutionList .title{padding-top:1.25rem;} .solutionList .title .t{font-size:1rem;} .solutionList .title .des{font-size:0.875rem;margin-bottom:2rem;} .solutionList .title .m{font-size:0.875rem;} } @media screen and (max-width:640px){ .solutionList .item{ width:66.66666666666667%;} } @media screen and (max-width:370px){ .solutionList{padding:3rem 0;} .solutionList .item{ width:100%;} } /*pageSolution*/ .pageSolution {font-size:1.125rem;line-height:1.5;color:#000000;font-weight:300;padding:2.5rem 0 3.75rem 0;} .pageSolution h3 {font-size:1.875rem;font-weight:normal;margin-bottom:1.75rem;} .pageSolution h4 {font-size:1.375rem;font-weight:normal;margin-bottom:1.75rem;} .pageSolution h5 {font-size:1.25rem;font-weight:normal;margin-bottom:1.25rem;} .pageSolution img {max-width:100%;height:auto;} @media screen and (max-width:1200px){ .pageSolution {font-size:1rem;padding:2.5rem 0 3.75rem 0;} .pageSolution h3 {font-size:1.5rem;margin-bottom:1.5rem;} .pageSolution h4 {font-size:1.25rem;margin-bottom:1.5rem;} .pageSolution h5 {font-size:1.125rem;margin-bottom:1.125rem;} } @media screen and (max-width:767px){ .pageSolution {font-size:0.875rem;padding:2.5rem 0 3rem 0;} .pageSolution h3 {font-size:1.25rem;margin-bottom:1rem;} .pageSolution h4 {font-size:1.125rem;margin-bottom:1rem;} .pageSolution h5 {font-size:1rem;margin-bottom:1rem;} } /* sTable */ .sTable td{ padding:3% 3%; vertical-align:top; } @media screen and (max-width:767px){ .sTable td{ display:block; width:100%; padding:3% 0;} } /*********************************pageService*********************************/ /*pageServiceBox1*/ .pageServiceBox1 .pageTit{ margin: 9.375rem auto;} .pageServiceBox1 .pageTit .tit span{ padding-left: 6.875rem;background-image:url("../images/page-tit.png");background-position:left center;background-repeat:no-repeat; background-size:6rem;min-height: 4.375rem; display:inline-block; text-align: left;} .pageServiceBox1 .des a strong{ font-size: 1.5rem; font-weight: 500; color: #000;} @media screen and (max-width:1200px){ .pageServiceBox1 .pageTit{ margin: 7rem auto;} .pageServiceBox1 .pageTit .tit span{ padding-left:6rem;background-size:5rem;min-height:3.5rem; } } @media screen and (max-width:1024px){ .pageServiceBox1 .pageTit{ margin: 5rem auto;} } @media screen and (max-width:767px){ .pageServiceBox1 .pageTit{ margin: 4rem auto;} .pageServiceBox1 .pageTit .tit span{ padding-left:4rem;background-size:3rem;min-height:2.5rem; } } /*pageServiceBox2*/ .pageServiceBox2{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-image:url("../images/service2-bg2.jpg");background-position:center center;background-repeat:no-repeat; background-attachment: fixed; background-size:cover;} @media screen and (max-width:1200px){ .pageServiceBox2{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;} } @media screen and (max-width:1024px){ .pageServiceBox2{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:767px){ .pageServiceBox2{padding-top:3rem;padding-bottom:2rem;} } /*pageServiceBox2SW*/ .pageServiceBox2SWB{position: relative;padding-bottom:1.875rem;padding-top:3.125rem;} .pageServiceBox2SW{font-size:0;margin:0 -0.625rem;} .pageServiceBox2SW .item{ display:block;float:left;width:33.33333%;} .pageServiceBox2SW .itema{display:block;text-align: center;margin:0 0.625rem;padding:3.75rem 2.875rem;position:relative;overflow:hidden;border-radius:1.625rem 0.625rem 1.625rem 0.625rem; background-color: #fff;background-image:url("../images/service2-wzbg.jpg");background-position:center center;background-repeat:no-repeat; background-size:100%;min-height:22.5rem;} .pageServiceBox2SW .itema{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center; flex-direction: column; flex-wrap: wrap;} .pageServiceBox2SW .title{font-size:1.125rem;line-height:1.5rem;color:#000000;font-weight:300;} .pageServiceBox2SW .ico img{ width:4.375rem;height:4.375rem; margin-bottom:4.375rem;} .pageServiceBox2SW .ico{ text-align: center;} /*hover*/ .pageServiceBox2SW .itema{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} .pageServiceBox2SW .itema:hover{transform:translateY(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);background-color:#f3f5f8;} @media screen and (max-width:1200px){ .pageServiceBox2SWB{padding-bottom:1.875rem;padding-top:2rem;} .pageServiceBox2SW{margin:0 -0.5rem;} .pageServiceBox2SW .itema{margin:0 0.5rem;min-height:20rem;} .pageServiceBox2SW .itema{padding:3rem 2.5rem;border-radius:1.25rem 0.625rem;} .pageServiceBox2SW .title{font-size:1rem;} .pageServiceBox2SW .ico img{ width:3.375rem;height:3.375rem; margin-bottom:3.375rem;} } @media screen and (max-width:1024px){ .pageServiceBox2SW .item{ width:33.333333%;} .pageServiceBox2SW{margin:0 -0.5rem;} .pageServiceBox2SW .itema{margin:0 0.5rem;min-height:18rem;} .pageServiceBox2SW .itema{padding:3rem 1.5rem;border-radius:1.25rem 0.625rem;} .pageServiceBox2SW .ico img{ width:3rem;height:3rem; margin-bottom:3rem;} } @media screen and (max-width:767px){ .pageServiceBox2SW .item{ width:50%;} .pageServiceBox2SW{margin:0 -0.5rem;} .pageServiceBox2SW .ico img{ width:2..5rem;height:2.5rem; margin-bottom:2.5rem;} } /*.pageServiceBox2SW swiper-wrapper*/ .pageServiceBox2SW .swiper-slide{width:33.333333%;} /* @media screen and (max-width:1024px){ .pageServiceBox2SW .swiper-slide{width:50%;} } @media screen and (max-width:767px){ .pageServiceBox2SW .swiper-slide{width:66.66666666666667%;} } @media screen and (max-width:430px){ .pageServiceBox2SW .swiper-slide{width:76.92307692307692%;} } @media screen and (max-width:370px){ .pageServiceBox2SW .swiper-slide{width:100%;} } */ /*pageServiceBox3*/ .pageServiceBox3{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-position:center center;background-repeat:no-repeat; background-attachment: fixed; background-size:cover;} @media screen and (max-width:1200px){ .pageServiceBox3{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;} } @media screen and (max-width:1024px){ .pageServiceBox3{padding-top:4rem;padding-bottom:3rem;} } @media screen and (max-width:767px){ .pageServiceBox3{padding-top:3rem;padding-bottom:2rem;} } /*pageServiceBox1SW*/ .pageServiceBox3SWB{position: relative;padding-bottom:1.875rem;padding-top:3.125rem;} .pageServiceBox3SW{font-size:0;margin:0 -0.625rem;} .pageServiceBox3SW .item{ display:block;float:left;width:33.33333%;} .pageServiceBox3SW .itema{display:block;text-align: center;margin:0 0.625rem;padding:5rem 2.875rem 2.875rem 2.875rem;position:relative;overflow:hidden;border-radius:0.625rem; background-color: #f9c029;background-position:center center;background-repeat:no-repeat; background-size:100%;min-height:22.5rem;} .pageServiceBox3SW .itema{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column; flex-wrap: wrap;} .pageServiceBox3SW .title{font-size:1.125rem;line-height:1.5rem;color:#000000;font-weight:normal; margin-bottom: 1.25rem;} .pageServiceBox3SW .desc{font-size:1rem;line-height:1.5rem;min-height:3rem;color:#000000;font-weight:300;} .pageServiceBox3SW .ico img{ width:4.375rem;height:4.375rem; margin-bottom:2rem;} .pageServiceBox3SW .ico{ text-align: center;} /*hover*/ .pageServiceBox3SW .itema{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} .pageServiceBox3SW .itema:hover{transform:translateY(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);} @media screen and (max-width:1200px){ .pageServiceBox3SWB{padding-top:2rem;padding-bottom:1.5rem;} .pageServiceBox3SW{margin:0 -0.5rem;} .pageServiceBox3SW .itema{margin:0 0.5rem;min-height:20rem;} .pageServiceBox3SW .itema{padding:3rem 2.5rem;border-radius:1.25rem 0.625rem;} .pageServiceBox3SW .title{font-size:1rem;} .pageServiceBox3SW .desc{font-size:0.875rem;} .pageServiceBox3SW .ico img{ width:3.375rem;height:3.375rem; margin-bottom:1.5rem;} } @media screen and (max-width:1024px){ .pageServiceBox3SWB{padding-top:1.5rem;padding-bottom:1rem;} .pageServiceBox3SW{margin:0 -0.5rem;} .pageServiceBox3SW .item{ width:50%;} .pageServiceBox3SW .itema{margin:0 0.5rem;min-height:18rem;} .pageServiceBox3SW .itema{padding:3rem 1.5rem;border-radius:1.25rem 0.625rem;} .pageServiceBox3SW .ico img{ width:3rem;height:3rem; margin-bottom:1.25rem;} } @media screen and (max-width:767px){ .pageServiceBox3SW .item{ width:100%;} .pageServiceBox3SW{margin:0 -0.5rem;} .pageServiceBox3SW .ico img{ width:2..5rem;height:2.5rem; margin-bottom:1.5rem;} } /*.pageServiceBox3SW swiper-wrapper*/ /* .pageServiceBox3SW .swiper-slide{width:33.333333%;} @media screen and (max-width:1024px){ .pageServiceBox3SW .swiper-slide{width:50%;} } @media screen and (max-width:767px){ .pageServiceBox3SW .swiper-slide{width:66.66666666666667%;} } @media screen and (max-width:430px){ .pageServiceBox3SW .swiper-slide{width:76.92307692307692%;} } @media screen and (max-width:370px){ .pageServiceBox3SW .swiper-slide{width:100%;} } */ /*pageProBox5*/ .pageServiceBox4{position:relative;overflow:hidden;background-color:#ddecf6;padding-top:3rem;padding-bottom:6.25rem;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:url("../images/sevice2-bg3.jpg"); background-attachment: fixed;} .pageServiceBox4B{ padding-top: 1.875rem; text-align: center;} .pageServiceBox4B .pic { margin-bottom:6.875rem;} .pageServiceBox4B .pic img{animation:rotate22 4000ms infinite ease-in-out;transform-origin:center} @keyframes rotate22{0%{transform:rotate(0deg)} 25%{transform:rotate(-15deg)} 50%{transform:rotate(0deg)} 75%{transform:rotate(15deg)} 100%{transform:rotate(0deg)} } @media screen and (max-width:1200px){ .pageServiceBox4{padding-top:3rem;padding-bottom:5rem;background-attachment:inherit;} .pageServiceBox4B{ padding-top: 1.5rem;} .pageServiceBox4B .pic { margin-bottom:5rem;} } @media screen and (max-width:1024px){ .pageServiceBox4{padding-top:2rem;padding-bottom:4rem;} .pageServiceBox4B{ padding-top: 1.25rem;} .pageServiceBox4B .pic { margin-bottom:4rem;} } @media screen and (max-width:767px){ .pageServiceBox4{padding-top:1.5rem;padding-bottom:3rem;} .pageServiceBox4B{ padding-top: 1rem;} .pageServiceBox4B .pic { margin-bottom:3rem;} } /*增加特效样式 */ .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}} .polygon3{animation:polygon3 2s linear forwards;opacity:0} @keyframes polygon3{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}} .polygon{animation:polygon 1.2s linear forwards;opacity:0} @keyframes polygon{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 50%);clip-path:polygon(0 0,100% 0,100% 0,0 50%);transform:translateY(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%);transform:translateY(0);opacity:1}} .fadeTarget{opacity:0;-webkit-transition:opacity .8s ease-out,transform .6s ease-out;transition:opacity .8s ease-out,transform .6s ease-out} .fadeTarget.fadeInLeft{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)} .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)} @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}} @keyframes fadeInLeftSmall{from{opacity:0;transform:translate3d(-10px,0,0)}to{opacity:1;transform:none}} .fadeInLeftSmall{animation-name:fadeInLeftSmall} @keyframes fadeInRightSmall{from{opacity:0;transform:translate3d(10px,0,0)}to{opacity:1;transform:none}} .fadeInRightSmall{animation-name:fadeInRightSmall} @keyframes fadeOutLeftSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-10%,0,0)}} .fadeOutLeftSmall{animation-name:fadeOutLeftSmall} @keyframes fadeOutRightSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(10%,0,0)}} .fadeOutRightSmall{animation-name:fadeOutRightSmall} @keyframes fadeInDownSmall{from{opacity:0;transform:translate3d(0%,-20px,0)}to{opacity:1;transform:none}} .fadeInDownSmall{animation-name:fadeInDownSmall} @keyframes fadeOutDownSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0%,10px,0)}} .fadeOutDownSmall{animation-name:fadeOutDownSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)} @keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0%,20px,0)}to{opacity:1;transform:none}} .fadeInUpSmall{animation-name:fadeInUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)} @keyframes fadeOutUpSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0%,-10%,0)}} .fadeOutUpSmall{animation-name:fadeOutUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)} @keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}} .scaleIn{animation-name:scaleIn} @keyframes slideInUpSmall{from{transform:translate3d(0%,10%,0)}to{transform:none}} .slideInUpSmall{animation-name:slideInUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)} @keyframes fn1{0%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate3d(0%,20px,0)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}} .fn1{animation-name:fn1;animation-duration:1.2s;animation-timing-function:cubic-bezier(0.49,0.54,0.16,1)} .alan_delay100{animation-delay:100ms} .alan_delay200{animation-delay:200ms} .alan_delay300{animation-delay:300ms} .alan_delay400{animation-delay:400ms} .alan_delay500{animation-delay:500ms} .alan_delay600{animation-delay:600ms} .alan_delay700{animation-delay:700ms} .alan_delay900{animation-delay:900ms} .alan_delay800{animation-delay:800ms} .alan_delay1000{animation-delay:1000ms} /*js-pagination*/ .js-paginationB{ position:absolute;bottom:3%;left:3%; z-index:5;} .js-pagination:not(.swiper-pagination-lock){display:flex;flex-wrap:wrap; background:none;} .js-pagination:not(.swiper-pagination-lock) .pagination-bullet{display:inline-flex;align-items:center;cursor:pointer;opacity:0.75} .js-pagination:not(.swiper-pagination-lock) .bullet__circle{position:relative;display:inline-block;width:40px;height:40px;background:none;} .js-pagination:not(.swiper-pagination-lock) .bullet__circle::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .js-pagination:not(.swiper-pagination-lock) .bullet__circle .circle{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:rotate(-90deg);transform-origin:center center;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 200ms cubic-bezier(0.445,0.05,0.55,0.95),opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95)} .js-pagination:not(.swiper-pagination-lock) .bullet__line{max-width:0;width:45px;height:1px;background-color:#FFF;margin-left:-12px;transition:max-width 200ms cubic-bezier(0.445,0.05,0.55,0.95); display:none;} .js-pagination:not(.swiper-pagination-lock) .bullet__index{padding:1em 1.25em;font-size:15px;font-weight:bold;letter-spacing:.05em;opacity:0;transition:opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95); display:none;} .js-pagination:not(.swiper-pagination-lock) .pagination-bullet:last-child .bullet__index{padding-right:0} .js-pagination:not(.swiper-pagination-lock) .pagination-bullet:hover .circle,.js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active .circle{stroke-dashoffset:0;opacity:1} .js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active{pointer-events:none} .js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__line{max-width:45px} .js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__index{visibility:visible;opacity:1} /**/ #hi-upgrade{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#fff;font-size:16px;line-height:26px;text-align:center} #hi-upgrade .hi-wrap{position:absolute;top:50%;left:50%;margin:-177px 0 0 -450px;width:900px} #hi-upgrade .hi-wrap .hi-title{font-size:30px;line-height:40px;color:#333} #hi-upgrade .hi-wrap .hi-close{margin:10px 0;display:inline-block;cursor:pointer;font-size:18px;color:#0004f2} #hi-upgrade .hi-wrap .hi-close:hover{text-decoration:underline} #hi-upgrade .hi-wrap .hi-text1{color:#666} #hi-upgrade .hi-wrap .hi-text1 span{color:#0004f2} #hi-upgrade .hi-wrap .hi-text2{position:relative;margin:15px 0;color:#333} #hi-upgrade .hi-wrap .hi-text2::before{content:"";position:absolute;top:50%;left:0;z-index:1;width:100%;border-top:1px solid #ddd} #hi-upgrade .hi-wrap .hi-text2 span{position:relative;z-index:5;padding:0 30px;background:#fff} #hi-upgrade .hi-wrap .hi-list{overflow:hidden} #hi-upgrade .hi-wrap .hi-list li{display:inline-block;padding:0 5px;} #hi-upgrade .hi-wrap .hi-list li div{margin:0 auto 5px;} #hi-upgrade .hi-wrap .hi-list li a{color:#666} #hi-upgrade .hi-wrap .hi-list li a:hover{color:#0004f2} /*********************************English 补充*********************************/ /*pagebanner*/ .indexVideo{ padding:20px;/* transform:scale(0.9791666666666667); */-moz-transition: all .5s linear;-ms-transition: all .5s linear;-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} .indexVideo .indexVideoB{ position: relative; overflow:hidden;padding-bottom:48.93617021276596%;border-radius:0.625rem;} .indexVideo .shadow{display:block;width:100%;height:100%;position:absolute;left:0;right:0; top:0;bottom:0;background-color:rgba(0,0,0,0.4);z-index:3; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;} .indexVideo .videopic{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);}} .indexVideo 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;} @media screen and (max-width:1024px){ .indexVideo .indexVideoB{ padding-bottom:48.93617021276596%; } } @media screen and (max-width:768px) { .indexVideo .indexVideoB{ padding-bottom:50%;} } /*videoBox*/ .indexVideo .videoBox{position:absolute;right:0;left:0;width:100%;height:100%;z-index:5;text-align: center;} .indexVideo .videoBtn{position:absolute;right:0;left:0;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;} .indexVideo .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;} .indexVideo .videoBtn .icon-video{width:3rem;height:3rem;border-radius:50%;background:url('../images/icon-video2.png') no-repeat center center; background-size:100%;margin:0 auto;} .indexVideo .videoBtn .icon-video{animation: h_scale 2s linear infinite;-webkit-animation: h_scale 2s linear infinite;}