.ff { font-family: 'iconfont' !important; } .text-white{ color:#fff;} @font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg'); } @font-face { font-family: 'ITC Avant Garde Gothic'; font-weight: normal; font-style: normal; src: url('../fonts/avantgarde-demi.eot'); src: url('../fonts/avantgarde-demi.eot') format('embedded-opentype'), url('../fonts/avantgarde-demi.woff2') format('woff2'), url('../fonts/avantgarde-demi.woff') format('woff'), url('../fonts/avantgarde-demi.ttf') format('truetype'), url('../fonts/avantgarde-demi.svg#avantgarde-demi') format('svg'); } @font-face { font-family: 'ITC Avant Garde Gothic'; font-weight: 400; font-style: normal; src: url('../fonts/avantgardeitcbybt-book.eot'); src: url('../fonts/avantgardeitcbybt-book.eot') format('embedded-opentype'), url('../fonts/avantgardeitcbybt-book.woff2') format('woff2'), url('../fonts/avantgardeitcbybt-book.woff') format('woff'), url('../fonts/avantgardeitcbybt-book.ttf') format('truetype'), url('../fonts/avantgardeitcbybt-book.svg#avantgardeitcbybt-book') format('svg'); } @font-face { font-family: 'Agency FB'; font-weight: normal; font-style: normal; src: url('../fonts/agencyfb-reg.eot'); src: url('../fonts/agencyfb-reg.eot') format('embedded-opentype'), url('../fonts/agencyfb-reg.woff2') format('woff2'), url('../fonts/agencyfb-reg.woff') format('woff'), url('../fonts/agencyfb-reg.ttf') format('truetype'), url('../fonts/agencyfb-reg.svg#agencyfb-reg') format('svg'); } @font-face { font-family: 'Roboto Condensed'; font-weight: normal; font-style: normal; src: url('../fonts/hinted-robotocondensed-regular.eot'); src: local('../fonts/Roboto Condensed'), local('RobotoCondensed-Regular'), url('../fonts/hinted-robotocondensed-regular.eot') format('embedded-opentype'), url('../fonts/hinted-robotocondensed-regular.woff2') format('woff2'), url('../fonts/hinted-robotocondensed-regular.woff') format('woff'), url('../fonts/hinted-robotocondensed-regular.ttf') format('truetype'), url('../fonts/hinted-robotocondensed-regular.svg#robotocondensed-regular') format('svg'); } body { font-family: Arial, 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', sans-serif; font-size: 14px; font-weight: normal; overflow-x:hidden; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.fixed { position: fixed; overflow: hidden; width: 100%; height: 100%; } body.searchactive { position: fixed; overflow: hidden; width: 100%; height: 100%; } @media (min-width: 1350px) { .container { width: 1440px; } } @media (max-width: 1349px) { .container { padding: 0 15px; } } @media (max-width: 767px) { .col-xs-6:nth-child(2n+1) { padding-right: 7.5px; } .col-xs-6:nth-child(2n) { padding-left: 7.5px; } } li, ol, ul { list-style: none; } a { color: inherit; } a:hover, a:link, a:visited { text-decoration: none; color: inherit; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } ul { margin: 0; padding: 0; } button, input, textarea { resize: none; border: none; outline: none; } img { border: 0; } a { text-decoration: none; color: inherit; } a:hover { text-decoration: none; color: inherit; } a:visited, a:link { text-decoration: none; color: inherit; } .img-box { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 100%; } .img-box img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .product .img-box img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 90%; height: 90%; object-fit: contain; /* 建议添加，防止图片拉伸 */ } .img-box img[src=''], .img-box img:not([src]) { opacity: 0; border: 0; } *[data-type='iframe'], *[data-fancybox], .slick-slide:focus, a:link { outline: none !important; } .header { width: 100%; height: 120px; -webkit-transition: all .4s; transition: all .4s; background:rgba(255, 255, 255, 0.8) } @media (max-width: 1199px) { .header { height: auto; } } .header .top { height: 44px; border-bottom: 1px solid #e8e8e8; } .header .top p { line-height: 44px; display: inline-block; margin: 0; color: #999; } @media (max-width: 1199px) { .header .top p { display: none; } } .header .top p.tel:before { font-family: 'iconfont' !important; font-size: 18px; margin-right: 10px; content: '\e62f'; color: #095AC2; } .header .top p.email { margin-left: 30px; } .header .top p.email:before { content: '\e72e'; } .header .top .share { float: right; } @media (max-width: 1199px) { .header .top .share { float: none; text-align: right; } } .header .top .share ul li { display: inline-block; } .header .top .share ul li a { display: block; margin-left: 10px; -webkit-transition: all .5s; transition: all .5s; color: #999; } .header .top .share ul li.twitter a:before { content: '\e60b'; } .header .top .share ul li.linkedin a:before { content: '\e6f0'; } .header .top .share ul li.instagram a:before { font-size: 14px; content: '\e612'; background-color: #96ceb4; } .header .top .share ul li.youtube a:before { content: '\e6d7'; background-color: #fae8a3; } .header .top .share ul li.google a:before { content: '\e645'; } .header .top .share ul li.amazon a:before { content: '\e6c1'; } .header .top .share ul li:hover a { color: #095AC2; } @media (max-width: 1199px) { .header .top-nav { position: relative; height: 60px; } .stuck{ line-height:60px !important} } .header .logo { position: relative; float: left; height: 80px; padding-left: 0; -webkit-transition: all .4s; transition: all .4s; } @media (max-width: 1199px) { .header .logo { height: 45px; margin-top: 0; padding-left: 0; border-right: none; } } .header .logo a { display: block; height: 100%; } .header .logo img { width:100%; height:auto } .header .nav-collapse { position: relative; z-index: 10; display: none; float: right; width: 40px; height: 40px; margin-left: 10px; padding: 0; cursor: pointer; background: none; } @media (max-width: 1199px) { .header .nav-collapse { display: block; margin-top: 10px; } .header .nav-collapse.nav-collapse-1 { position: absolute; z-index: 9999; top: 10px; right: 20px; display: block; margin-top: 10px; border: none; } .header .nav-collapse.nav-collapse-1 .btn-line { background-color: #fff !important; } } @media (max-width: 767px) { .header .nav-collapse { position: absolute; top: 0; right: 0; margin-top: 4px; border: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header .nav-collapse.nav-collapse-xs:hover .btn-line { background-color: #000; } } .header .nav-collapse .btn-line { position: absolute; left: 50%; width: 20px; height: 2px; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #666; } .header .nav-collapse .btn-line:nth-child(3), .header .nav-collapse .btn-line:nth-child(1) { position: absolute; display: block; width: 20px; height: 2px; content: ''; -webkit-transition: all .5s ease; transition: all .5s ease; background-color: #666; } .header .nav-collapse .btn-line:nth-child(1) { top: 35%; } .header .nav-collapse .btn-line:nth-child(2) { top: 50%; } .header .nav-collapse .btn-line:nth-child(3) { top: 65%; } .header .nav-collapse.active { border-color: transparent; } .header .nav-collapse.active .btn-line { background-color: #fff; } .header .nav-collapse.active .btn-line:nth-child(2) { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; } .header .nav-collapse.active .btn-line:nth-child(1) { top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotateZ(45deg); } .header .nav-collapse.active .btn-line:nth-child(3) { top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotateZ(-45deg); } @media (min-width: 1200px) { .header .nav { position: relative; float: right; padding-right: 0; } } @media (max-width: 1560px) { .header .nav { padding-right: 10px; } } @media (max-width: 1199px) { .header .nav { position: fixed; z-index: 99999; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 0 50px; -webkit-transition: left .3s; transition: left .3s; text-align: left; text-align: center; background: #fafafa; background-color: #095AC2; } .header .nav .tbl { display: table; width: 100%; height: 100%; } .header .nav .tbl-cell { display: table-cell; height: 100%; vertical-align: middle; } } @media (max-width: 767px) { .header .nav { width: 100%; padding: 30px; } } .header .nav.left-100 { left: -100%; } .header .nav.left-200 { left: -200%; } @media (min-width: 1200px) { .header .nav .nav-list1 li a { white-space: nowrap; } .header .nav .nav-list1 > li { position: relative; float: left; } .header .nav .nav-list1 > li > a { font-size: 16px; position: relative; z-index: 2; display: inline-block; padding: 0 28px; -webkit-transition: all .4s; transition: all .4s; text-transform: uppercase; color: #000; } /* 当前栏目高亮蓝色 */ .header .nav .nav-list1 > li > a.cur { color: #095AC2; } .header .nav .nav-list1 > li:hover a, .header .nav .nav-list1 > li.active a { color: #095AC2; } .header .nav .nav-list1 .nav-list2 { display: none; background-color: rgba(255, 255, 255, .95); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); } .header .nav .nav-list1 .nav-list2 { position: absolute; z-index: 50; top: 100%; height: auto !important; padding: 10px 5px; text-align: center; } .header .nav .nav-list1 .nav-list2 li { list-style: none; border-bottom: 1px solid #e5e5e5; } .header .nav .nav-list1 .nav-list2 li:last-child { border-bottom: none; } .header .nav .nav-list1 .nav-list2 li > a { font-size: 14px; font-weight: normal; line-height: 44px; position: relative; z-index: 1; display: block; padding: 0 16px; -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; text-align: center; color: #666; } .header .nav .nav-list1 .nav-list2 li > a:hover { text-decoration: underline; color: #095AC2; } .header .nav .nav-list1 .nav-list2 li .pic { max-width: 260px; margin-left: 40px; } .header .nav .nav-list1 .nav-list2 li .pic img { max-width: 100%; } .header .nav .nav-list1 .nav-list2 li .pic .img-box { padding-bottom: 69.23076923%; } .header .nav .nav-list1 .nav-list2.pronav-list2 { right: 0; left: 0; overflow: hidden; width: 100%; max-width: 1290px; margin: auto; padding-bottom: 20px; border-bottom: 40px solid #fff; } .header .nav .nav-list1 .nav-list2.pronav-list2 > li { width: 14.28571429%; margin-right: -4px; margin-bottom: -999px; padding-bottom: 999px; border-left: 1px solid #e7e7e7; } .header .nav .nav-list1 .nav-list2.pronav-list2 > li .pic { max-width: 130px; margin-left: 0; } .header .nav .nav-list1 .nav-list2.pronav-list2 > li h4 { font-size: 13px; font-weight: bold; margin-top: 24px; } .header .nav .nav-list1 .nav-list3 { position: absolute; left: 100%; display: none; margin-top: -44px; padding: 20px 0; background-color: rgba(255, 255, 255, .95); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); } .header .nav .nav-list1 .nav-list3 li > a { font-size: 12px; line-height: 2; } .header .nav .nav-list1 > li > a::after { content: ""; position: absolute; left: 50%; bottom:35px; transform: translateX(-50%) scaleX(0); width: 60%; height: 2px; background: #095AC2; transition: transform 0.3s ease; transform-origin: center; } .header .nav .nav-list1 > li > a.cur::after, .header .nav .nav-list1 > li > a:hover::after { transform: translateX(-50%) scaleX(1); } } @media (min-width: 1200px) and (max-width: 1560px) { .header .nav .nav-list1 > li > a { padding: 0 16px; } } @media (min-width: 1200px) and (max-width: 1440px) { .header .nav .nav-list1 > li > a { font-size: 14px; } } @media (min-width: 1200px) and (max-width: 1199px) { .header .nav .nav-list1 .nav-list2 li .pic { display: none; } } @media (max-width: 1199px) { .header .nav .nav-list1 { margin: 20px 0; opacity: 0; } .header .nav .nav-list1 > li { -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); opacity: 0; } .header .nav .nav-list1 > a { font-size: 20px; color: #fff; } } @media (max-width: 1199px) { .header .nav .nav-list2, .header .nav .nav-list3 { display: none; } .header .nav .nav-list2 a, .header .nav .nav-list3 a { font-size: 16px; line-height: 2; margin-top: 5px; color: #fff; } } .header .nav .nav-list2 a, .header .nav .nav-list3 a { display: block; } @media (max-height: 580px) { .header .nav .nav-list2 a, .header .nav .nav-list3 a { margin-top: 0; } } .header .nav-2, .header .nav-3 { display: none; } @media (max-width: 1199px) { .header .nav-2, .header .nav-3 { position: absolute; z-index: 9999; top: 0; display: block; overflow: hidden; width: 100%; height: 100%; padding: 20px; -webkit-transition: left .3s; transition: left .3s; text-align: left; text-align: center; color: #fff; background: #fafafa; background-color: #095AC2; } } .header .nav-2 .nav-top, .header .nav-3 .nav-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header .nav-2 .nav-top .back-btn:before, .header .nav-3 .nav-top .back-btn:before { font-family: 'iconfont'; font-size: 26px; content: '\e9b5'; } .header .nav-2 .nav-top h2, .header .nav-3 .nav-top h2 { font-size: 30px; margin: 0; text-transform: uppercase; } @media (max-width: 767px) { .header .nav-2 .nav-top h2, .header .nav-3 .nav-top h2 { font-size: 20px; width: 100%; } } .header .nav-2 .nav-top .nav-collapse-2, .header .nav-3 .nav-top .nav-collapse-2 { margin: 0; } .header .nav-2 .nav-top .nav-collapse-2 .btn-line, .header .nav-3 .nav-top .nav-collapse-2 .btn-line { background-color: #fff; } .header .nav-2 .content, .header .nav-3 .content { overflow: auto; height: 80%; margin-top: 12%; } @media (max-width: 767px) { .header .nav-2 .content ul, .header .nav-3 .content ul { padding: 0 15px; } } .header .nav-2 .content ul li, .header .nav-3 .content ul li { font-size: 20px; line-height: 50px; margin: 25px 0; text-align: left; } @media (max-width: 767px) { .header .nav-2 .content ul li, .header .nav-3 .content ul li { margin: 0; } } .header .nav-2 .content ul li.more, .header .nav-3 .content ul li.more { position: relative; } .header .nav-2 .content ul li.more:after, .header .nav-3 .content ul li.more:after { font-family: 'iconfont' !important; font-size: 16px; position: absolute; top: 50%; right: 0; content: '\e72f'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .header .nav-2 .content ul li a, .header .nav-3 .content ul li a { display: block; } .header .nav-2 { left: 100%; } .header .nav-3 { left: 200%; } .header .nav-3 .content ul li { font-size: 19px; } .header .fade-out ul { text-align: left; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .header .fade-out ul { padding: 0 5%; } } @media (max-width: 1199px) { .header .fade-out ul .pic { display: none !important; } } @media (max-width: 1199px) { .header .fade-out ul.nav-list1 { opacity: 1; } .header .fade-out ul.nav-list1 a { color: #fff; } .header .fade-out ul.nav-list1 > li { position: relative; margin: 20px 0; } .header .fade-out ul.nav-list1 > li.act { -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .header .fade-out ul.nav-list1 > li.more:after { font-family: 'iconfont'; font-size: 18px; position: absolute; top: 50%; right: 0; margin-top: -14px; content: '\e72f'; color: #fff; } .header .fade-out ul.nav-list1 > li > a { font-size: 22px; line-height: 2.5; display: block; text-transform: uppercase; } .header .fade-out ul.nav-list1 .nav-list2 > li > a { font-size: 20px; } } @media (max-width: 1199px) and (max-width: 767px) { .header .fade-out ul.nav-list1 > li { margin: 0; } } @media (max-width: 1199px) and (max-height: 768px) { .header .fade-out ul.nav-list1 .nav-list2 > li > a { font-size: 18px; } } @media (max-width: 1199px) and (max-width: 480px) { .header .fade-out ul.nav-list1 .nav-list2 > li > a { font-size: 14px; } } .header .fade-out ul.nav2-list2 h4 { font-size: 20px; line-height: 50px; } .header .xs-language { position: absolute; z-index: 9; bottom: 30px; left: 35px; } @media (min-width: 1200px) { .header .xs-language { display: none; } } .header .xs-language a { font-size: 16px; color: #fff; } .header .xs-language span { margin: 0 5px; color: #fff; } .header .search-box { position: absolute; z-index: 888; top: 100%; right: 0; display: none; overflow: hidden; width: 400px; height: 70px; padding: 15px 10px; -webkit-animation: fadeInRight 1s 0s ease both; animation: fadeInRight 1s 0s ease both; background-color: #095AC2; } .header .search-box .hbg { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header .search-box .search { line-height: 40px; position: relative; overflow: hidden; zoom: 1; width: 90%; border: 1px solid #dbdbdb; border-radius: 40px; } .header .search-box .input-text { float: left; height: 40px; padding-left: 10%; color: #333; background: none; } @media (min-width: 768px) { .header .search-box .input-text { width: 100%; padding: 0 50px 0 3%; } } .header .search-box .input-submit { position: absolute; right: 0; width: 70px; height: 40px; color: #666; border: 1px solid #d5d5d5; background-color: #eee; } @media (max-width: 1199px) { .header .search-box .input-submit { line-height: 30px; width: 50px; height: 30px; } } .header .search-icon { position: absolute; z-index: 10; top: 0; left: 15px; display: inline-block; display: none; cursor: pointer; } .header .search-icon:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e660'; color: #095AC2; } .header .search-lg .search { position: relative; left: 0; width: 90%; border: none; border-radius: 0; } .header .search-lg .search:before { font-family: 'iconfont' !important; font-size: 24px; position: absolute; top: 0; left: 10px; content: '\e660'; color: #999; } @media (max-width: 1199px) { .header .search-lg .search:before { font-size: 18px; line-height: 30px; } } .header .search-lg .input-text { font-size: 16px; line-height: 38px; width: 100%; height: 40px; padding: 0 80px 0 40px; color: #333; border: 1px solid #d5d5d5; background-color: #f5f5f5; } @media (max-width: 1199px) { .header .search-lg .input-text { line-height: 28px; height: 30px; } } .header .search-lg input::-webkit-input-placeholder, .header .search-lg textarea::-webkit-input-placeholder { color: #999; } .header .search-lg input:-o-placeholder, .header .search-lg textarea:-o-placeholder { color: #999; } .header .search-lg input::-moz-placeholder, .header .search-lg textarea::-moz-placeholder { color: #999; } .header .search-lg input:-ms-input-placeholder, .header .search-lg textarea:-ms-input-placeholder { color: #999; } .header .search-lg input:focus::-webkit-input-placeholder, .header .search-lg textarea:focus::-webkit-input-placeholder { color: #fff; } .header .search-lg input:focus::-o-placeholder, .header .search-lg textarea:focus::-o-placeholder { color: #fff; } .header .search-lg input:focus::-moz-placeholder, .header .search-lg textarea:focus::-moz-placeholder { color: #fff; } .header .search-lg input:focus::-ms-input-placeholder, .header .search-lg textarea:focus::-ms-input-placeholder { color: #fff; } .header .search-lg .close-btn { position: absolute; top: 0; right: 15px; cursor: pointer; } .header .search-lg .close-btn:before { font-size: 20px; line-height: 40px; content: '\2716'; color: #fff; } @media (max-width: 1199px) { .header .search-lg .close-btn:before { line-height: 30px; } } .header .right { float: right; height: 98px; -webkit-transition: all .4s; transition: all .4s; color: #fff; background-color: #095AC2; } @media (max-width: 1199px) { .header .right { height: 70px; background: none; } } .header .find { font-size: 14px; line-height: 98px; float: right; width: 100px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; text-align: center; } @media (max-width: 1199px) { .header .find { line-height: 70px; color: #666; } } .header .find::before { font-family: 'iconfont'; font-size: 30px; font-weight: bold; margin-right: 14px; content: '\e660'; } @media (max-width: 1199px) { .header .find::before { font-size: 20px; } } .header .find:hover { background-color: #024a90; } @media (max-width: 1199px) { .header .find:hover { background: none; } } .online-wrap .btn { line-height: 36px; position: fixed; z-index: 9; right: 0; bottom: 0; display: none; width: 40px; height: 40px; padding: 0; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; text-align: center; border-radius: 0; background-color: rgba(0, 0, 0, .7); } .online-wrap .btn:before { font-family: 'iconfont' !important; font-size: 18px; display: inline-block; content: '\e6d2'; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; color: #fff; } .online-wrap .btn.active:before { -webkit-transform: rotateZ(225deg); -ms-transform: rotate(225deg); transform: rotateZ(225deg); } .online-wrap .code-pic { position: fixed; z-index: 101; right: 45px; bottom: 180px; display: none; max-width: 120px; } .online-wrap .code-pic .pic-box { padding: 5px; background-color: #fff; } .online-wrap .code-pic img { display: block; max-width: 100%; } .online-wrap .online { position: fixed; z-index: 10; right: 0; bottom: 23%; -webkit-transition: right .3s; transition: right .3s; } @media (max-width: 991px) { .online-wrap .online { right: -60px; bottom: 90px; display: none !important; } .online-wrap .online.active { right: 0; } } .online-wrap .online .icon-close { line-height: 60px; display: block; width: 60px; height: 60px; cursor: pointer; text-align: center; color: #999; } @media (max-width: 767px) { .online-wrap .online .icon-close { width: 40px; height: 40px; } } .online-wrap .online .icon-close:after { font-family: 'iconfont' !important; font-size: 24px; content: '\e61b'; } .online-wrap .online .icon-close:hover { color: #edb759; } .online-wrap .online a { line-height: 60px; position: relative; display: block; width: 60px; height: 60px; margin: 1px 0 0 0; -webkit-transition: all .4s; transition: all .4s; text-align: center; border-radius: 0; background-color: #dfdfdf; } .online-wrap .online a:before { font-size: 28px; color: #b1b1b1; } @media (min-width: 992px) { .online-wrap .online a:hover:before { color: #edb759; } } @media (max-width: 767px) { .online-wrap .online a { line-height: 40px; width: 40px; height: 40px; } .online-wrap .online a:before { font-size: 20px; } } @media (min-width: 992px) { .online-wrap .online .icon-phone:hover .phone-num, .online-wrap .online .icon-message:hover .phone-num, .online-wrap .online .icon-skype:hover .phone-num, .online-wrap .online .icon-weixin:hover .phone-num { right: 100%; } } .online-wrap .online .icon-phone .phone-num, .online-wrap .online .icon-message .phone-num, .online-wrap .online .icon-skype .phone-num, .online-wrap .online .icon-weixin .phone-num { position: absolute; z-index: -1; top: 0; right: -300px; padding-right: 5px; -webkit-transition: right .3s; transition: right .3s; white-space: nowrap; } .online-wrap .online .icon-phone .phone-num p, .online-wrap .online .icon-message .phone-num p, .online-wrap .online .icon-skype .phone-num p, .online-wrap .online .icon-weixin .phone-num p { font-size: 16px; margin: 0; padding: 0 10px; color: #333; background-color: #dfdfdf; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12); } .online-wrap .online .code:before { font-size: 24px; } @media (max-width: 767px) { .online-wrap .online .code:before { font-size: 22px; } } .online-wrap .online .code .mask { position: absolute; z-index: 10; top: 0; right: 100%; display: none; width: 130px; height: 130px; padding-right: 5px; } .online-wrap .online .code .mask .mask-box { border: 1px solid #e5e5e5; background-color: #fff; } .online-wrap .online .code .mask img { display: block; width: 100%; } .online-wrap .online .code .mask p { font-size: 13px; line-height: 16px; margin: 5px 0 8px 0; color: #888; } .online-wrap .icon-qq:before { font-family: 'iconfont' !important; content: '\e62d'; } .online-wrap .icon-weixin:before { font-family: 'iconfont' !important; font-size: 28px !important; content: '\e604'; } .online-wrap .icon-message:before { font-family: 'iconfont' !important; content: '\e72e'; } .online-wrap .icon-skype:before { font-family: 'iconfont' !important; content: '\e6b8'; } .online-wrap .icon-whatsapp:before { font-family: 'iconfont' !important; content: '\e751'; } .online-wrap .icon-phone:before { font-family: 'iconfont' !important; font-size: 32px !important; content: '\e638'; } .online-wrap .icon-arrow-top:before { font-family: Impact !important; font-size: 24px !important; content: 'TOP'; } .banner { font-size: 0; position: relative; overflow: hidden; width: 100%; } @media (max-width: 1199px) { .banner .slickbanner { width: 100%; max-width: 100%; margin-left: 0; } } .banner .slick-dots { position: absolute; bottom: 38px; width: 100%; padding: 0 4%; text-align: center; } @media (max-width: 1199px) { .banner .slick-dots { text-align: center; } } @media (max-width: 767px) { .banner .slick-dots { bottom: 12px; display: none; } } .banner .slick-dots li { position: relative; display: inline-block; width: 30px; height: 4px; margin: 0 10px; cursor: pointer; background-color: #fff; } .banner .slick-dots li.slick-active { background-color: #095AC2; } .banner .slick-dots li button { opacity: 0; } .banner img { display: block; width: 100%; } .banner .img-box { padding-bottom: 39.0625%; } .banner .text { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; } .banner .text:after { display: block; width: 37px; height: 37px; margin: 0 auto; margin-top: 30px; content: ''; background: url(../images/icon1.png) no-repeat; } @media (max-width: 991px) { .banner .text:after { width: 20px; height: 20px; margin-top: 10px; background-size: cover; } } .banner .text img { display: inline-block; width: auto; margin-top: 30px; } @media (max-width: 991px) { .banner .text img { max-width: 200px; margin-top: 10px; } } .banner .text h3 { font-family: 'Roboto Condensed'; font-size: 50px; font-weight: bold; line-height: 1.4; margin: 0; } @media (max-width: 991px) { .banner .text h3 { font-size: 20px; } } .banner .text p { font-size: 16px; line-height: 1.875; margin: 30px 0 0 0; } @media (max-width: 991px) { .banner .text p { font-size: 12px; margin-top: 10px; } } .banner .slick-current .text:after { -webkit-animation: fadeInDown 1s 0s ease both; animation: fadeInDown 1s 0s ease both; } .banner .slick-current .text h3 { -webkit-animation: fadeInLeft 1s 0s ease both; animation: fadeInLeft 1s 0s ease both; } .banner .slick-current .text p, .banner .slick-current .text img { -webkit-animation: fadeInRight 1s 0s ease both; animation: fadeInRight 1s 0s ease both; } .banner-in { padding: 0; } @media (max-width: 767px) { .banner-in .slickbanner { width: 200%; max-width: 200%; margin-left: -50%; } } .banner-in .img-box { padding-bottom: 18.22916667%; } .banner-in .text-in { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; } .banner-in .text-in .note { max-width: 1430px; margin: 0 auto; padding: 0 15px; } @media (max-width: 767px) { .banner-in .text-in .note { padding: 0 30%; } } .banner-in .text-in b { font-family: 'Roboto Condensed'; font-size: 50px; margin: 0; text-transform: uppercase; } @media (max-width: 991px) { .banner-in .text-in b { font-size: 30px; } } @media (max-width: 767px) { .banner-in .text-in b { font-size: 24px; } } .banner-in .text-in b:after { display: block; width: 183px; height: 6px; margin: 0 auto; margin-top: 20px; content: ''; background: url(../images/line-2.png) no-repeat center; } @media (max-width: 767px) { .banner-in .text-in b:after { margin-top: 10px; } } .banner-in .text-in p { font-size: 20px; margin: 20px 0 0 0; } @media (max-width: 991px) { .banner-in .text-in p { font-size: 18px; } } @media (max-width: 767px) { .banner-in .text-in p { font-size: 14px; margin-top: 10px; } } .banner.banner-about .img-box { padding-bottom: 26.04166667%; } @media (max-width: 767px) { .banner.banner-about .slickbanner { width: 100%; max-width: 100%; margin-left: 0; } } .banner.banner-about .text-about { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .banner.banner-about .text-about .note { max-width: 1430px; margin: 0 auto; padding: 0 15px; } .banner.banner-about .text-about .note h3 { font-family: 'ITC Avant Garde Gothic'; font-size: 42px; font-weight: bold; line-height: 1.38095238; margin: 0; color: #a82800; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff; } @media (max-width: 991px) { .banner.banner-about .text-about .note h3 { font-size: 20px; } } .banner.banner-about .text-about .note p { font-family: 'ITC Avant Garde Gothic'; font-size: 40px; font-weight: bold; line-height: 1.38095238; margin: 14px 0 0 0; color: #ea0000; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff; } @media (max-width: 991px) { .banner.banner-about .text-about .note p { font-size: 18px; margin-top: 0; } } .banner.banner-contact .img-box { padding-bottom: 26.04166667%; } .box123 { overflow: hidden; padding: 80px 0; } @media (max-width: 991px) { .box { padding: 60px 0; } } .title h2 { font-size: 26px; font-weight: bold; position: relative; display: inline-block; margin: 0; } @media (max-width: 991px) { .title h2 { font-size: 22px; } } .title h2:after { display: block; width: 104px; height: 4px; margin-top: 14px; content: ''; background-color: #1e2127; } .title h2:before { position: absolute; bottom: 0; left: 0; display: inline-block; width: 50%; height: 4px; content: ''; background-color: #095AC2; } .title h2 span { color: #095AC2; } .title a.more { line-height: 2; display: inline-block; float: right; color: #666; } .title a.more:hover { color: #095AC2; } .content { position: relative; z-index: 9; } .box-list { background-color: #f7f7f7; } .box-list .list { max-width: 1400px; margin: 0 auto; } .box-list .list ul { overflow: hidden; border-left: 1px solid #dadada; } .box-list .list ul li { float: left; width: 33.33333333%; border-right: 1px solid #dadada; } @media (max-width: 767px) { .box-list .list ul li { width: 50%; border-bottom: 1px solid #dadada; } .box-list .list ul li:last-child { width: 100%; } } .box-list .list ul li .item { padding: 50px; text-align: center; } @media (max-width: 1199px) { .box-list .list ul li .item { padding: 30px 15px; } } .box-list .list ul li .item:before { font-family: 'iconfont' !important; font-size: 70px; line-height: 70px; content: '\e67d'; color: #b6b6b6; } @media (max-width: 991px) { .box-list .list ul li .item:before { font-size: 50px; line-height: 50px; } } .box-list .list ul li .item-quality:before { content: '\e634'; } .box-list .list ul li .item-service:before { content: '\e633'; } .box-list .list ul li .item b { font-family: 'Roboto Condensed'; font-size: 30px; font-weight: normal; display: block; margin-top: 20px; text-transform: uppercase; } @media (max-width: 991px) { .box-list .list ul li .item b { font-size: 24px; } } .box-list .list ul li .item b:after { display: block; width: 192px; height: 4px; margin: 0 auto; margin-top: 10px; content: ''; background: url(../images/line-1.png) no-repeat center; background-size: cover; } @media (max-width: 991px) { .box-list .list ul li .item b:after { width: 100px; } } .box-list .list ul li .item p { line-height: 1.85714286; display: -webkit-box; overflow: hidden; height: 104px; margin: 30px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } @media (max-width: 991px) { .box-list .list ul li .item p { margin-top: 20px; } } .box-list .list ul li .item a { display: inline-block; } .box-list .list ul li .item a.more { line-height: 2; display: block; margin-top: 14px; text-transform: uppercase; opacity: 0; color: #095AC2; } @media (max-width: 1199px) { .box-list .list ul li .item a.more { opacity: 1; } } .box-list .list ul li .item:hover a.more { -webkit-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both; } .box-product { padding-top: 80px; background-color:#f7f7f7 } @media (max-width: 991px) { .box-product { padding-top: 60px; } } .box-product .title-product { text-align: center; padding-bottom:50px; } .box-product .title-product b { font-family: 'Roboto Condensed'; font-size: 54px; font-weight: normal; color:#222222; display: block; text-transform: uppercase; } @media (max-width: 991px) { .box-product .title-product b { font-size: 30px; } .pub_title h2, .pub_title2 h2 { font-size: 30px !important; } } .box-product .title-product p { line-height: 1.57142857; font-size:16px; max-width: 700px; margin: 0 auto; margin-top: 14px; color: #666; } .box-product .product { margin-top: 60px; } .box-product .product ul { overflow: hidden; padding-left: 1px; } .box-product .product ul li { float: left; width: 31%; margin-bottom: -1px; margin-left: -1px; padding: 18px; background-color:#fff; margin:10px; -webkit-transition: all .4s; transition: all .4s; border: 1px solid #e9e9e9; } @media (max-width: 1199px) { .box-product .product ul li { width: 33.33333333%; padding: 10px; } } @media (max-width: 767px) { .box-product .product ul li { width: 50%; padding: 5px; } } .box-product .product ul li .item { text-align: center; } .box-product .product ul li .item .img-box { padding-bottom: 60.75949367%; } .box-product .product ul li .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .box-product .product ul li .item .note { display: block; padding: 22px 0; } .box-product .product ul li .item .note b { font-family: 'Roboto Condensed'; font-size: 22px; font-weight: 600; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 1199px) { .box-product .product ul li .item .note b { font-size: 18px; } } .box-product .product ul li .item .note p { line-height: 1.85714286; display: -webkit-box; overflow: hidden; height: 78px; margin: 14px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 767px) { .box-product .product ul li .item .note p { display: -webkit-box; overflow: hidden; height: 52px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } .box-product .product ul li .item .note span { line-height: 36px; display: inline-block; margin-top: 40px; padding: 0 20px; text-transform: uppercase; color: #222; border: 1px solid #222; border-radius: 5px; } @media (max-width: 1199px) { .box-product .product ul li .item .note span { margin-top: 20px; } } @media (max-width: 767px) { .box-product .product ul li .item .note span { padding: 0 10px; } } .box-product .product ul li:hover { background-color: #095AC2; } .box-product .product ul li:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .box-product .product ul li:hover .note b, .box-product .product ul li:hover .note p, .box-product .product ul li:hover .note span { color: #fff; } .box-product .product ul li:hover .note span { border-color: #fff; } .box-about { background: url(../images/about_bg.jpg) no-repeat center; background-size: cover; } .box-about .title-about { text-align: center; } .box-about .title-about:after { display: block; width: 183px; height: 6px; margin: 0 auto; margin-top: 20px; content: ''; background: url(../images/line-2.png) no-repeat center; } .box-about .title-about b { font-family: 'Roboto Condensed'; font-size: 54px; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .box-about .title-about b { font-size: 30px; } } .box-about .about { max-width: 960px; margin: 0 auto; margin-top: 24px; text-align: center; } .box-about .about p { font-size: 18px; font-weight: normal; line-height: 2; display: -webkit-box; overflow: hidden; max-height: 180px; margin: 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .box-about .more { margin-top: 24px; text-align: center; } .box-about .more a { line-height: 40px; display: inline-block; width: 152px; height: 40px; text-align: center; text-transform: uppercase; color: #fff; background: url(../images/about-more.png) no-repeat; } .box-about .more a:hover { color: #333; background: #fff; } .box-gallery .title-gallery { text-align: center; } .box-gallery .title-gallery b { font-family: 'Roboto Condensed'; font-size: 36px; font-weight: normal; display: block; text-transform: uppercase; } .box-gallery .title-gallery b:after { display: block; width: 1050px; height: 2px; margin: 0 auto; margin-top: 16px; content: ''; background: url(../images/line-3.png) no-repeat; } @media (max-width: 991px) { .box-gallery .title-gallery b { font-size: 30px; } } .box-gallery .title-gallery p { line-height: 1.57142857; max-width: 700px; margin: 0 auto; margin-top: 14px; color: #666; } @media (max-width: 767px) { .box-gallery .gallery { margin-top: 20px; } } .box-gallery .gallery .item { position: relative; overflow: hidden; margin-top: 30px; } @media (max-width: 767px) { .box-gallery .gallery .item { margin-top: 16px; } } .box-gallery .gallery .item .mask { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 30px 10px; -webkit-transition: all .6s; transition: all .6s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); text-align: center; background-color: rgba(25, 106, 185, .9); } @media (max-width: 1560px) { .box-gallery .gallery .item .mask { padding: 20px 10px; } } @media (max-width: 767px) { .box-gallery .gallery .item .mask { display: none; } } .box-gallery .gallery .item .mask b { font-family: 'Roboto Condensed'; font-size: 22px; font-weight: normal; line-height: 30px; display: -webkit-box; display: block; overflow: hidden; height: 30px; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 1560px) { .box-gallery .gallery .item .mask b { font-size: 18px; } } .box-gallery .gallery .item .mask p { line-height: 1.85714286; display: -webkit-box; overflow: hidden; max-height: 78px; margin: 10px 0 0 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 1560px) { .box-gallery .gallery .item .mask p { display: -webkit-box; overflow: hidden; max-height: 52px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } .box-gallery .gallery .item .mask span { line-height: 36px; display: inline-block; margin-top: 24px; padding: 0 20px; text-transform: uppercase; color: #fff; border: 1px solid #fff; border-radius: 5px; } @media (max-width: 1560px) { .box-gallery .gallery .item .mask span { margin-top: 10px; } } @media (max-width: 767px) { .box-gallery .gallery .item .mask span { padding: 0 10px; } } .box-gallery .gallery .item .pic { position: relative; } .box-gallery .gallery .item .pic h3 { font-family: 'Roboto Condensed'; font-size: 22px; line-height: 30px; position: absolute; bottom: 16px; display: -webkit-box; overflow: hidden; width: 100%; height: 30px; margin: 0; padding: 0 15px; -webkit-transition: all .2s; transition: all .2s; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 1560px) { .box-gallery .gallery .item .pic h3 { font-size: 18px; bottom: 6px; } } @media (max-width: 767px) { .box-gallery .gallery .item .pic h3 { font-size: 16px; padding: 0 10px; } } .box-gallery .gallery .item .img-box { padding-bottom: 60.75949367%; } .box-gallery .gallery .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } @media (min-width: 768px) { .box-gallery .gallery .item:hover { background-color: #095AC2; } .box-gallery .gallery .item:hover .mask { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .box-gallery .gallery .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .box-gallery .gallery .item:hover .pic h3 { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; } } .box-faq { display: table; width: 100%; } @media (max-width: 991px) { .box-faq { display: block; } } .box-faq .left, .box-faq .right { display: table-cell; width: 50%; vertical-align: top; } @media (max-width: 991px) { .box-faq .left, .box-faq .right { display: block; width: 100%; } } .box-faq .left { padding: 70px 70px 70px 14%; background: url(../images/faq_bg1.jpg) no-repeat center; background-size: cover; } @media (max-width: 1560px) { .box-faq .left { padding: 60px 30px 60px 6%; } } @media (max-width: 991px) { .box-faq .left { padding: 50px 15px; } } .box-faq .left .title-faq { border-bottom: 1px solid #fff; } .box-faq .left .title-faq b { font-family: 'Roboto Condensed'; font-size: 36px; font-weight: normal; display: inline-block; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .box-faq .left .title-faq b { font-size: 30px; } } .box-faq .left .title-faq a.more { line-height: 30px; display: inline-block; float: right; margin-top: 10px; text-transform: uppercase; color: #fff; } .box-faq .left ul { margin-top: 30px; } .box-faq .left ul li { position: relative; margin-top: 20px; padding-left: 24px; } .box-faq .left ul li:before { position: absolute; top: 12px; left: 0; display: block; width: 8px; height: 8px; content: ''; background-color: #fff; } .box-faq .left ul li p { font-size: 18px; line-height: 34px; display: -webkit-box; overflow: hidden; height: 34px; margin: 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .box-faq .left ul li p { font-size: 16px; line-height: 30px; height: 30px; } } .box-faq .left span { font-size: 30px; display: block; margin-top: 10px; color: #fff; } .box-faq .right { padding: 70px 14% 70px 70px; background: url(../images/faq_bg2.jpg) no-repeat center; background-size: cover; } @media (max-width: 1560px) { .box-faq .right { padding: 60px 6% 60px 30px; } } @media (max-width: 991px) { .box-faq .right { padding: 50px 15px; } } .box-faq .right .text { max-width: 510px; } .box-faq .right .text p { font-size: 18px; line-height: 2; margin: 0; color: #fff; } .box-faq .right .text h4 { font-size: 16px; line-height: 42px; max-width: 433px; height: 42px; margin: 28px 0 0 0; text-align: center; color: #fff; background: url(../images/icon-2.png) no-repeat; background-size: contain; } @media (max-width: 767px) { .box-faq .right .text h4 { font-size: 14px; line-height: 38px; } } @media (max-width: 375px) { .box-faq .right .text h4 { font-size: 12px; } } .box-faq .right .text h4 a { display: block; -webkit-transition: all .4s; transition: all .4s; } .box-faq .right .text h4 a:hover { background: #095AC2; } .box-news .title-news { text-align: center; } .box-news .title-news b { font-family: 'Roboto Condensed'; font-size: 36px; font-weight: normal; display: block; text-transform: uppercase; } .box-news .title-news b:after { display: block; width: 1050px; height: 2px; margin: 0 auto; margin-top: 16px; content: ''; background: url(../images/line-3.png) no-repeat; } @media (max-width: 991px) { .box-news .title-news b { font-size: 30px; } } .box-news .news { max-width: 1400px; margin: 0 auto; } .box-news .news .item { margin-top: 50px; } @media (max-width: 991px) { .box-news .news .item { margin-top: 30px; } } .box-news .news .item b { font-family: 'Roboto Condensed'; font-size: 22px; font-weight: normal; line-height: 1.54545455; display: -webkit-box; overflow: hidden; height: 68px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 991px) { .box-news .news .item b { font-size: 18px; line-height: 30px; height: 60px; } } .box-news .news .item .pic { position: relative; margin-top: 30px; } @media (max-width: 991px) { .box-news .news .item .pic { margin-top: 14px; } } .box-news .news .item .pic .img-box { padding-bottom: 44.11764706%; } .box-news .news .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .box-news .news .item .pic .date { position: absolute; bottom: 0; left: 0; width: 80px; height: 60px; -webkit-transition: all .4s; transition: all .4s; text-align: center; background-color: #a7a7a7; } @media (max-width: 991px) { .box-news .news .item .pic .date { width: 60px; height: 40px; } } .box-news .news .item .pic .date h3 { font-size: 26px; font-weight: bold; margin: 6px 0 0 0; color: #fff; } @media (max-width: 991px) { .box-news .news .item .pic .date h3 { font-size: 20px; margin-top: 2px; } } .box-news .news .item .pic .date span { font-size: 14px; display: block; color: #fff; } @media (max-width: 991px) { .box-news .news .item .pic .date span { font-size: 12px; } } .box-news .news .item p { line-height: 1.71428571; display: -webkit-box; overflow: hidden; height: 96px; margin: 30px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .box-news .news .item:hover b, .box-news .news .item:hover p { color: #095AC2; } .box-news .news .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .box-news .news .item:hover .pic .date { background-color: #095AC2; } .bd_weixin_popup, .bd_weixin_popup_bg { width: 250px !important; height: 310px !important; } .footer { position: relative; margin-top: 100px; background-color: #212122; } .footer .title-foot { font-size: 0; margin-top: 20px; padding-bottom: 6px; border-bottom: 1px solid rgba(255, 255, 255, .3); } @media (max-width: 1199px) { .footer .title-foot { display: none; } } .footer .title-foot:before { display: inline-block; width: 4px; height: 20px; margin-right: 4px; content: ''; vertical-align: middle; background-color: #909091; } .footer .title-foot b { font-family: 'Roboto Condensed'; font-size: 26px; font-weight: normal; display: inline-block; vertical-align: middle; text-transform: uppercase; color: #fff; } .footer .title-foot b:before { position: relative; top: -2px; display: inline-block; width: 4px; height: 20px; margin-right: 8px; content: ''; vertical-align: middle; background-color: #909091; } @media (max-width: 1199px) { .footer .link { display: none; } } .footer .link ul { margin-top: 14px; } .footer .link ul li { display: inline-block; padding-right:10px } .footer .link ul li a { line-height: 24px; display: block; color: #fff; } .footer .link ul li a:hover { color: #095AC2; } .footer .foot { overflow: hidden; padding-bottom: 30px; } @media (max-width: 1199px) { .footer .foot { display: none; } } .footer .fleft { float: left; overflow: hidden; width: 70%; } .footer .fleft ul { font-size: 0; margin: 0 -50px; } @media (max-width: 1560px) { .footer .fleft ul { margin: 0 -30px; } } .footer .fleft ul li { display: inline-block; min-width: 25%; margin-top: 16px; padding: 0 50px; } @media (max-width: 1560px) { .footer .fleft ul li { min-width: 20%; padding: 0 30px; } } .footer .fleft ul li p { font-size: 18px; line-height: 1.66666667; position: relative; margin: 0; padding-left: 40px; color: #fff; } @media (max-width: 1560px) { .footer .fleft ul li p { font-size: 15px; } } .footer .fleft ul li p:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 30px; position: absolute; top: 0; left: 0; content: '\e62f'; } .footer .fleft ul li p.email:before { content: '\e72e'; } .footer .fleft ul li p.address:before { content: '\e63e'; } .footer .fleft ul li p.skype:before { content: '\e6b8'; } .footer .fleft ul li p.fax:before { content: '\e636'; } .footer .fright { float: left; width: 30%; margin-top: 20px; text-align: right; } .footer .fright .share { text-align: right; } .footer .fright .share ul li { display: inline-block; } .footer .fright .share ul li a { line-height: 30px; display: block; margin-left: 30px; -webkit-transition: all .5s; transition: all .5s; color: #fff; } @media (max-width: 1560px) { .footer .fright .share ul li a { margin-left: 10px; } } .footer .fright .share ul li a:before { font-family: 'iconfont'; font-size: 20px; font-weight: normal; line-height: 38px; display: block; width: 38px; height: 38px; margin: 0 auto; content: '\e615'; text-align: center; vertical-align: top; border-radius: 10px; background-color: #095AC2; } .footer .fright .share ul li.twitter a:before { content: '\e60b'; background-color: #2fb0ec; } .footer .fright .share ul li.linkedin a:before { content: '\e6f0'; background-color: #0177b5; } .footer .fright .share ul li.instagram a:before { font-size: 14px; content: '\e612'; background-color: #96ceb4; } .footer .fright .share ul li.youtube a:before { content: '\e6fa'; background-color: #e52b1e; } .footer .fright .share ul li.google a:before { content: '\e645'; background-color: #de4330; } .footer .fright .share ul li.amazon a:before { content: '\e6c1'; } .footer .fright .share ul li:hover a { -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); color: #fff; } .footer .fright .download { font-size: 16px; font-weight: bold; line-height: 34px; display: inline-block; margin-top: 20px; padding: 4px; -webkit-transition: all .4s; transition: all .4s; color: #fff; border-radius: 50px; background-color: #b30004; } .footer .fright .download:before { display: inline-block; width: 34px; height: 34px; margin-right: 10px; content: ''; vertical-align: middle; background: url(../images/pdf.png) no-repeat; } .footer .fright .download:hover { background-color: #950609; } .footer .copyright { padding: 5px 0; text-align: center; background-color: #000; } .footer .copyright p { line-height: 30px; margin: 0; color: #fff; } .footer .copyright p a { display: inline-block; margin-left: 20px; -webkit-transition: all .4s; transition: all .4s; } @media (max-width: 767px) { .footer .copyright p a { display: block; float: none; margin-left: 0; } } .footer .copyright p a:hover { text-decoration: underline; color: #095AC2; } .wrap-sidenav { position: relative; overflow: hidden; height: 58px; border-bottom: 1px solid #dcdcdc; } @media (max-width: 991px) { .wrap-sidenav { height: 50px; } } .wrap-sidenav .sidenav { position: relative; } .wrap-sidenav .sidenav ul { font-size: 0; position: relative; position: absolute; left: 0; overflow: hidden; white-space: nowrap; } .wrap-sidenav .sidenav ul li { display: inline-block; border-right: 1px solid #e7e7e7; } .wrap-sidenav .sidenav ul li:first-child { border-left: 1px solid #e7e7e7; } .wrap-sidenav .sidenav ul li a { font-size: 16px; line-height: 58px; position: relative; display: block; height: 58px; padding: 0 40px; color: #666; } @media (max-width: 991px) { .wrap-sidenav .sidenav ul li a { font-size: 15px; line-height: 50px; height: 50px; padding: 0 20px; } } .wrap-sidenav .sidenav ul li.active a, .wrap-sidenav .sidenav ul li:hover a { color: #fff; background-color: #095AC2; } @media (max-width: 1199px) { .wrap-sidenav .sidenav ul li:hover a:before { display: none; } } .wrapper { position: relative; z-index: 9; overflow: hidden; } .wrap { padding: 40px 0; } @media (max-width: 991px) { .wrap { padding:0 } .wrap-news-show .news-show .news-left .title-news h1{ font-size: 18px !important; } } .title-in { text-align: center; } .title-in:before { display: block; width: 30px; height: 65px; margin: 0 auto; content: ''; background: url(../images/title-in.png) no-repeat; } .title-in h2 { font-size: 30px; font-weight: bold; margin: 10px 0 0 0; } @media (max-width: 991px) { .title-in h2 { font-size: 24px; } } .title-in p { font-family: 'ITC Avant Garde Gothic'; font-size: 28px; font-weight: bold; margin: 0; text-transform: uppercase; color: #dedede; } @media (max-width: 991px) { .title-in p { font-size: 20px; } } .productcontent { max-width: 1400px; margin: 0 auto; } .wrap-left { float: left; width: 20%; will-change: min-height; } @media (max-width: 1560px) { .wrap-left { width: 28%; } } @media (max-width: 1199px) { .wrap-left { width: 100%; padding-right: 0; } } .wrap-left .sidebar__inner { position: relative; -webkit-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; } .wrap-left .title-wrap { background:url(../../static/images/lmbj.jpg); color:#fff; height:100px; display:flex; align-items:center } .wrap-left .title-wrap b { font-family: 'ITC Avant Garde Gothic'; font-size: 28px; font-weight: normal; padding-left:30px; text-transform: uppercase; } .wrap-left ul { position: relative; overflow: hidden; background:#fff } @media (max-width: 991px) { .wrap-left ul:before { display: none; } } .wrap-left ul:after { position: absolute; bottom: -24px; left: 3px; display: block; width: 1px; height: 50px; content: ''; background-color: #fff; } @media (max-width: 991px) { .wrap-left ul:after { display: none; } } .wrap-left ul li { position: relative; display: block; padding-left: 30px; border-bottom:1px solid #ebebeb } @media (max-width: 991px) { .wrap-left ul li { display: inline-block; margin-right: 10px; padding-left: 20px; } } @media (max-width: 991px) { .wrap-left ul li:before { top: 20px; } } .wrap-left ul li a { font-size: 16px; line-height: 2; display: block; padding: 10px 0; -webkit-transition: all .4s; transition: all .4s; } @media (max-width: 991px) { .wrap-left ul li a { font-size: 15px; padding: 4px 0; } } .wrap-left ul li.active a, .wrap-left ul li:hover a { font-weight: bold; color: #095AC2; } .wrap-right { float: right; width: 76%; } @media (max-width: 1560px) { .wrap-right { width: 72%; } } @media (max-width: 1199px) { .wrap-right { width: 100%; margin-top: 50px; } } .wrap-right .share p { font-size: 16px; } .wrap-right .share .bdsharebuttonbox { display: inline-block; -webkit-transition: all .2s; transition: all .2s; } .wrap-right .share .bdsharebuttonbox a { font-size: 16px; line-height: 48px; position: relative; display: inline-block; width: 60px; height: 48px; margin: 0; -webkit-transition: all .5s; transition: all .5s; color: #fff; background: none; background-color: #095AC2; } .wrap-right .share .bdsharebuttonbox a:before { font-family: 'iconfont'; font-size: 26px; display: inline-block; float: left; margin-right: 14px; content: '\e62d'; text-align: center; } .wrap-right .share .bdsharebuttonbox a:hover { opacity: 1; color: #fff; background-color: #22252c; } .wrap-right .share .bdsharebuttonbox .bds_qzone:before { content: '\e6b7'; } .wrap-right .share .bdsharebuttonbox .bds_tsina:before { content: '\e62b'; } .wrap-right .share .bdsharebuttonbox .bds_weixin:before { content: '\e604'; } .wrap-right .share .bdsharebuttonbox .bds_video:before { content: '\e62a'; } .wrap-about { padding-bottom: 0; } .wrap-about .about { max-width: 1400px; margin: 0 auto; } .wrap-about .about .text p { font-size: 16px; line-height: 2.125; } .wrap-about .about .text ul { font-size: 0; margin: 0 -15px; margin-top: 30px; } .wrap-about .about .text ul li { display: inline-block; width: 30%; margin-top: 20px; padding: 0 15px; vertical-align: top; } @media (max-width: 991px) { .wrap-about .about .text ul li { width: 50%; } } @media (max-width: 767px) { .wrap-about .about .text ul li { width: 100%; } } .wrap-about .about .text ul li:last-child { width: 40%; } @media (max-width: 991px) { .wrap-about .about .text ul li:last-child { width: 100%; } } .wrap-about .about .text ul li p { font-size: 15px; line-height: 1.875; margin: 0; } .wrap-about .about .text ul li img { max-width: 100%; margin-top: 10px; } .wrap-about .about .investment { margin-top: 80px; } @media (max-width: 991px) { .wrap-about .about .investment { margin-top: 50px; } } .wrap-about .about .investment .title-investment { text-align: center; } .wrap-about .about .investment .title-investment b { font-size: 18px; font-weight: normal; line-height: 24px; display: inline-block; min-width: 590px; padding: 10px 40px; color: #fff; background-color: #095AC2; } @media (max-width: 767px) { .wrap-about .about .investment .title-investment b { min-width: auto; } } .wrap-about .about .investment .list ul { font-size: 0; margin: 0 -15px; margin-top: 30px; } .wrap-about .about .investment .list ul li { display: inline-block; width: 20%; margin-top: 30px; padding: 0 15px; vertical-align: top; } @media (max-width: 991px) { .wrap-about .about .investment .list ul li { width: 33.33333333%; } } @media (max-width: 767px) { .wrap-about .about .investment .list ul li { width: 50%; } } .wrap-about .about .investment .list ul li .num { width: 64px; height: 64px; margin: 0 auto; margin-bottom: 20px; padding: 6px; border-radius: 50%; background: rgba(25, 106, 185, .3); } .wrap-about .about .investment .list ul li .num span { font-size: 26px; font-weight: bold; line-height: 52px; display: block; width: 52px; height: 52px; text-align: center; color: #fff; border-radius: 50%; background-color: #095AC2; } .wrap-about .about .investment .list ul li p { font-size: 15px; line-height: 1.625; margin: 0; } .wrap-about .about .line { margin-top: 80px; } @media (max-width: 991px) { .wrap-about .about .line { margin-top: 50px; } } .wrap-about .about .line .title-line { text-align: center; } .wrap-about .about .line .title-line b { font-size: 18px; font-weight: normal; line-height: 24px; display: inline-block; min-width: 590px; padding: 10px 40px; color: #fff; background-color: #095AC2; } @media (max-width: 767px) { .wrap-about .about .line .title-line b { min-width: auto; } } .wrap-about .about .line .note { max-width: 930px; margin: 0 auto; margin-top: 20px; text-align: center; } .wrap-about .about .line .note p { font-size: 16px; line-height: 1.875; margin: 0; } .wrap-about .business { margin-top: 50px; padding: 90px 0; text-align: center; background: url(../images/aboutin_bg.jpg) no-repeat center; background-size: cover; } .wrap-about .business .text { display: inline-block; padding: 5px 14px; border: 1px dashed #fff; } .wrap-about .business .text p { font-size: 20px; line-height: 1.5; margin: 0; color: #fff; } @media (max-width: 991px) { .wrap-about .business .text p { font-size: 16px; } } .wrap-faq { padding-bottom: 0; } .wrap-faq .faq ul li { display: table; overflow: hidden; width: 100%; } @media (max-width: 991px) { .wrap-faq .faq ul li { display: block; } } .wrap-faq .faq ul li .item { display: table-cell; width: 50%; padding: 60px 50px 60px 12%; vertical-align: top; } @media (max-width: 1560px) { .wrap-faq .faq ul li .item { padding: 30px 30px 30px 4%; } } @media (max-width: 991px) { .wrap-faq .faq ul li .item { display: block; width: 100%; padding: 30px 15px; } } .wrap-faq .faq ul li .item img { max-width: 100%; } .wrap-faq .faq ul li .item:nth-child(2) { padding: 60px 12% 60px 50px; } @media (max-width: 1560px) { .wrap-faq .faq ul li .item:nth-child(2) { padding: 30px 4% 30px 30px; } } @media (max-width: 991px) { .wrap-faq .faq ul li .item:nth-child(2) { padding: 30px 15px; } } .wrap-faq .faq ul li .item .ttext { min-height: 140px; } @media (max-width: 991px) { .wrap-faq .faq ul li .item .ttext { min-height: auto; } } .wrap-faq .faq ul li .item .ttext:nth-child(2) { margin-top: 20px; } .wrap-faq .faq ul li .item .ttext h3 { font-size: 20px; line-height: 30px; position: relative; margin: 0 0 20px 0; padding-left: 46px; color: #095AC2; } @media (max-width: 1560px) { .wrap-faq .faq ul li .item .ttext h3 { font-size: 18px; } } .wrap-faq .faq ul li .item .ttext h3 span { font-size: 20px; line-height: 30px; position: absolute; left: 0; display: block; width: 30px; height: 30px; text-align: center; color: #fff; background-color: #095AC2; } .wrap-faq .faq ul li .item .ttext p { font-size: 16px; line-height: 1.75; margin: 0; } @media (max-width: 1560px) { .wrap-faq .faq ul li .item .ttext p { font-size: 15px; } } .wrap-faq .faq ul li:first-child .item { padding-top: 0; padding-bottom: 0; } .wrap-faq .faq ul li:first-child .item:first-child { padding-right: 0; } @media (max-width: 991px) { .wrap-faq .faq ul li:first-child .item { padding-top: 30px; } } .wrap-faq .faq ul li:first-child .item .ttext { min-height: auto; } .wrap-faq .faq ul li:nth-child(2) .item:nth-child(2) { background: url(../images/faq_bg.jpg) repeat; } .wrap-faq .faq ul li:nth-child(3) .item:first-child { background-color: #f8f8f8; } @media (max-width: 1560px) { .wrap-faq .faq ul li:nth-child(3) .item:first-child .ttext { min-height: auto; } } .wrap-faq .faq ul li:nth-child(3) .item:nth-child(2) { padding: 0; } .wrap-faq .faq ul li:nth-child(4) .item:first-child { background: url(../images/faq_bg.jpg) repeat; } .wrap-gallery .gallery { max-width: 1400px; margin: 0 auto; } .wrap-gallery .gallery .text { position: relative; padding-right: 200px; } @media (max-width: 991px) { .wrap-gallery .gallery .text { padding-right: 0; } } .wrap-gallery .gallery .text:after { display: block; width: 92px; height: 1px; margin-top: 18px; content: ''; background-color: #095AC2; } @media (max-width: 991px) { .wrap-gallery .gallery .text:after { display: none; } } .wrap-gallery .gallery .text:before { position: absolute; bottom: -1px; left: 0; display: block; width: 20px; height: 3px; content: ''; background-color: #095AC2; } @media (max-width: 991px) { .wrap-gallery .gallery .text:before { display: none; } } .wrap-gallery .gallery .text h3 { font-family: 'Roboto Condensed'; font-size: 20px; } .wrap-gallery .gallery .text p { line-height: 1.57142857; max-width: 830px; margin: 0; } .wrap-gallery .gallery .text a.more { font-family: 'Roboto Condensed'; font-size: 20px; line-height: 30px; position: absolute; right: 0; bottom: 0; display: inline-block; padding: 10px 20px; -webkit-transition: all .4s; transition: all .4s; text-transform: uppercase; color: #fff; border-radius: 50px; background-color: #095AC2; } @media (max-width: 991px) { .wrap-gallery .gallery .text a.more { font-size: 18px; position: relative; bottom: auto; margin-top: 30px; } } .wrap-gallery .gallery .text a.more:before { font-family: 'iconfont' !important; font-size: 24px; display: inline-block; margin-right: 10px; content: '\e72e'; vertical-align: middle; } .wrap-gallery .gallery .text a.more:hover { background-color: #024a90; } .wrap-gallery .gallery .item { margin-top: 50px; -webkit-transition: all .4s; transition: all .4s; } .wrap-gallery .gallery .item .img-box { padding-bottom: 60.75949367%; } .wrap-gallery .gallery .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-gallery .gallery .item .note { padding: 30px 10px; } @media (max-width: 991px) { .wrap-gallery .gallery .item .note { padding: 20px 0 0 0; } } .wrap-gallery .gallery .item .note b { font-family: 'Roboto Condensed'; font-size: 20px; font-weight: normal; line-height: 30px; display: -webkit-box; display: block; overflow: hidden; height: 120px; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .wrap-gallery .gallery .item .note p { line-height: 1.42857143; display: -webkit-box; overflow: hidden; height: 60px; margin: 14px 0 0 0; display: none; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .wrap-gallery .gallery .item .note a.more { line-height: 24px; display: block; margin-top: 10px; color: #fff; } @media (max-width: 991px) { .wrap-gallery .gallery .item .note a.more { color: #666; } } .wrap-gallery .gallery .item:hover { background-color: #095AC2; } .wrap-gallery .gallery .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-gallery .gallery .item:hover .note b, .wrap-gallery .gallery .item:hover .note p, .wrap-gallery .gallery .item:hover .note a.more { color: #fff; } .wrap-gallery-show .gallery-show { max-width: 1400px; margin: 0 auto; } .wrap-gallery-show .title-gallery h1 { font-family: 'Roboto Condensed'; font-size: 26px; font-weight: bold; } .wrap-gallery-show .text { margin-top: 20px; } .wrap-gallery-show .text p { font-size: 16px; line-height: 1.625; margin: 0; color: #666; } .wrap-gallery-show .text a.more { font-family: 'Roboto Condensed'; font-size: 20px; line-height: 30px; display: inline-block; margin-top: 30px; padding: 10px 20px; -webkit-transition: all .4s; transition: all .4s; text-transform: uppercase; border: 1px dashed #b5b5b5; border-radius: 50px; } .wrap-gallery-show .text a.more:before { font-family: 'iconfont' !important; font-size: 24px; display: inline-block; margin-right: 10px; content: '\e72e'; vertical-align: middle; } .wrap-gallery-show .text a.more:hover { color: #fff; background-color: #095AC2; } .wrap-gallery-show .listbox { margin-top: 30px; } .wrap-gallery-show .listbox .item { margin-top: 30px; } .wrap-gallery-show .listbox .item .img-box { padding-bottom: 60.75949367%; } .wrap-gallery-show .relate .title-relate { font-size: 0; line-height: 30px; margin-top: 60px; padding: 15px; background-color: #095AC2; } .wrap-gallery-show .relate .title-relate b { font-family: 'Roboto Condensed'; font-size: 26px; line-height: 30px; display: inline-block; vertical-align: top; text-transform: uppercase; color: #fff; } .wrap-gallery-show .relate .title-relate a { font-size: 16px; line-height: 30px; display: inline-block; float: right; vertical-align: top; text-transform: uppercase; color: #fff; } .wrap-gallery-show .relate .item { margin-top: 50px; -webkit-transition: all .4s; transition: all .4s; } .wrap-gallery-show .relate .item .img-box { padding-bottom: 60.75949367%; } .wrap-gallery-show .relate .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-gallery-show .relate .item .note { padding: 30px 10px; } @media (max-width: 991px) { .wrap-gallery-show .relate .item .note { padding: 20px 0 0 0; } } .wrap-gallery-show .relate .item .note b { font-family: 'Roboto Condensed'; font-size: 20px; font-weight: normal; line-height: 30px; display: -webkit-box; display: block; overflow: hidden; height: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-gallery-show .relate .item .note p { line-height: 1.42857143; display: -webkit-box; overflow: hidden; height: 60px; margin: 14px 0 0 0; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .wrap-gallery-show .relate .item .note a.more { line-height: 24px; display: block; margin-top: 10px; color: #fff; } @media (max-width: 991px) { .wrap-gallery-show .relate .item .note a.more { color: #666; } } .wrap-gallery-show .relate .item:hover { background-color: #095AC2; } .wrap-gallery-show .relate .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-gallery-show .relate .item:hover .note b, .wrap-gallery-show .relate .item:hover .note p, .wrap-gallery-show .relate .item:hover .note a.more { color: #fff; } .wrap-news .news { max-width: 1400px; margin: 0 auto; margin-top: -50px; } .wrap-news .news .item { margin-top: 50px; } @media (max-width: 991px) { .wrap-news .news .item { height:270px } } .wrap-news .news .item b { font-family: 'Roboto Condensed'; font-size: 18px; font-weight: normal; line-height: 1.54545455; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 991px) { .wrap-news .news .item b { font-size: 18px; line-height: 30px; height: 60px; } } .wrap-news .news .item .pic { position: relative; } @media (max-width: 991px) { .wrap-news .news .item .pic { margin-top: 14px; } } .wrap-news .news .item .pic .img-box { padding-bottom: 71%; } .wrap-news .news .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; border:1px #ccc solid } .wrap-news .news .item .pic .date { position: absolute; bottom: 0; left: 0; width: 80px; height: 60px; -webkit-transition: all .4s; transition: all .4s; text-align: center; background-color: #a7a7a7; } @media (max-width: 991px) { .wrap-news .news .item .pic .date { width: 60px; height: 40px; } } .wrap-news .news .item .pic .date h3 { font-size: 26px; font-weight: bold; margin: 6px 0 0 0; color: #fff; } @media (max-width: 991px) { .wrap-news .news .item .pic .date h3 { font-size: 20px; margin-top: 2px; } } .wrap-news .news .item .pic .date span { font-size: 14px; display: block; color: #fff; } @media (max-width: 991px) { .wrap-news .news .item .pic .date span { font-size: 12px; } } .wrap-news .news .item p { line-height: 1.71428571; display: -webkit-box; overflow: hidden; margin: 10px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .wrap-news .news .item:hover b, .wrap-news .news .item:hover p { color: #095AC2; } .wrap-news .news .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-news .news .item:hover .pic .date { background-color: #095AC2; } .wrap-news-show { overflow: hidden; } .wrap-news-show .news-show { max-width: 1400px; margin: 0 auto; } .wrap-news-show .news-show .news-left { float: left; width: 70%; padding-right: 50px; } @media (max-width: 991px) { .wrap-news-show .news-show .news-left { width: 100%; padding-right: 0; } } .wrap-news-show .news-show .news-left .title-news { text-align: center; } .wrap-news-show .news-show .news-left .title-news h1 { font-family: 'Roboto Condensed'; font-size: 26px; font-weight: bold; } .wrap-news-show .news-show .news-left .title-news p { font-size: 16px; line-height: 50px; margin: 14px 0 0 0; text-align: right; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .wrap-news-show .news-show .news-left .title-news p a { display: inline-block; float: right; color: #095AC2; } .wrap-news-show .news-show .news-left .title-news p a:hover { color: #024a90; } .wrap-news-show .news-show .news-left .text { } .wrap-news-show .news-show .news-left .text p { font-size: 16px; line-height: 1.75; margin: 0; color: #666; } .wrap-news-show .news-show .news-left .text img { max-width: 100%; } .wrap-news-show .news-show .news-left .relate { margin-top: 30px; border-top: 1px solid #dcdcdc; } .wrap-news-show .news-show .news-left .relate ul { overflow: hidden; } .wrap-news-show .news-show .news-left .relate ul li { float: left; width: 50%; margin-top: 10px; } @media (max-width: 991px) { .wrap-news-show .news-show .news-left .relate ul li { width: 100%; } } .wrap-news-show .news-show .news-left .relate ul li a { font-size: 16px; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; -webkit-transition: all .4s; transition: all .4s; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-news-show .news-show .news-left .relate ul li.next { text-align: right; } @media (max-width: 991px) { .wrap-news-show .news-show .news-left .relate ul li.next { text-align: left; } } .wrap-news-show .news-show .news-left .relate ul li:hover a { color: #095AC2; } .wrap-news-show .news-show .news-right { float: right; width: 30%; padding-left: 50px; border-left: 1px solid #ddd; } @media (max-width: 991px) { .wrap-news-show .news-show .news-right { width: 100%; margin-top: 40px; padding-left: 0; border-left: none; } } .wrap-news-show .news-show .news-right .title-other b { font-family: 'Roboto Condensed'; font-size: 30px; font-weight: normal; display: inline-block; text-transform: uppercase; } .wrap-news-show .news-show .news-right .title-other b:after { display: block; width: 44px; height: 4px; margin-top: 10px; content: ''; background-color: #095AC2; } .wrap-news-show .news-show .news-right .title-other a.more { font-size: 16px; display: inline-block; float: right; margin-top: 20px; text-transform: uppercase; color: #999; } .wrap-news-show .news-show .news-right .title-other a.more:hover { color: #095AC2; } .wrap-news-show .news-show .news-right .newsinfo:after { display: block; width: 2px; height: 44px; margin-top: 30px; content: ''; } .wrap-news-show .news-show .news-right .newsinfo ul li { overflow: hidden; margin-top: 34px; } .wrap-news-show .news-show .news-right .newsinfo ul li .pic { float: left; width: 36%; } .wrap-news-show .news-show .news-right .newsinfo ul li .pic .img-box { padding-bottom: 44.11764706%; } .wrap-news-show .news-show .news-right .newsinfo ul li .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-news-show .news-show .news-right .newsinfo ul li .note { float: left; width: 64%; padding-left: 10px; } .wrap-news-show .news-show .news-right .newsinfo ul li .note b { font-family: 'Roboto Condensed'; font-weight: normal; line-height: 20px; display: block; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-news-show .news-show .news-right .newsinfo ul li .note p { font-size: 13px; line-height: 1.38461538; display: -webkit-box; overflow: hidden; height: 36px; margin: 0; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap-news-show .news-show .news-right .newsinfo ul li:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-news-show .news-show .news-right .newsinfo ul li:hover .note b { color: #095AC2; } .wrap-news-show .news-show .news-right .line { margin-top: 20px; } .wrap-news-show .news-show .news-right .line b { font-size: 16px; font-weight: normal; display: block; margin: 14px 0; text-transform: uppercase; color: #095AC2; } .wrap-news-show .news-show .news-right .line p { line-height: 1.42857143; margin: 0; color: #666; } .wrap-contact .contact { overflow: hidden; max-width: 1400px; margin: 0 auto; } .wrap-contact .contact .text { float: left; width: 45%; padding-right: 6%; } @media (max-width: 991px) { .wrap-contact .contact .text { width: 100%; padding-right: 0; } } .wrap-contact .contact .text p { font-size: 16px; line-height: 1.625; margin: 0; } .wrap-contact .contact .text b { font-size: 26px; display: block; margin: 20px 0; color: #095AC2; } @media (max-width: 991px) { .wrap-contact .contact .text b { font-size: 20px; } } .wrap-contact .contact .text b:after { display: block; width: 44px; height: 4px; margin-top: 10px; content: ''; background-color: #095AC2; } .wrap-contact .contact .text p.tel, .wrap-contact .contact .text p.email, .wrap-contact .contact .text p.address, .wrap-contact .contact .text p.fax, .wrap-contact .contact .text p.skype { font-size: 20px; line-height: 30px; position: relative; margin-bottom: 14px; padding-left: 46px; } @media (max-width: 991px) { .wrap-contact .contact .text p.tel, .wrap-contact .contact .text p.email, .wrap-contact .contact .text p.address, .wrap-contact .contact .text p.fax, .wrap-contact .contact .text p.skype { font-size: 16px; } } .wrap-contact .contact .text p.tel:before, .wrap-contact .contact .text p.email:before, .wrap-contact .contact .text p.address:before, .wrap-contact .contact .text p.fax:before, .wrap-contact .contact .text p.skype:before { font-family: 'iconfont' !important; font-size: 26px; line-height: 30px; position: absolute; top: 0; left: 0; content: '\ea80'; color: #095AC2; } .wrap-contact .contact .text p.email:before { content: '\e63b'; } .wrap-contact .contact .text p.skype:before { content: '\e6b8'; } .wrap-contact .contact .text p.address:before { font-weight: bold; content: '\e63c'; } .wrap-contact .contact .text p.fax:before { font-size: 30px; content: '\e63d'; } .wrap-contact .contact .pic { float: left; width: 55%; } @media (max-width: 991px) { .wrap-contact .contact .pic { width: 100%; margin-top: 40px; } } .wrap-contact .contact .pic img { max-width: 100%; } .product-show{ } .wrap-product .product .text { padding-left: 16px; border-left: 5px solid #095AC2; } .wrap-product .product .text p { font-size: 16px; line-height: 1.75; margin: 0; } @media (max-width: 991px) { .wrap-product .product .text p { font-size: 15px; } } .wrap-product .product .item { margin-bottom: 20px; background-color:#fff; border:1px #ccc solid } .wrap-product .product .item .img-box { /*padding-bottom: 60.75949367%;*/ } .wrap-product .product .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-product .product .item .note { display: block; padding: 22px 0; } .wrap-product .product .item .note b { font-family: 'Roboto Condensed'; font-size: 16px; line-height: 30px; text-align:center; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 1199px) { .wrap-product .product .item .note b { font-size: 18px; } } .wrap-product .product .item .note p { line-height: 1.85714286; display: -webkit-box; overflow: hidden; height: 78px; margin: 14px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 767px) { .wrap-product .product .item .note p { display: -webkit-box; overflow: hidden; height: 52px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } .wrap-product .product .item .note span { line-height: 34px; display: inline-block; margin-top: 20px; padding: 0 10px; text-transform: uppercase; color: #666; } @media (max-width: 1199px) { .wrap-product .product .item .note span { margin-top: 20px; } } @media (max-width: 767px) { .wrap-product .product .item .note span { padding: 0 10px; } } /*.wrap-product .product .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }*/ .wrap-product .product .item:hover .img-box img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .wrap-product .product .item:hover .note b { color: #095AC2; } .wrap-product .product .item:hover .note span { color: #fff; background-color: #095AC2; } .wrap-product-show .product-show .info { overflow: hidden; } .wrap-product-show .product-show .info .text, .wrap-product-show .product-show .info .pic { float: left; } .wrap-product-show .product-show .info .pic { width: 55%; border:1px #ccc solid } @media (max-width: 991px) { .wrap-product-show .product-show .info .pic { width: 100%; } } .wrap-product-show .product-show .info .pic img { max-width: 100%; } .wrap-product-show .product-show .info .text { width: 45%; padding-left: 30px; } @media (max-width: 991px) { .wrap-product-show .product-show .info .text { width: 100%; margin-top: 30px; padding-left: 0; } } .wrap-product-show .product-show .info .text .title-product h1 { font-family: 'Roboto Condensed'; font-size: 30px; font-weight:bold; margin: 0; } .wrap-product-show .product-show .info .text .title-product:after { display: block; height: 2px; margin-top: 10px; content: ''; background-color: #095AC2; } .wrap-product-show .product-show .info .text .note { margin-top: 30px; } .wrap-product-show .product-show .info .text .note p { font-size: 16px; line-height: 1.875; color: #666; } .wrap-product-show .product-show .info .text .note b{ font-weight:bold; color:#014C9F; } .pd_tel_icon { vertical-align: middle; margin-right: 6px; fill: #333; /* 可以换成品牌主色 */ } .wrap-product-show .detail { margin-top: 50px; } .wrap-product-show .detail .title-detail { text-align: center; background-color: #095AC2; } .wrap-product-show .detail .title-detail b { font-family: 'Roboto Condensed'; font-size: 24px; font-weight: normal; line-height: 58px; display: block; color: #fff; } .wrap-product-show .detail .text { margin-top: 26px; } .wrap-product-show .detail .text img { max-width: 100%; } .wrap-product-show .detail .text p { font-size: 16px; line-height: 1.875; margin: 0; } .wrap-product-show .relate { margin-top: 60px; border-top: 1px solid #dcdcdc; } .wrap-product-show .relate ul { overflow: hidden; } .wrap-product-show .relate ul li { float: left; width: 50%; margin-top: 10px; } @media (max-width: 991px) { .wrap-product-show .relate ul li { width: 100%; } } .wrap-product-show .relate ul li a { font-size: 16px; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; -webkit-transition: all .4s; transition: all .4s; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-product-show .relate ul li.next { text-align: right; } @media (max-width: 991px) { .wrap-product-show .relate ul li.next { text-align: left; } } .wrap-product-show .relate ul li:hover a { color: #095AC2; } /** * page */ .page { clear: both; overflow: hidden; margin-top: 70px; text-align: center; } .page a { font-size: 20px; line-height: 32px; display: inline-block; overflow: hidden; width: 32px; height: 32px; margin: 0 4px; -webkit-transition: all .2s linear; transition: all .2s linear; text-align: center; color: #999; border-radius: 50%; } @media (max-width: 991px) { .page a { margin: 0 6px; } } .page a.omit:hover { color: #333; background-color: #eee; } .page a.prev { font-size: 18px; margin-right: 10px; } .page a.prev:after { font-family: 'iconfont' !important; content: '\e601'; } .page a.next { font-size: 18px; margin-left: 10px; } .page a.next:before { font-family: 'iconfont' !important; content: '\e827'; } .page a.page-num-current, .page a:hover { color: #095AC2; } @media (max-width: 767px) { .page a { line-height: 34px; width: 34px; height: 34px; } .page a.first-child, .page a.last-child { margin: 0 5px; } } .bdshare_popup_box { right: 0 !important; left: auto !important; display: none !important; } .stuck { top: 0; width: 100%; line-height:120px } @media (max-width: 1199px) { .stuck .logo { right:4% } } .stuck .nav .nav-list1 > li > a { line-height: 120px; } .stuck .nav .nav-list1 > li.more > a:after { margin-top: 28px; } .stuck .find { line-height: 70px; height: 70px; } .stuck .right { height: 70px; } .stuck .cart { margin-top: 13px; } .table-box { overflow: auto; width: 100%; max-width: 100%; } .table-box img{ width:330px; padding: 10px; border: 1px #ccc solid; margin: 10px;} .bdshare_weixin_qrcode_dialog { height: 320px !important; } button.btn { background:#095AC2; border-color:#095AC2;} button.btn:hover{background:#901310;border-color:#901310;} #maximg img{ max-width:100% !important; height:auto !important} .in-prod-menu { text-align: center; font-size: 0; margin-bottom: 20px; margin-top:50px; } .in-prod-menu li { display: inline-block; vertical-align: middle; } /*.in-prod-menu li.active a { color: #095AC2; border-bottom:2px #095AC2 solid }*/ .in-prod-menu li a { display: block; margin: 0 20px; font-size: 20px; line-height: 55px; position: relative; } .img-cover span { display: block; width: 100%; background: no-repeat center / cover; transition: all 0.5s; height: 100%; position: absolute; left: 0; top: 0; } .img-cover { overflow: hidden; position: relative; } .list-1 {margin: -20px 0 0 -20px;} .list-1 li {float: left;width: 33%;} .list-1 li a {display: block;margin: 20px 0 0 20px;} .list-1 li .img-cover {border: 1px solid #ddd;padding-top: 76%;} .list-1 li .text {line-height: 40px;background-color: #e6e6e6;text-align: center;margin: 2px 0 0;position: relative;} .list-1 li .text:before {content: '';position: absolute;left: 50%;width: 0;height: 100%;background-color: #023793;transition: all 0.5s;} .list-1 li .text p {margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 1;transition: all 0.5s; font-size:16px} .list-1 li a:hover .img-cover span {transform: scale(1.1);} .list-1 li a:hover .text:before {width: 100%;left: 0;} .list-1 li a:hover .text p {color: #fff;} .list-1-1 li {width: 33.333333%;} .p_button { /*display: inline-block;*/ text-align:center; margin-top: 50px; } .p_button a { font-family: OpenSans-Bold; color: #FFFFFF; background-color: #004297; border: 1px solid #00000000; font-size: 12px; border-radius: 0px !important; text-align: center; padding-left: 55px; padding-right: 55px; padding-top: 15.5px; padding-bottom: 15.5px; } .compute_item_img .compute_process_img img { position: absolute; } @media screen and (min-width: 1000px) *[img-hover-method=normal] img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ly_poster_10 .top_title{text-align: center;margin-bottom: 60px}.ly_poster_10 .item_container{display: flex;align-items: stretch;justify-content: left;margin-top: 30px;align-content: center;flex-wrap: wrap}.ly_poster_10 .item_container .item_box{position: relative;overflow: hidden}.ly_poster_10 .item_container .item_box .content_box{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;z-index: 10}.ly_poster_10 .item_container .item_box .content_box .box_icon{display: inline-block;margin-top: 22px}.ly_poster_10 a:hover{text-decoration: none}.ly_poster_10 .item_box::after{transition: all 0.3s;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none}@media screen and (max-width: 1000px){.ly_poster_10 .top_title{margin-bottom: 30px}} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-1 .box_icon{font-family: OpenSans-Bold;color: #ffcc00;background-color: #00000000;border: 1px solid #00000000;font-size: 14px;border-radius: 0px !important;text-align: center;padding-left: 43px;padding-right: 43px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_10[data-visual-id="4564"] .item_box.Poster-1 .box_icon:hover{color: #000000;background-color: #ffcc00;border: 1px solid #00000000;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-2 .box_icon{font-family: OpenSans-Bold;color: #ffcc00;background-color: #00000000;border: 1px solid #00000000;font-size: 14px;border-radius: 0px !important;text-align: center;padding-left: 43px;padding-right: 43px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_10[data-visual-id="4564"] .item_box.Poster-2 .box_icon:hover{color: #000000;background-color: #ffcc00;border: 1px solid #00000000;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-3 .box_icon{font-family: OpenSans-Bold;color: #ffcc00;background-color: #00000000;border: 1px solid #00000000;font-size: 14px;border-radius: 0px !important;text-align: center;padding-left: 43px;padding-right: 43px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_10[data-visual-id="4564"] .item_box.Poster-3 .box_icon:hover{color: #000000;background-color: #ffcc00;border: 1px solid #00000000;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-4 .box_icon{font-family: OpenSans-Bold;color: #ffcc00;background-color: #00000000;border: 1px solid #00000000;font-size: 14px;border-radius: 0px !important;text-align: center;padding-left: 43px;padding-right: 43px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_10[data-visual-id="4564"] .item_box.Poster-4 .box_icon:hover{color: #000000;background-color: #ffcc00;border: 1px solid #00000000;} .ly_poster_10[data-visual-id="4564"]{background-color: #FFFFFF; padding-bottom: 0px;} .ly_poster_10[data-visual-id="4564"] .top_title .t_title{color: #222222;font-size: 54px;} .ly_poster_10[data-visual-id="4564"] .item_container .item_box{width: calc(100% / 4);} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-1::after{background-color: rgba(0,0,0,60%);} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-1:hover::after{background-color: rgba(0,0,0,0%);} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-1 .title_box{color: #fff;font-size: 38px;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-2::after{background-color: rgba(0,0,0,60%);} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-2:hover::after{background-color: rgba(0,0,0,0%);} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-2 .title_box{color: #fff;font-size: 38px;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-3::after{background-color: rgba(0,0,0,60%);} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-3:hover::after{background-color: rgba(0,0,0,0%);} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-3 .title_box{color: #fff;font-size: 38px;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-4::after{background-color: rgba(0,0,0,60%);} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-4:hover::after{background-color: rgba(0,0,0,0%);} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-4 .title_box{color: #fff;font-size: 38px;} @media screen and (max-width: 1000px) { .ly_poster_10[data-visual-id="4564"]{ padding-bottom: 0px;} .ly_poster_10[data-visual-id="4564"] .top_title .t_title{font-size: 30px;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-1 .title_box{font-size: 26px;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-2 .title_box{font-size: 26px;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-3 .title_box{font-size: 26px;} .ly_poster_10[data-visual-id="4564"] .item_box.Poster-4 .title_box{font-size: 26px;} } .pic_box { display: grid; gap: 30px; margin-top: 78px; grid-template-columns: repeat(3, calc((100% - 60px) / 3)); margin:30px auto } .pic_box .pic_item { overflow: hidden; } .compute_item_img { display: block; position: relative; transition: all .3s ease-in-out; } .compute_item_img .compute_process_img { display: flex; position: relative; width: 100%; height: 0; } .toolbar{position:fixed;bottom:10%;right:1%;z-index:100;width:80px;transition:all .5s} .toolbar dd{position:relative;float:left;width:80px;height:80px;background:#1D60AD;backdrop-filter:blur(5px);margin-top:2px;border-radius:5px;color:#fff;font-size:14px;line-height:21px;text-align:center;cursor:pointer;transition:all .5s} .toolbar dd:first-child{margin-top:0} .toolbar dd i{width:100%;height:30px;display:block;margin-top:13px;background:url(../images/toolbar.png) no-repeat center 0} .toolbar dd.qq i{background-position-y:0} .toolbar dd.tel i{background-position-y:-30px} .toolbar dd.code i{background-position-y:-60px} .toolbar dd.top i{background-position-y:-90px} .toolbar dd.top{ display:none;} .toolbar dd span{display:block;color:#fff} .toolbar dd.tel .box{position:absolute;top:0;width:190px;right:-200px;min-height:100%;margin-right:10px;border-radius:5px;background:#1D60AD;opacity:0;transition:all .5s} .toolbar dd.tel .box p{font-size:14px;margin:15px auto 7px} .toolbar dd.tel .box h3{font-size:18px;font-weight:bold; line-height:1.8;} .toolbar dd.tel .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent transparent transparent #1D60AD;border-width:9px;width:0;height:0;position:absolute;top:50%;margin-top:-9px;right:-18px;margin-left:-12px} .toolbar dd.code .box{position:absolute;top:0;width:162px;right:-172px;height:162px;margin-right:10px;border-radius:5px;background:#1D60AD;opacity:0;transition:all .5s} .toolbar dd.code .box img{width:140px;height:140px;margin:11px} .toolbar dd.code .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent transparent transparent #1D60AD;border-width:9px;width:0;height:0;position:absolute;top:30px;right:-18px;margin-left:-12px} .toolbar dd:hover{background:#1D60AD} .toolbar dd.tel:hover .box{opacity:1;right:80px} .toolbar dd.code:hover .box{opacity:1;right:80px} .f_kslj{position:fixed;bottom:-70px;width:100%;height:60px;z-index:1000;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);transition:all .5s} .f_kslj ul{display:flex} .f_kslj ul li{width:100%} .f_kslj ul li a{color:#fff;line-height:25px;text-align:center;display:block;padding:10px 0} .f_kslj ul li a i{display:block;font-size:18px} @media all and (max-width:1000px){.toolbar{right:-100px} .topback{right:2%} } @media all and (max-width:760px){.foot_bottombg{height:auto!important;padding-bottom:60px} .f_kslj{bottom:0} .pub_title h2,.pub_title2 h2{ font-size:18px;} } @media all and (max-width:480px){.pub_title h2,.pub_title2 h2{ font-size:16px;}} @media all and (max-width:1600px){ .pub_title h2{font-size:54px}} @media all and (max-width:1359px){ .pub_title h2{font-size:32px}} @media all and (max-width:1000px){.pub_title h2,.pub_title2 h2{ font-size:24px;}} @media all and (max-width:760px){ .pub_title h2,.pub_title2 h2{ font-size:18px;} } #dibua{ width:100%; float:left; overflow:hidden; padding-top:2%; padding-bottom:50px; background-color:#212121; background-repeat: no-repeat; background-position: center center; background-size:cover; } #dbkg{ width:100%; float:left;background-color:#333; height:50px;} #body,#body_1{margin-left:auto;margin-right:auto; min-width:320px;max-width:1440px;} #piaofu{width:100%;height:62px;position:fixed;bottom:0px;left:0px; z-index:300;} #main{ width:100%; float:left;} #top{ width:98%; float:left; padding:0px 1%; display:block; position:relative; z-index:150; } #top .topa{ width:100%; float:left;} #top .logo{ float:left; text-align:left; width:28%; padding:10px 0px;} #top .logo img{ height:80px; max-width:100%; display:block;} #dh{ float:right; width:62%; text-align:center; } #tel{ float:right; line-height:100px; font-size:30px; color:#000; font-family: "Times New Roman", Times, serif; font-weight:bold; position:relative; z-index:100; } #tel i{margin-left:10px; margin-right:10px; font-size:20px; width:50px; height:50px; text-align:center; line-height:50px; border-radius:100%; font-weight:normal;} #tel .fa-volume-control-phone{ color:#fff; background-color:#1D60AD;} #tel .fa-search{ background-color:#1D60AD; cursor:pointer; color:#fff;} #tel .fa-search:hover,#tel .secd{ background-color:#44BDBB; color:#fff} #tel .fso{ width:250px; position:absolute; right:0px; padding:10px; top:92%; background-color:#fff;box-shadow: 0px 1px 8px #ccc;-webkit-box-shadow: 0px 1px 8px #ccc;-moz-box-shadow: 0px 1px 8px #ccc; overflow:hidden; display:none;} #menu {Z-INDEX: 100; POSITION: relative; float:left; width:100%; margin-right:2%;} #menu UL {LIST-STYLE-TYPE: none;} #menu UL LI { POSITION: relative; float:left; width:12.5%;font-size:16px; } #menu UL LI:after{ width:1px; height:8px; content:""; background-color:#DAE1E7; position:absolute; right:0px; top:50%; margin-top:-4px; right:0px;} #menu UL LI:last-child:after{ display:none;} #menu UL LI A { TEXT-ALIGN: center; DISPLAY: block; line-height:100px; color:#111; transition:all 0.2s ease-in-out 0s; } #menu UL LI A span{ position:relative;} #menu UL LI A span:after{ width:0px; height:2px; background-color:#1D60AD; position:absolute; left:0px; bottom:-10px; content:"";transition:all 0.4s ease-in-out 0s;} #menu UL LI A i{ margin-left:12px; font-size:14px;} #menu UL LI .change { TEXT-DECORATION: none; color:#1D60AD; } #menu UL LI .change span:after,#menu UL LI A:hover span:after,#menu UL LI a.sec span:after{ width:100%;} #menu UL LI A:hover { TEXT-DECORATION: none; color:#1D60AD; } #menu UL LI a.sec {color:#1D60AD; } #menu UL LI OL { POSITION: absolute; WIDTH:120%; DISPLAY: none; COLOR: #1D60AD; MARGIN-LEFT: 0px; padding:0px; left:-10%; background-color:rgba(255,255,255,0.9); box-shadow: 2px 1px 8px #999;-webkit-box-shadow: 0px 2px 8px #999;-moz-box-shadow: 0px 2px 8px #999; } #menu UL LI OL LI { DISPLAY: block; FLOAT: none; background-image:none; font-weight:normal;padding:0px; padding:0px; margin:0px; text-align:left;WIDTH:100%; font-size:14px; } #menu UL LI OL LI:after{ display:none;} #menu UL LI OL LI A { text-align:center; WIDTH: auto; DISPLAY: block; overflow:hidden; COLOR:#333; padding:6px 20px; LINE-HEIGHT: 25px; border-bottom:rgba(0,0,0,0.1) solid 1px; margin:0px; font-weight:normal; } #menu UL LI OL LI A:hover { color:#fff; background-color:#1D60AD; background-image:none; } .clear{ clear:both;} #ddfb{ width:100%; float:left; } #ddfb .line{ width: 1px; height: 300px; margin: 0 10px; background-color: rgba(255, 255, 255, 0.5); } #ddfb ul{ list-style-type:none; } #ddfb ul li{ width:17%; float:left; } #ddfb ul li.lx{ width:45%; float:right; margin-right:0px; color:#FFF4F4; position:relative;} #ddfb ul li.lx .nrc{ width:100%;} #ddfb ul li.lx .logo{ width:100%; float:left; margin-bottom:15px;} #ddfb ul li.lx .logo img{ /*max-width:45%; display:block; height:40px; float:left;*/ } #ddfb ul li.lx .js{ width:100%; float:left; margin-top:2%;} #ddfb ul li.lx .emw{ position:absolute; right:0px; width:35%;} #ddfb ul li.lx .emw p{ line-height:28px;text-align:center; padding-left:0px;} #ddfb ul li.lx .emw img{ width:100%;} #ddfb ul li.lx .tel{ background-color:rgba(255,255,255,0.08);float:left;border-radius:40px; line-height:40px; float:right; color:#fff; font-size:24px; font-weight:bold; font-family: "Times New Roman", Times, serif; padding-right:10px; } #ddfb ul li.lx .js p{ font-size:16px} #ddfb ul li.lx .tel i{ margin-right:10px; float:left;line-height:40px; height:40px; background-color:#1D60AD; text-align:center; width:40px;font-size:20px;border-radius:40px;} #ddfb ul li a{ color:rgba(255,255,255,0.8);} #ddfb ul li a:hover{ color:#fff;} #ddfb ul li p{ font-size:14px; color:rgba(255,255,255,0.8);} #ddfb ul li.lx p{ line-height:35px; margin-bottom:10px; padding-left:35px; position:relative;} #ddfb ul li.lx p i{ width:25px; border:#fff solid 1px; height:25px; color:#fff; border-radius:100%; line-height:25px; text-align:center; font-size:18px; position:absolute; left:0px; top:0px;} #ddfb ul li dd{ font-size:16px; color:#fff; width:100%; font-weight:bold; margin-bottom:15px; position:relative; padding-bottom:18px; } @media only screen and (max-width: 1600px){#tel{font-size:24px;} #tel i{margin-left:5px; margin-right:5px; font-size:18px; width:40px; height:40px; text-align:center; line-height:40px;}#menu UL LI A { font-size:14px;font-weight:bold; }.bannerd .swiper-slide .wznr .js{ margin-left:2%;}.bannerd .kz{ padding:0px 2%; width:96%;}.bannerd .swiper-slide .wznr p{ font-size:14px;}.bannerd .swiper-slide{ height:600px;}.bannerd .swiper-slide .wznr .js{ margin-top:12%;}} @media only screen and (max-width: 1300px){#top .logo{ width:25%;} #top .logo img{ height:50px; max-width:100%; display:block;}#main{ width:97%; padding:1.5%;}#menu UL LI A { font-size:13px; line-height:70px;}#menu UL LI OL LI A { font-size:12px;}#tel{font-size:16px; line-height:70px;} #tel i{width:30px; height:30px; line-height:30px;}#menu{ width:95%;}#ddfb{ width:97%; padding:0px 1.5%;}#guesta .input2,#guesta .input1{ height:25px;}.bannerd .swiper-slide .wznr .js{ margin-left:2%;}.bannerd .kz{ padding:0px 2%; width:96%;} .bannerd .swiper-slide .wznr p{ font-size:14px;}.bannerd .swiper-slide{ height:500px;}} @media only screen and (max-width: 1200px){#top .logo{ width:22%;} #top .logo img{ height:45px;}#menu UL LI A { font-size:12px; line-height:65px;}#menu UL LI OL LI A { font-size:12px;}#tel{font-size:14px; line-height:65px;} #tel i{width:25px; height:25px; line-height:25px; margin-left:5px; margin-right:5px; font-size:16px;}#ddfb ul li.lx .tel{ font-size:18px; line-height:30px;}#ddfb ul li.lx .tel i{ width:30px; height:30px; line-height:30px;}#ddfb ul li.lx .logo img{ height:30px;}#search dd{ font-size:24px;}#cpbtn A{padding:5px 20px; font-weight:bold; font-size:14px}#search .so,#search .buttom,#search .input{ height:50px; font-size:14px;}.bannerd .swiper-slide .wznr h4{ font-size:35px; } .bannerd .swiper-slide .wznr p{ font-size:12px;}.bannerd .swiper-slide .wznr span{ padding-left:20px; padding-right:20px; background-color: #1D60AD; line-height:40px; font-size:14px; }.bannerd .swiper-slide{ height:450px;}} @media only screen and (max-width: 1000px){#bottom,#foot1 .js{font-size:14px;}#ddfb ul li{ width:10%;}#ddfb ul li.lx{ width:44%}#ddfb ul li dd{ font-size:14px;}#ddfb ul li p{ font-size:12px;}.n1000{ display:none;}#dh{ width:70%;}search dd{ font-size:16px; font-weight:bold;}#search .key a{ font-size:14px;}#dh{ width:68%; margin-left:1%;}.bannerd .swiper-slide .wznr h4{ font-size:30px; }.bannerd .swiper-slide{ height:400px;}} @media only screen and (max-width: 900px){#menu UL LI A i{ display:none;}} @media only screen and (max-width: 800px){#tel{ position:absolute; right:65px; top:6%;}#tel i{ width:30px; height:30px; line-height:30px;background-color:#1D60AD;background-image: linear-gradient(to bottom, #0066CC,#1D60AD);} #sinngel iframe,#sinngel embed,#sinngel VIDEO{ height:280px;}#ddfb ul li.lx .emw{ width:25%; bottom:0px; }#ddfb ul li.lx .nrc{ width:75%;}#menu UL LI A i{ display:none}#head{ border-top: solid 4px #1D60AD;}#videod iframe,#videod embed,#videod VIDEO{width:100%;height:280px;}#videoa .gbf{top:-30px; right:-6%}#videoa{margin-top:15%;}#videod{ width:96%; padding:2%; margin:2%; }#videod h5{ font-size:14px;}#bottom dd{ margin-top:0px; margin-bottom:1%; text-align:center;}#head{ background-color:#fff;position:relative; top:0px; float:left;}#head.af1{ position:relative;}#guesta p{ font-size:14px;}#videos iframe,#videos embed,#videos VIDEO{width:100%; max-height:350px; }.ff2{ display:none}.sj_xs{ display:block}.web_xs{ display:none;}#menu UL LI{ width:25%;height:30px; overflow:hidden; border-bottom:rgba(0,0,0,0.1) solid 1px;}#menu UL LI A span:after{ display:none}#menu UL LI:nth-child(4n):after{ background-color:#fff;}#menu UL LI:nth-child(4n):after{ display:none;}#dh{border-bottom:rgba(0,0,0,0.1) solid 0px;}#dh{ width:100%;}#top{ width:100%; padding:2px 0%; padding-bottom:0px;}#menu{ width:100%; display:block;background-color:#1D60AD;}#menu UL LI .change,#menu UL LI A:hover ,#menu UL LI a.sec{color:#fff;background-color:rgba(0,0,0,0.2); }#menu UL LI A { font-size:12px; font-weight:bold; color:#FFFFFF; line-height:30px;}#tel .f22{ font-size:22px;}#top .logo{ width:80%; float:left; margin-left:1.5%; position:relative;}#top .logo img{ max-width:90%; height:auto; display:block; height:65px; }#webso .gb h6{ font-weight:bold}#webso .gb{ margin-top:8%;}.bannerd .swiper-slide .wznr h4{ font-size:18px; font-weight:bold; }.bannerd .swiper-slide{ height:450px;}.bannerd .swiper-slide .wznr .js{ margin-top:25%;}.bannerd .swiper-slide .wznr span{ line-height:30px; font-size:12px; }.bannerd .kz .kzg{width:30px;height:30px; float:left; margin-left:10px;} .bannerd .kz .kzg i{ line-height:30px; font-size:16px; color:#fff;}.bannerd .kz .swiper-button-prev,.bannerd .kz .swiper-button-next{width:30px;height:30px;}.bannerd .kz .swiper-button-next{ margin-left:10px;}} @media only screen and (max-width: 650px){ #ddfb ul li{ width:33%;} #ddfb ul li.lx{ width:100%; margin-top:15px;} #ddfb ul li.lx .emw{ width:15%;} #ddfb ul li.lx .nrc{ width:80%;} #search dd{ font-size:14px; font-weight:bold;} #search .key a{ font-size:12px;} #cpbtn A{padding:5px 20px; font-size:12px} #search .so,#search .buttom,#search .input{ height:40px; font-size:12px;} #ddfb .line,#ddfb .lx{ display:none} } @media only screen and (max-width: 600px){ #bottom{ line-height:1.5; padding-bottom:60px !important } } @media only screen and (max-width: 500px){#videod iframe,#videod embed,#videod VIDEO{width:100%;height:220px;}#guesta p{ font-size:12px;}#ddfb ul li.lx .emw{ width:20%;}#ddfb ul li.lx .nrc{ width:75%;}#search .so,#search .buttom,#search .input{ height:30px; font-size:12px;}#search .buttom{ width:25%;}#search .input{ width:71%;}#tel{ position:absolute; right:45px; top:6%;}} #bottom{ background-color:#1D60AD; width:100%; float:left; font-size: 14px; font-weight:normal; padding:20px 1.5%; border-top:rgba(255,255,255,0.2) solid 1px; } #bottom .copyright { text-align:center; float:left; width:100%; LINE-HEIGHT: 22px; color:#fff; } #bottom A{ color:#fff;} #top .lmd{ float:right; text-align:right;line-height:20px; width:50px; overflow:hidden; height:40px;color:#fff; cursor:pointer; font-size:14px; padding:2px; } #top .lmd i{ font-size:20px; position:absolute; z-index:10000; right:5px; right:2%; top:18%;border:#1D60AD solid 1px; padding:5px 8px;border-radius:4px;box-shadow: 2px 2px 4px #000;background:-webkit-linear-gradient(top, #267CDB,#1D60AD);} #top .back{ width:10%; float:left; text-align:center; margin-top:3.5%;} #top .back i{ font-size:28px; color:#fff;} /*gotop*/ #code,#code_hover,#gotop{ width:57px; height:58px; background:url("../images/code.png") no-repeat; position:fixed; right:50px; cursor:pointer; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } #code{background-position:-273px -250px; bottom:200px; _margin-bottom:130px;z-index:998;} #code_hover{background-position:-273px -250px; bottom:200px; _margin-bottom:130px;z-index:998;opacity:0.8;} #gotop{ background-position:-273px -306px;bottom:132px; _margin-bottom:172px; z-index:9999} #code_img{ width:270px; height:355px; background:url("../images/code.png") -4px -3px no-repeat; position:fixed; right:108px; bottom:135px; cursor:pointer; display:none;z-index:999; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:135px;} .section-title-embar-5 { background:#1D60AD; width: 60px; height: 1px; position: absolute; left:0px; bottom:0px; } .section-title-embar-5:before { position: absolute; content: ''; width: 7px; height: 7px; left: 53px; top: -3px; background:#fff; border-radius: 50px; transition: 0.5s; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-name: MOVE-Bhf; } @-webkit-keyframes MOVE-Bhf { from { transform: translateX(0); } to { transform: translateX(-47px); } } .section-title-embar-6 { background: #1D60AD; width: 30px; height: 1px; position: absolute; left:0px; bottom: 8px; } .section-title-embar-6:before { position: absolute; content: ''; width: 7px; height: 7px; left: 0px; top: -3px; background: #fff; border-radius: 50px; transition: 0.5s; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-name: MOV-Bfa; } @-webkit-keyframes MOV-Bfa { from { transform: translateX(0); } to { transform: translateX(28px); } } #wxnr{width:100%;height:100%;position:fixed;top:0;z-index:1000;display:none;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px)} #wxnr .nrdf{margin:auto;position:absolute;top:50%;left:0;right:0;width:300px;height:300px;padding:20px;padding-top:35px;margin-top:-150px;text-align:center;background-color:rgba(255,255,255,0.8);box-shadow:0px 2px 6px #777;-webkit-box-shadow:0px 2px 6px #777;-moz-box-shadow:0px 2px 6px #777;border-radius:10px;box-sizing:border-box} #wxnr img{width:135px;height:135px;display:block;margin:0 auto} #wxnr p{color:#333;font-size:14px;line-height:25px;text-align:center} #wxnr i.x{position:absolute;top:12px;right:12px;width:18px;height:18px;font-size:12px;line-height:18px;text-align:center;color:#fff;font-weight:bold;font-style:normal;background:#333;border-radius:100%;cursor:pointer} #wxnr span{display:inline-block;padding:3px 5px;line-height:18px;background-color:#44BDBB;color:#fff;border-radius:5px;cursor:pointer} #wxnr span i{color:#fff;margin-right:5px} #weixin{position:fixed;top:50%;margin-top:-25px;z-index:9999999;font-size:16px;color:#fff;width:90%;right:5%;line-height:46px;text-align:center;background:rgba(0,0,0,0.8);border:2px solid #333;border-radius:5px;display:none} .products-container{width:100%;padding:30px 0 50px 0;} .products{width:97%; max-width:1400px; margin:0 auto} #myys{ width:100%; clear:both; display:block; position:relative; background-color:#F2FAFD; margin-top:2.5%; } #myys li{ width:100%; float:left;} #myys .owl-dots{ width:100%; position:absolute; left:0px; bottom:2px;} #myys .owl-controls .owl-dots .owl-dot{} #myys .owl-controls .owl-dots .owl-dot span{width:15px;height:5px;margin:2px; background-color:#fff; border:#1D60AD solid 1px;transition:all 0.4s ease-in-out 0s;} #myys .owl-controls .owl-dots .owl-dot.active span,#myys .cpfl .owl-theme .owl-dots .owl-dot:hover span{background-color:#1D60AD; width:30px;} #ztcp{ width:100%; float:left; position:relative; display:block; } #ztcp .tpa{ width:50%; position:absolute; left:0px; top:0px; height:100%; overflow:hidden; } #ztcp .tpa.ra{ right:0px; left:auto;} #ztcp .tpa img{ width:100%; display:block; min-height:100%;transition:all 0.4s ease-in-out 0s; } #ztcp .tpa:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);} #ztcp .nra{ width:50%; float:right;} #ztcp .nra.la{ float:left;} #ztcp .nra .js{ width:80%; float:left; padding: 15% 10%;} #ztcp .nra .js h4{ font-size:40px; color:#1D60AD; line-height:1.5;} #ztcp .nra .js h5{ font-size:17px; color:#888; font-weight:normal; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; margin-top:1%; margin-bottom:2%; } #ztcp .nra .js p{ padding-left:24px; font-size:16px; color:#555; line-height:2.2; background-image: url(../images/up.png); background-repeat: no-repeat; background-position: left 10px; } .pub_title{text-align:center;width:100%;text-align:center;position:relative;z-index:5} .pub_title h5{font-size:40px;color:#111;font-weight:bold} .pub_title h5 span{position:relative;padding-right:10px} .pub_title h2{font-size:54px; color:#222;} .pub_title h2 span{position:relative} .pub_title h6{font-size:16px;color:#888;font-weight:normal;padding-top:20px} .pub_title h6 a{text-align:center;padding:0 20px} .pub_title h6 a:hover{color:#44BDBB} .pub_title2{text-align:center;width:100%;text-align:center;position:relative;z-index:5} .pub_title2 h5{font-size:40px;color:#111;font-weight:bold;padding-bottom:20px} .pub_title2 h5 span{position:relative;padding-right:10px} .pub_title2 h2{font-size:54px;color:#fff;font-weight:bold;padding-bottom:20px} .pub_title2 h2 span{position:relative} .pub_title2 h6{font-size:16px;color:#fff;font-weight:normal} @media (max-width: 1279px) .pub_title h6 { padding-top: 10px; } @media (max-width: 1359px) .pub_title h6 { font-size: 14px; } .pro_pic { width: 100%; /*margin-top: 2.5%;*/ } .news-container{width:100%;/*padding:80px 0 80px 0*/ background-color:#F8F8F8} .news{width:94%; max-width:1400px; margin:0 auto} .news-title{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px} .news-title ul li{display:inline-block;font-size:16px;color:#1D60AD;font-weight:normal; line-height:2.5;padding:0 20px;cursor:pointer;transition:all .4s ease-out; border:#ddd solid 1px; background-color:#f4f4f4; margin:5px;} .news-title ul li:hover,.news-title ul li.cur{color:#fff; border:#1D60AD solid 1px; background-color:#1D60AD;} .news-title ul a{text-align:center;padding:0 20px;font-size:16px;color:#888;font-weight:normal} .news-title ul a:hover{color:#1D60AD} .news-list{display:none} .news-list.active{display:block;animation:hideIndex .5s;-moz-animation:hideIndex .5s;-webkit-animation:hideIndex .5s;-o-animation:hideIndex .5s} .news-center{width:100; overflow:hidden} .news-left{width:50%;float:left;height:auto;overflow:hidden;padding-right:10px} .news-left .img{width:100%;height:456px;overflow:hidden} .news-left .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .news-left:hover .img img{transform:scale(1.1)} .news-left .text{width:100%;padding:30px;position:relative} .news-left .text h5{font-size:18px;color:#444;padding-right:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:30px;line-height:30px;transition:all .4s ease-out} .news-left .text h6{font-size:14px;color:#999;line-height:30px;height:90px;padding-right:100px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3} .news-left:hover .text h5{color:#1D60AD} .news-time{width:90px;height:90px;background-color:#1D60AD;padding:8px;font-size:38px;color:#fff;text-align:center;position:absolute;right:30px;top:30px} .news-time span{display:block;font-size:12px;color:#fff;text-align:center} .news-right{width:50%;float:left;padding-left:10px;overflow:hidden} .news-right ul li{width:100%;height:auto;margin-bottom:3px;background-color:#f5f5f5;padding:32px;overflow:hidden} .news-right ul li .text{width:66%;float:left;padding-right:30px;overflow:hidden} .news-right ul li .text h4{font-size:18px;color:#444;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .4s ease-out} .news-right ul li .text h5{font-size:14px;color:#888;line-height:30px;height:60px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:15px 0} .news-right ul li .text h6{font-size:14px;color:#555;font-family:'Arial'} .news-right ul li:hover .text h4{color:#1D60AD} .news-right ul li .img{width:34%;float:left;height:146px;overflow:hidden} .news-right ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .news-right ul li:hover .img img{transform:scale(1.1)} .news-video{width:100%;margin-top:50px;overflow:hidden} .news-video ul{margin-left:-2%} .news-video ul li{margin-left:2%;float:left;margin-bottom:2%;position:relative;height:319px;width:31.333%;overflow:hidden} .news-video ul li img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .news-video ul li:hover img{transform:scale(1.1)} .news-video ul li i{position:absolute;width:42px;height:42px;left:50%;top:50%;margin-left:-21px;margin-top:-21px;background:url("../images/video2.png") no-repeat center center} .news-video ul li p{position:absolute;width:100%;font-size:20px;color:#fff;bottom:1px;text-align:center} .news-more{width:140px;background-color:#44BDBB;border-radius:30px;height:44px;line-height:44px;color:#fff;font-size:14px;margin:0 auto;margin-top:30px;transition:all .4s ease-out} .news-more:hover{background-color:#1D60AD} .news-more a{display:block;text-align:center} @media screen and (max-width: 768px){ .news-list { display: flex; flex-direction: column; align-items: center; } .news-item { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; text-align: center; padding: 20px; box-sizing: border-box; width: 100%; max-width: 800px; } .news-image { width: 100%; max-width: 400px; margin-bottom: 20px; border-radius: 8px; overflow: hidden; } .news-image img { width: 100%; height: auto; display: block; object-fit: cover; } .news-content { max-width: 600px; margin: 0 auto; } .news-title { font-size: 24px; margin-bottom: 10px; font-weight: bold; } .news-summary { font-size: 16px; color: #555; margin-bottom: 15px; } .news-meta { font-size: 14px; color: #888; } .news-date { margin-right: 20px; } .news-button { display: inline-block; padding: 6px 12px; background-color: #007BFF; color: #fff !important; text-decoration: none; border-radius: 4px; font-size: 14px; transition: background-color 0.3s ease; } .news-button:hover { background-color: #0056b3; } .section-title{ line-height:100px; height:50px;} .section-title .zh{ font-size:34px;} .section-title .en { font-size:18px} } #news{ width:100%;margin-top:2%; } #news li {list-style-type:none;} #news .owl-controls .owl-dots .owl-dot{ margin-top:1%;} #news .owl-controls .owl-dots .owl-dot span{ width:12px;height:12px;margin:12px 4px; background-color:rgba(0,0,0,0.4); } #news .owl-controls .owl-dots .owl-dot.active span,#news .owl-theme .owl-dots .owl-dot:hover span{background-color:#1D60AD;} #news .owl-controls .owl-nav .owl-next,#news .owl-controls .owl-nav .owl-prev{ position:absolute; background:none; top:25%;border-radius:10px; width:50px;height:50px; line-height:0px; font-size:0px;border:rgba(255,255,255,0) solid 2px;} #news .owl-controls .owl-nav .owl-next{ left:-80px; background-repeat: no-repeat; background-position: center center; background-image:url(../images/l3.png) } #news .owl-controls .owl-nav .owl-next:hover,#news .owl-controls .owl-nav .owl-prev:hover{ border:#1D60AD solid 2px;} #news .owl-controls .owl-nav .owl-prev{ right:-80px; background-repeat: no-repeat; background-position:center center; background-image:url(../images/l4.png) } #newsa{ width:100%; float:left; position:relative; } #newsa .tpa{ width:100%; position:relative; padding-top:60%; overflow:hidden; background-color:#CCC } #newsa .tpa:before{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; } #newsa:hover .tpa:before { top: 3%; left: 3%; right: 3%; bottom: 3%; border: 1px solid rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.1); } #newsa .tpa img{ width:100%; display:block; position:absolute; left:0px; top:0px; min-height:100%;transition:all 0.4s ease-in-out 0s; } #newsa:hover .tpa img{transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg);} #gsys_2 LI:hover .nr h2{color:#1D60AD;} #newsa .nra{ width:100;% float:left;} #newsa .nra .js{ width:100%; float:left; padding: 5%; background-color:#F9F9F9;} #newsa .nra .js h4{ font-size:14px; color:#1D60AD; line-height:1.8; margin-top:5px; margin-bottom:5px; font-weight:normal;} #newsa .nra .js h2{ font-size:16px; font-weight:bold;color:#333; line-height:2;TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden;margin-bottom:5px; } #newsa:hover .nra .js h4,#newsa:hover .nra .js h2,#newsa:hover .nra .js p,#newsa:hover .nra .js span{ color:#fff} #newsa:hover .nra .js{ background-color:#1D60AD;} #newsa .nra .js span{ display:inline-block; line-height:30px; border-radius:2px; color:#1D60AD; transition:all 0.4s ease-in-out 0s; font-style: normal; margin-top:4%; font-size:16px;} #newsa .nra .js p{ overflow:hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3;-webkit-box-orient: vertical; color:#999999; font-size:16px; line-height:25px; height:75px; text-align:left;} #newsa .nra .js span i{ margin-right:8px; line-height:30px;color:#1D60AD;transition:all 0.6s ease-in-out 0s;} #newsa:hover .nra .js span i{ color:#fff; margin-right:12px;} .news-video >ul>li>a>p{background:black;opacity:0.8} /*.news-more { width: 140px; background-color: #44BDBB; border-radius: 30px; height: 44px; line-height: 44px; color: #fff; font-size: 14px; margin: 0 auto; margin-top: 30px; transition: all .4s ease-out; } .news-more:hover{background-color:#1D60AD} .news-more a { display: block; text-align: center; }*/ #sgal{width:100%; display:block; clear:both; text-align:center; overflow:hidden; } #sgal ul{ list-style-type:none;margin-left:-2%;} #sgal UL LI { width:31%; float:left; text-align:center; margin-left:2%;overflow:hidden; margin-top:1%; margin-bottom:1%; cursor:pointer; position:relative;} #sgal UL LI span { background:linear-gradient(to bottom, rgba(29, 96, 173, 0.8), rgba(29, 96, 173, 0.8)); color:#fff; text-align:center; width:100%; padding:1.5%; line-height:1.8; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden;left:0px;bottom:0px; display:block; position:absolute; font-size:16px;transition:all 0.6s ease-in-out 0s;} #sgal UL LI .js{padding:1.5%;position:absolute;left:0px;bottom:-300px;color:#fff; text-align:center;background-color:rgba(0,0,0,0.6);transition:all 0.6s ease-in-out 0s; color:#fff; width:97%; height:97%; overflow:hidden; } #sgal UL LI .js h4{ text-align:center; font-size:16px; line-height:2; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden; margin-top:15%;} #sgal UL LI .js span{ display:block; line-height:20px; text-align:left; font-size:14px; height:60px; overflow:hidden;overflow:hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} #sgal UL LI dd{ display:block;width:100%; float:left; padding-bottom:70%; overflow:hidden; position:relative;transition: all 0.5s;} #sgal UL LI dd:before{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); } #sgal ul li img{width:100%; position:absolute; left:0px; top:0px; height:100%;transition:all 0.6s ease-in-out 0s; } /* === 新增：图片下方灰色信息框样式 === */ #sgal ul li .info-box { background-color: #eee; padding: 15px 10px; text-align: center; margin-top: 300px; height:223px } #sgal ul li .info-title { font-size: 25px; color: #333; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:left; padding:15px } #sgal ul li .info-btn { display: inline-block; padding: 6px 14px; background-color: #0180CC; color: #fff; font-size: 16px; border-radius: 50px; text-decoration: none; transition: background 0.3s; float:left; margin:15px; width:164px; height:53px; line-height:40px } #sgal ul li .info-btn:hover { background-color: #0056b3; } #sgal ul li .info-box:hover { background-color: #0180CC; /* 灰变蓝 */ } #sgal ul li .info-box:hover .info-title { color: #fff; /* 标题变白 */ } #sgal ul li .info-box:hover .info-btn { background-color: #fff; /* 按钮颜色可选变化 */ color: #0180CC; } .pinpai-container{ width:100%; padding:80px 0 80px 0; background-size:cover; background-position:center center!important; background-repeat: no-repeat; background-image:url(/skin/images/bj.jpg) } .pinpai{width:1600px;margin:0 auto} .pinpai_center{width:100%;margin-top:0px} .pinpai_center .about_kr_text{padding-top:30px;color:#ffffff;font-size:18px;line-height:40px;} .pinpai_center ul{width:100%;height:auto;overflow:hidden} .pinpai_center ul li{width:25%;float:left;border-right:1px dashed #b4d6f6;text-align:center} .pinpai_center ul li h5{font-size:30px;color:#fff;font-family:'impact'} .pinpai_center ul li h5 span{font-size:50px;color:#fff;font-family:'impact'} .pinpai_center ul li h6{font-size:18px;color:#fff} .pinpai_center ul li:last-child{border-right:0px} .wide{width:1440px; margin:0 auto;} @media (max-width: 1480px) { .wide{width: auto;padding-left: 20px;padding-right: 20px;box-sizing: border-box;} } @media (max-width: 1000px) { .wide{width:98%; min-width:inherit;} } @media screen and (max-width:1000px){ .global_products_may_like{ margin-top: 30px; } .global_products_may_like .wide{ margin: 0 auto; width: 92%; } .global_products_may_like .like_title{ font-size: 24px; } .global_products_may_like .like_products_box{ margin-top: 30px; } .global_products_may_like .like_products_box .like_products_item{ margin-left: 0; margin-right: 2%; width: 48%; } .global_products_may_like .like_products_box .like_products_item:nth-child(2n){ margin-right: 0; } } .case-container{ width:100%; background-size:cover!important; height:100%; background-position:center center!important; padding:80px 0 50px; background-image: url(../images/tk.jpg); background-repeat: no-repeat; } .case{width:1600px;margin:0 auto} .case-center{width:100%;height:auto;margin-top:50px} .case-center .swiper-container{padding-bottom:50px!important} .case-center .swiper-pagination{bottom:10px} .case-center .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:0.8;vertical-align:middle;position:relative;transition:all .5s} .case-center .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #fff;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform:scale(0);transition:all .5s} .case-center .swiper-pagination-bullet-active{opacity:1} .case-center .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)} .case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px} .case_list{width:100%;height:auto;overflow:hidden} .case_list ul{/*margin-left:-2%*/} .case_list ul li{width:23%;margin-left:2%;background-color:#fff;border-radius:3px;margin-bottom:2%;overflow:hidden;padding:15px;float:left} .case_list ul li .img{width:100%;padding-top:75%;position:relative;overflow:hidden} .case_list ul li .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .4s ease-out} .case_list ul li:hover .img img{transform:scale(1.1)} .case_list ul li .text{width:100%;height:auto;padding:15px 0 5px 0;overflow:hidden} .case_list ul li .text h5{height:30px;line-height:30px;font-size:16px;color:#444;padding-right:19px;background:url("../images/pro_jian4.png") right no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .4s ease-out} .case_list ul li .text h6{line-height:30px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-top:5px} .case_list ul li:hover .text h5{color:#1D60AD;background:url("../images/pro_jian5.png") right no-repeat} .case_list ul li:first-child{width:48%} .ly_poster_3 .info_box{display: flex;justify-content: center;align-items: center}.ly_poster_3 .info_box .i_link{text-decoration: none;margin-left: 60px;white-space: nowrap}@media screen and (max-width: 1000px){.ly_poster_3 .info_box{flex-wrap: wrap}.ly_poster_3 .info_box .i_title{width: 100%;text-align: center}.ly_poster_3 .info_box .i_link{margin: 0;margin-top: 20px}} .ly_poster_3[data-visual-id="4565"] .info_box .i_link{font-family: OpenSans-Bold;color: #000000;background-color: #ffd101;border: 1px solid #00000000;font-size: 14px;border-radius: 0px !important;text-align: center;padding-left: 35px;padding-right: 35px;padding-top: 15px;padding-bottom: 15px;}.ly_poster_3[data-visual-id="4565"] .info_box .i_link:hover{color: #000000;background-color: #FFFFFF;border: 1px solid #00000000;} .ly_poster_3[data-visual-id="4565"]{background-color: #004297;padding-top: 100px;padding-bottom: 100px;} .ly_poster_3[data-visual-id="4565"] .info_box .i_title{color: #fff;font-size: 38px;} @media screen and (max-width: 1000px) { .ly_poster_3[data-visual-id="4565"]{padding-top: 60px;padding-bottom: 50px;} .ly_poster_3[data-visual-id="4565"] .info_box .i_title{font-size: 24px;} } .section-sub {padding: 50px 0;} .in-prod-menu {text-align: center;font-size: 0;margin-bottom: 20px;} .in-prod-menu li {display: inline-block;vertical-align: middle;} .in-prod-menu li a {display: block;margin: 0 5px 10px;font-size: 16px;line-height: 39px;position: relative;background: url(../images/pro-btn.png) no-repeat center / 100% 100%;width: 175px;} .in-prod-menu li.active a {color: #fff;background-image: url(../images/pro-btn-on.png);} /*.in-prod-menu li a:before,.in-prod-menu li a:after {position: absolute;content: '';background-color: #fff;width: 16px;height: 1px;top: 50%;display: none;} .in-prod-menu li a:before {left: 33px;} .in-prod-menu li a:after {right: 33px;} .in-prod-menu li.active a:before,.in-prod-menu li.active a:after {display: block;}*/ @media screen and (max-width: 767px) { .in-prod-menu {margin-bottom: 10px;} .in-prod-menu li a {width: 110px;margin: 0 3px 6px;line-height: 34px; font-size:12px} .in-prod-menu li a:before, .in-prod-menu li a:after {display: none !important;} } .yunu-infocontent-epx {margin-bottom: 20px;} .yunu-infocontent-epx li {line-height: 32px;margin-bottom: 5px;} .yunu-infocontent-epx li span {display: inline-block;background-color: #A2A2A2;color: #fff;padding: 0 15px;margin-right: 10px;} .yunu-infocontent-epx li em {float: right;font-style: normal;} .owl-theme .owl-controls{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:14px;height:14px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /*首页产品*/ #jrdsycp{min-height:0px;display-radio:1;padding-top:2%;padding-bottom:0%; } #jrdsycp .swiper-pagination-bullet-active{background:#1e65bf !important;width:24px !important;border-radius:10px !important;opacity:1 !important} #jrdsycp .swiper-container{padding-bottom:30px} #jrdsycp .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0px} #jrdsycp .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#000;opacity:.2} #jrdsycp .e_container-7{display:flex;flex-wrap:wrap;flex-direction:row;width:96%;display-radio:flex;max-width:1600px;margin-left:auto;margin-right:auto;margin-bottom:10px} #jrdsycp .e_container-7 > .p_item{flex:1;max-width:100%;max-height:100%} #jrdsycp .e_richText-8{font_radio:2;display-radio:1; margin-left:auto;margin-right:auto;text-align:center;font-size:36px;line-height:2} #jrdsycp .e_richText-8 h1{ text-align: center; font-size: 30px; font-weight: bold; color: rgba(0, 0, 0, 1); margin-top: 25px;} #jrdsycp .e_line-9{max-width:50px;height:6px;border-top-style:solid;border-top-width:3px;border-top-color:rgba(30,101,191,1);margin-bottom:10px;margin-top:15px;display-radio:1;margin-left:auto;margin-right:auto} #jrdsycp .e_text-10{display-radio:1;font_radio:2;font-size:16px;text-align:center;color:rgba(102,102,102,1);line-height:1.5;max-width:1100px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:2%} :root{--swiper-theme-color:#fff !important} @media screen and (max-width:768px){ #jrdsycp .e_richText-8{font_radio:2;display-radio:1;font-size:30px !important} #jrdsycp .e_text-10{display-radio:1;font_radio:2;font-size:14px;padding-left:20px;padding-right:20px} #jrdsycp .e_richText-8 p span{font-size:24px !important} #jrdsycp .e_container-7{display-radio:1;margin-bottom:20px} } #c_grid-16831634952590 {margin-left:auto;margin-right:auto;width:100%;display-radio:1;max-width:1440px} #c_grid-16831634952590 .p_gridbox::after{content:'';clear:left;display:block} #c_grid-16831634952590 > div > .p_gridbox{width:100%;overflow:hidden;position:static} #c_grid-16831634952590 > div > .p_gridCell{float:left;position:static} #c_grid-16831634952590 > .p_gridbox.signal{min-height:inherit} #c_grid-16831634952590 > .p_gridbox.signal > .p_gridCell{min-height:inherit !important} #c_grid-16831634952590 .p_gridbox{display-radio:1} @media screen and (max-width:768px){ #c_grid-16831634952590 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:99%;margin-left:0.5%;margin-right:0.5%;margin-top:0.5rem;margin-bottom:0.5rem;clear:left} } @media screen and (min-width: 769px) { #c_grid-16831634952590 > .p_gridbox > .p_gridCell:nth-child(2n + 1) {/*width:300px !important;*/margin-left:0% !important;margin-right:30px !important;margin-top:0rem !important;margin-bottom:0rem !important;clear:left !important} #c_grid-16831634952590 > .p_gridbox > .p_gridCell:nth-child(2n + 2) {/*width:calc(100% - 330px) !important;*/margin-left:0% !important;margin-right:0px !important;margin-top:0rem !important;margin-bottom:0rem !important;clear:inherit !important} } @media screen and (max-width: 1024px) and (min-width: 769px){ #c_grid-16831634952590 > .p_gridbox > .p_gridCell:nth-child(2n + 1){width:49.99%;margin-left:0%;margin-right:0%;margin-top:0rem;margin-bottom:0rem;clear:left} #c_grid-16831634952590 > .p_gridbox >.p_gridCell:nth-child(2n + 2){width:49.99%;margin-left:0%;margin-right:0%;margin-top:0rem;margin-bottom:0rem;clear:inherit} } #c_static_001-16831634953251{min-height:0px;display-radio:1} #c_static_001-16831634953251 .e_container-1{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;display-radio:flex;padding-top:8%;padding-bottom:8%;padding-left:12%;padding-right:12%;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background-fill-value:background-image;background-image:url(../../static/images/dhbj.jpg)} #c_static_001-16831634953251 .e_container-1 > .p_item{flex:1;max-width:100%;max-height:100%} #c_static_001-16831634953251 .e_text-2{line-height:1.5;display-radio:1;font_radio:2;font-size:28px;color:rgba(255,255,255,1);font-weight:normal} #c_static_001-16831634953251 .e_categoryB-9{user-select:none;font-size:14px;width:100%;max-width:100%;box-shadow:0 0 25px rgb(0 0 0 / 5%)} #c_static_001-16831634953251 .e_categoryB-9 ul{list-style:none;margin:0} #c_static_001-16831634953251 .e_categoryB-9 li{position:relative} #c_static_001-16831634953251 .e_categoryB-9 .deep a{width:100%;padding-left:24px;display:flex;justify-content:flex-start} #c_static_001-16831634953251 .e_categoryB-9 .p_c_title1{display:flex;justify-content:space-between;position:relative;line-height:50px;border-bottom:1px solid #ebebeb;font-size:16px;transition:all ease .3s;width:100%;color:#333;background:#fff} #c_static_001-16831634953251 .e_categoryB-9 .deep-2{width:100%} #c_static_001-16831634953251 .e_categoryB-9 .p_arrbtm{width:50px;display:flex;flex-direction:column;justify-content:center;text-align:center;cursor:pointer;border-left:1px solid rgb(0 0 0 / 5%);transition:border-left ease .3s}#c_static_001-16831634953251 .e_categoryB-9 .p_arrow{margin:0;font-size:12px;transform:rotate(-90deg);line-height:1;padding:0;width:auto;height:14px;right:15px;pointer-events:none} #c_static_001-16831634953251 .e_categoryB-9 .p_c_title2{display:flex;justify-content:space-between;position:relative;line-height:50px;border-bottom:1px solid #e1e1e1;font-size:15px;transition:all ease .3s;width:100%;color:#666;background:#ededed} #c_static_001-16831634953251 .e_categoryB-9 .deep-3{width:100%} #c_static_001-16831634953251 .e_categoryB-9 .p_c_title3{display:flex;justify-content:space-between;position:relative;line-height:50px;border-bottom:1px solid #d9d9d9;font-size:15px;transition:all ease .3s;width:100%;color:#666;background:#e3e3e3} #c_static_001-16831634953251 .e_categoryB-9 .p_c_images{width:auto;height:100%;font-family:Arial;position:relative;font-size:16px;color:#666;display:flex;flex-direction:column;justify-content:center;margin-right:10px;overflow:hidden;transition:all ease .3s} #c_static_001-16831634953251 .e_categoryB-9 .p_c_images img{width:100%;height:auto;vertical-align:middle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#c_static_001-16831634953251 .e_categoryB-9 p:hover .p_c_images{opacity:0;margin-right:0px;width:0px} #c_static_001-16831634953251 .e_categoryB-9 .deep:hover{background:#ffffff;color:#095AC2;border-bottom:1px solid #ebebeb} #c_static_001-16831634953251 .e_categoryB-9 .active > p{background:#ffffff;color:#095AC2;border-bottom:1px solid #ebebeb} #c_static_001-16831634953251 .e_categoryB-9 .deep:hover .p_arrbtm{border-left:1px solid rgb(255 255 255 / 10%)} #c_static_001-16831634953251 .e_categoryB-9 li:last-child > .deep{border-bottom:0px solid #ebebeb} @media screen and (max-width:768px){#c_grid-1646729949913 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100% !important;margin-left:0% !important;margin-right:0% !important;margin-top:0rem !important;margin-bottom:0rem !important;clear:left}.p_chuShi{transition:all ease .5s}.p_leftani{transform:translateX(-70%)}.p_leftaniAdmi{transform:translateX(-90%)}#c_static_001-16831634953251 .e_container-1{display:none}#c_static_001-16831634953251 .e_categoryB-9{background:none;max-width:none;display:flex;justify-content:flex-end}#c_static_001-16831634953251 .e_categoryB-9 .p_c_tree{position:fixed;top:0;bottom:0;left:100%;height:100vh;width:100%;transition:all ease .5s;background:#fff;z-index:1000;max-height:1080px}#c_static_001-16831634953251 .e_categoryB-9 .deep-1{height:100%;overflow-y:auto;overflow-x:hidden}#c_static_001-16831634953251 .e_categoryB-9 .p_c_mbtn{display:block;border:0;background:#005dbd;padding:15px;border-radius:2px;font-size:16px;color:rgb(255 255 255 / 80%);outline:none;width:100%}#c_static_001-16831634953251 .e_categoryB-9 .p_c_mput{display:block;line-height:50px;background:rgb(0 0 0 / 70%);position:fixed;top:0;bottom:0;right:0;left:0;max-height:1080px;height:100vh;width:100%;cursor:pointer;transition:all ease .5s;opacity:0;visibility:hidden;z-index:999}#c_static_001-16831634953251 .e_categoryB-9 .p_c_mput:hover{background:rgb(0 0 0 / 80%)}#c_static_001-16831634953251 .e_categoryB-9 .deep a{padding-right:15px;width:100%}#c_static_001-16831634953251 .e_categoryB-9 .deep{color:#666}#c_static_001-16831634953251 .e_categoryB-9 .deep-2{display:none;position:static;width:100%}#c_static_001-16831634953251 .e_categoryB-9 .deep-3{display:none;position:static;width:100%;background:#dfdfdf}#c_static_001-16831634953251 .e_categoryB-9 .p_c_title3{border-bottom:1px solid #d5d5d5}#c_static_001-16831634953251 .e_categoryB-9.design_nomput .p_c_mput{display:none}#c_static_001-16831634953251 .e_categoryB-9 .p_bg_show{opacity:1;visibility:visible;display:block}}@media screen and (min-width: 769px){#c_static_001-16831634953251 .e_categoryB-9 .p_c_mbtn,#c_static_001-16831634953251 .e_categoryB-9 .p_c_mput,#c_static_001-16831634953251 .e_categoryB-9 .p_c_item > .p_c_content{display:none}} #c_static_001-16831634955312{min-height:300px;display-radio:1} #c_static_001-16831634955312 .e_loop-1 .p_list{display:flex;flex-wrap:wrap;position:relative;max-width:100%} #c_static_001-16831634955312 .e_loop-1 .p_loopitem{flex:0 0 33.3%;position:relative} #c_static_001-16831634955312 .e_loop-1 .p_page{text-align:center;display-radio:1;margin-top:30px} #c_static_001-16831634955312 .e_loop-1 .p_filter_wrapper{width:100%;font-size:13px} #c_static_001-16831634955312 .e_loop-1 .p_kv_wrapper{display:flex;flex-wrap:nowrap;line-height:24px;margin:15px 0} #c_static_001-16831634955312 .e_loop-1 .p_filter_key{width:70px;overflow:hidden;margin-right:10px;font-weight:bold;color:#333333;font-size:12px} #c_static_001-16831634955312 .e_loop-1 .p_v_item{display:inline-block;padding:0 3px;cursor:pointer;font-size:13px;color:#555555;margin-right:30px} #c_static_001-16831634955312 .e_loop-1 .p_active{color:#fff;background-color:#f08200;border-radius:2px} #c_static_001-16831634955312 .e_loop-1 .p_result_item{position:relative;padding:3px 20px 3px 10px;border:1px solid #ddd;border-radius:3px;margin-right:10px} #c_static_001-16831634955312 .e_loop-1 .p_filter_close{position:absolute;right:0;top:0;padding:3px;font-style:normal;font-size:16px;margin-top:-5px;cursor:pointer} #c_static_001-16831634955312 .e_loop-1 .multSelect{font-size:13px;position:relative} #c_static_001-16831634955312 .e_loop-1 .multSelect .inputWrap{width:100%;min-width:100px;min-height:24px;border:1px solid #DCDFE6;border-radius:3px;position:relative;cursor:pointer;background:white} #c_static_001-16831634955312 .e_loop-1 .multSelect.is-invalid .inputWrap{border-color:#dc3545} #c_static_001-16831634955312 .e_loop-1 .multSelect ul{padding:0 5px;margin:0;padding-right:35px} #c_static_001-16831634955312 .e_loop-1 .multSelect ul,li{list-style:none;} #c_static_001-16831634955312 .e_loop-1 .multSelect li{display:inline-block;background:#edf0f3;color:#92969c;padding:0px 5px;margin:1px 5px 1px 0;border-radius:5px;line-height:16px} #c_static_001-16831634955312 .e_loop-1 .multSelect .multSelect-option{width:100%;border:1px solid #DCDFE6;border-radius:2px;border-top:0;max-height:200px;overflow-y:scroll;position:absolute;height:0;opacity:0;z-index:9;background:#fff}#c_static_001-16831634955312 .e_loop-1 .multSelect .multSelect-option>div{line-height:24px;cursor:pointer;padding:0 10px}#c_static_001-16831634955312 .e_loop-1 .multSelect .multSelect-option>div.selected{color:#f08200}#c_static_001-16831634955312 .e_loop-1 .multSelect .multSelect-option>div:hover{color:#f08200;background:#f3f6f9}#c_static_001-16831634955312 .e_loop-1 .multSelect .fa-close{font-style:normal;font-size:12px;padding:0 5px 0 7px}#c_static_001-16831634955312 .e_loop-1 .multSelect .inputWrap>.fa svg{fill:#666;width:12px;height:12px;position:absolute;right:0;top:calc(50% - 3px)}#c_static_001-16831634955312 .e_loop-1 .multSelect .inputWrap>.fa-down svg{transform:rotate(-90deg)}#c_static_001-16831634955312 .e_loop-1 .multSelect .inputWrap>.fa-up svg{transform:rotate(90deg)}#c_static_001-16831634955312 .e_loop-1 .multSelect .placeholder{line-height:40px;padding-left:10px;color:#aaa;position:absolute;left:0;top:0}#c_static_001-16831634955312 .e_loop-1 .p_filter_select{width:110px;height:24px;padding:0;border:1px solid #DCDFE6}#c_static_001-16831634955312 .e_loop-1 .p_normal_start{display:inline;width:60px;height:22px}#c_static_001-16831634955312 .e_loop-1 .p_date_start{display:inline;width:105px;height:22px}#c_static_001-16831634955312 .e_loop-1 .p_normal_end{display:inline;width:60px;height:22px;margin-right:5px}#c_static_001-16831634955312 .e_loop-1 .p_date_end{display:inline;width:105px;height:22px;margin-right:5px}#c_static_001-16831634955312 .e_loop-1 .p_split{margin:0 5px}#c_static_001-16831634955312 .e_loop-1 .p_normal{margin-right:16px}#c_static_001-16831634955312 .e_loop-1{background_radio:1;width:100%;margin-right:auto;margin-left:auto;max-width:none;display-radio:1;background-color:rgba(255,255,255,0)}#c_static_001-16831634955312 .e_loop-1 .p_loopitem:hover .e_image-3 img{transform:scale(1)} #c_static_001-16831634955312 .e_container-2{display:flex;flex-wrap:wrap;flex-direction:row;width:auto;margin-left:10px;margin-right:10px;margin-bottom:20px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;border-style:solid;border-width:1px;border-color:rgba(238,238,238,1);display-radio:flex;background-color:rgba(255,255,255,1);margin-top:0px} #c_static_001-16831634955312 .e_container-2 > .p_item{flex:1;max-width:100%;max-height:100%} #c_static_001-16831634955312 .e_container-2:hover .e_text-4{color:#1e65bf} #c_static_001-16831634955312 .e_image-3{overflow:hidden} #c_static_001-16831634955312 .e_image-3 img{width:100%;height:100%;object-fit:contain;transform:scale(0.95);transition:all .5s ease} #c_static_001-16831634955312 .e_text-4{line-height:2;font_radio:2;font-size:16px;color:rgba(51,51,51,1);text-align:center;margin-top:10px;margin-bottom:10px;font-weight:bold;display-radio:-webkit-box;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} @media screen and (max-width:768px){ #c_static_001-16831634955312 .e_loop-1 .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(94% / 3);margin:0 1%} #c_static_001-16831634955312 .e_container-2{margin-left:0px;margin-right:0px;margin-top:10px;margin-bottom:10px;} #c_static_001-16831634955312 .e_text-4{font_radio:2;display-radio:1;font-size:14px} } @media screen and (min-width: 769px){#c_static_001-16831634955312 .e_loop-1 .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3)} .choose { width: 100%; padding: 10px 0; /*background-color:#F1F1F1;*/ background:url(/static/images/ysbj.jpg) } .choose .Title { height: 110px; } .choose .Title p { margin-top: 5px; color: #666; font-size: 19px } .choose .Title p em { color: #105bd9; font-weight: 700; font-size: 36px } .choose .mainCon { position: relative; margin-top: 20px; width: 100%; height: 996px; } .choose .mainCon img { display: block } .choose .mainCon .Pics01 { position: absolute; top: 0; left: 0; width: 534px; height: 434px } .choose .mainCon .Pics02 { position: absolute; right: 0; bottom: 72px; } .choose .mainCon dl { position: absolute; width: 578px } .choose .mainCon dt { float: left; width: 65px; height: 85px; background: #105bd9; text-align: center } .choose .mainCon dt span { display: block; padding-top: 10px; color: #fff; font-weight: 700; font-size: 40px; font-family: arial } .choose .mainCon .dl1 { top: 17px; left: 603px } .choose .mainCon dt i { display: block; margin: 6px auto 0; width: 10px; height: 1px; background: #fff; } .choose .mainCon dd { float: right; width: 486px } .choose .mainCon dd h3 { color: #1D60AD; font-size: 30px; font-weight:bold } .choose .mainCon dd span{ border-bottom: 1px dotted silver; padding-bottom: 14px; } .choose .mainCon dd h3 em { color: #105bd9; font-weight: 700 } .choose .mainCon dd ul { margin-top: 20px } .choose .mainCon dd li { margin-bottom: 5px; padding-left: 1pc; background: url(../images/choose_icon01.png) no-repeat left 8px; color: #666; font-size: 14px; line-height: 24px } .choose .mainCon dl.dl2 { top: 251px; left: 603px } .choose .mainCon dl.dl3 { top: 527px; left: 0 } .choose .mainCon dl.dl4 { top: 761px; left: 0 } /* 一级菜单容器：确保定位上下文和 z-index 优先 */ .nav-list1 > li { position: relative; z-index: 1002; } /* 一级菜单蓝色下划线 */ .nav-list1 > li > a::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 4px; width: 60%; background-color: #014C9F; opacity: 0; transition: opacity 0.3s; z-index: 1003; } .nav-list1 > li:hover > a::after { opacity: 1; } /* Megamenu 样式 */ .megamenu { display: none; position: fixed; padding: 0; left: 0; width: 100vw; height: 390px; /* ✅ 加这一行：固定下拉框整体高度 */ background: #F7F7F7; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; } .m.hassub:hover .megamenu { display: flex; } .megamenu-container { display: flex; width: 1500px; margin: 0 auto; padding: 30px 20px; box-sizing: border-box; align-items: flex-start; /* ✅ 强制顶部对齐，避免错位 */ } .megamenu-left { width: 60%; display: flex; flex-wrap: wrap; padding-right: 30px; gap: 10px 40px; } .megamenu-left .grid-item { width: 220px; box-sizing: border-box; padding: 4px 0; } .megamenu-left, .megamenu-right { overflow-y: auto; } /* 子栏目链接 */ .megamenu-left .grid-item a { position: relative; display: block; width: 100%; padding-bottom: 10px; padding-right: 30px; color: #333 !important; font-size: 16px; font-weight: normal; text-decoration: none; transition: color 0.3s; } /* 下划线 */ .megamenu-left .grid-item a::before { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #333; transition: background-color 0.3s; } /* 箭头 */ .megamenu-left .grid-item a::after { content: '➤'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 14px; color: #000; transition: color 0.3s, transform 0.3s; } /* 悬停时：文字、下划线、箭头都变蓝 */ .megamenu-left .grid-item a:hover { color: #014C9F !important; } .megamenu-left .grid-item a:hover::before { background-color: #014C9F; } .megamenu-left .grid-item a:hover::after { color: #014C9F; transform: translateY(-50%) translateX(5px); } .megamenu-left .grid-item { padding: 0; margin-bottom: 6px; } /* 右侧栏目配图 */ .megamenu-right { display: flex; height: 100%; /* 或 390px，根据你的结构决定 */ padding-left: 30px; gap: 20px; flex-direction: column; justify-content: center; /* ✅ 在容器内垂直居中 */ } .megamenu-content { width: calc(25% - 20px); text-align: center; } .megamenu-content img { width: 100%; height: auto; display: block; } .megamenu-content p { margin-top: 8px; font-size: 14px; color: #333; } /* 一级栏目标题样式 */ .parent-title { width: 100%; font-size: 26px; font-weight: bold; color: #333; margin-bottom:40px } /*产品页css*/ #c_static_001_P_4761-16637313255860{min-height:0px;background-color:rgba(255,255,255,1);display-radio:1;border-bottom:1px solid #eee;padding-top:0px;padding-bottom:0px} #c_static_001_P_4761-16637313255860 .e_container-1{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;max-width:1400px;margin-left:auto;margin-right:auto;justify-content:space-between;display-radio:flex} #c_static_001_P_4761-16637313255860 .e_container-1 > .p_item{flex:1;max-width:100%;max-height:100%} #c_static_001_P_4761-16637313255860 .e_container-1 .cbox-1-0{align-self:center} #c_static_001_P_4761-16637313255860 .e_container-1 .cbox-1-1{flex:0 0 35%;align-self:center} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .p_breadcrumbItem{position:relative} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .icon{width:12px;height:12px} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .p_breadcrumbItem:not(:first-child){padding:0 3px 0 15px} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .p_breadcrumbItem:not(:first-child)::before{content:'>';position:absolute;left:3px;color:#999} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .p_breadcrumb{display:flex} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .p_showTitle{position:relative;display:flex;align-items:center;padding-left:5px;border:1px solid transparent} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .siblings::after{content:'>';display:flex;justify-content:center;align-items:center;width:20px;height:20px;transform:rotateZ(90deg);cursor:pointer;color:#ccc} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .siblings.active{border:1px solid #dee2e6} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .siblings.active::after{transform:rotateZ(-90deg)} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .p_slide{position:absolute;left:18px;min-width:100%;padding:5px;display:none;z-index:999} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6 .p_sibling{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #c_static_001_P_4761-16637313255860 .e_breadcrumb-6{background_radio:2;background-color:rgba(255, 255, 255, 0);display-radio:1;margin-right:20px;margin-top:2%;padding-top:0px;margin-bottom:2%} @media screen and (max-width:768px){#c_static_001_P_4761-16637313255860 .e_container-1 .cbox-1-1{display:none}} .news-list { display: flex; flex-direction: column; gap: 30px; } .news-item { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; transition: transform 0.3s ease; background:#fff } .news-item:hover { transform: translateY(-3px); } .news-image { flex: 0 0 300px; max-width: 300px; overflow: hidden; border-radius: 8px; } .news-image img { width: 100%; height: auto; display: block; object-fit: cover; } .news-content { flex: 1; min-width: 0; height:300px; padding:20px } .news-title { font-size: 2.5rem; margin: 0 0 10px; color: #333; text-align:left } .news-summary { font-size: 1.5rem; color: #666; margin: 0 0 15px; } .news-meta { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-top:180px } .news-meta a{ color:#fff} .news-date { font-size: 1.2rem; color: #999; } .news-date em { font-style: normal; margin: 0 2px; } .news-date i { margin: 0 2px; color: #ccc; } .news-button { background-color: #0066cc; color: #fff; padding: 8px 16px; text-decoration: none; border-radius: 4px; font-size: 0.9rem; transition: background-color 0.3s ease; } .news-button:hover { background-color: #004a99; } /*中英文导航css*/ .site a::before { content: '' !important; width: 0 !important; } /*.site a{*/ /*margin: 0;*/ /*text-align: center;*/ /*line-height: 45px;*/ /*}*/ .header .top .share ul li a { text-align: center; line-height: 45px; } .header .top .share ul li a img { margin-right: 3px; } .header-container { position: relative; } @media (min-width: 1200px) { .header .nav { position: absolute; right: 4%; } } .last-a { padding-right: 0 !important; } @media (max-width: 1349px) { .header .nav { right: 0; } } @media screen and (max-width: 767px) { body .megamenu { display: none !important; } } @media screen and (max-width: 768px) { .choose .mainCon img { max-width: 100%; height: auto; display: block; margin: 10px auto; position: static; float: none; } } /* 容器样式 */ .extra-buttons { display: flex; align-items: center; gap: 12px; } /* 统一字体和颜色 */ .extra-buttons .extra-link{ color: #1e65bf; text-decoration: none; font-size: 14px; } /* 禁用 hover 效果 */ .extra-buttons .extra-link:hover { color: #1e65bf; text-decoration: none !important; } /* 搜索图标大小和垂直对齐 */ .extra-buttons .fa-search { font-size: 18px; vertical-align: middle; } /* 分隔符样式 */ .extra-buttons .lang-split { color: #ccc; font-size: 12px; } /* 专门排除 extra-link 的 hover 样式影响 */ .nav-list1 .extra-link, .nav-list1 .extra-link:hover { color: #1e65bf !important; text-decoration: none !important; border: none !important; } /* 防止伪元素造成的下划线效果 */ .nav-list1 .extra-link::after { display: none !important; content: none !important; } .fa-spin-slow { animation: fa-spin 8s linear infinite; /* 默认是 2s，这里改成 4s 慢一倍 */ } /*banner*/ #banner-box{margin:0px auto;height:750px;overflow:hidden;position:relative;padding-top:-40px;} .banner-inner{height:200px;margin:0px auto} .banner-nav-abs{position:absolute;left:0px;bottom:0px;z-index:3;min-width:1200px;} .banner-nav-abs-opac{position:absolute;width:100%;height:78px;left:0px;bottom:-22px;z-index:2} .banner-nav-fix{position:fixed;left:0px;top:82px;z-index:3} .banner-nav{width:100%} .banner-nav ul {width:100%;margin:0px auto} .banner-nav li {float:left;display:inline;width:20%;height:200px;font-size:14px;padding:5px 43px 0px 43px;cursor:pointer;position:relative; border-right:1px #ccc solid} .banner-nav li div{width:100%;height:200px;padding:5px 43px 0px 43px;position:absolute;left:0px;top:0px;z-index:5;background:#fff;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2} .banner-nav li a span{display:block;height:36px;width:60px; margin: 0 auto 10px auto; /* 下方间距 */ background:url(../img/icon-banner.png) no-repeat;} .banner-nav li a.bg1 span{background-position:15px 2px} .banner-nav li a.bg2 span{background-position:-53px 2px} .banner-nav li a.bg3 span{background-position:-110px 2px} .banner-nav li a.bg4 span{background-position:-174px 2px} .banner-nav li a.bg5 span{background-position:-235px 2px} .banner-nav li a.bg6 span{background-position:-297px 2px} .banner-nav li a{ float:left; position:absolute; left:0px; top:0px; color:#fff; z-index:6; padding:5px 43px 0px 43px; display:inline; width:100%; height:200px; padding-top:50px; text-align:center; font-size:20px; line-height:2.5 } .banner-nav li.current{cursor:default} .banner-nav li.current div{width:95px;height:95px;background:none;} .banner-nav li.current a{color:#fff;cursor:default;background:rgb(22 139 243 / 80%); padding-top:50px} .banner-nav li.current a.bg1 span{background-position:15px -32px} .banner-nav li.current a.bg2 span{background-position:-53px -32px} .banner-nav li.current a.bg3 span{background-position:-110px -32px} .banner-nav li.current a.bg4 span{background-position:-174px -32px} .banner-nav li.current a.bg5 span{background-position:-235px -32px} .banner-nav li.current a.bg6 span{background-position:-297px -32px} .banner-list{position:absolute;height:750px;position:absolute;z-index:2;overflow:hidden;width:100%} .banner-list li{width:100%;height:750px;text-align:center;float:left;display:inline-block} .banner-list li .animate-box {width:1200px;margin:0px auto;position:relative} .banner-list li .animate-box .t-d{position:absolute;width:800px;left:20px;top:100px} .banner-list li .animate-box .t-d h2 {display:block;margin:0px;padding:0px;font-size:40px;text-align:left;color:#fff} .banner-list li .animate-box .t-d p{color:#fff;padding:10px 0px 0 0;line-height:32px;left:20px;text-align:left} .banner-list li .animate-box .animate-img{position:absolute;top:50px;right:0px} .banner-list li .animate-box .t-d .slider-btn{width:100px;height:30px;background:#fff;border-radius:4px;-moz-border-radius:4px;line-height:30px;text-align:center;font-size:12px;color:#444;display:block ;font-family:"宋体";} .banner-list li .animate-box .t-d .slider-btn:hover{color:#fff;background:#c80106;} /* ✅ 用于让背景色通屏 */ .full-width-bg { width:100% } .left-image-right-text { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; padding: 40px; max-width: 1300px; margin: 0 auto; font-family: '微软雅黑', sans-serif; flex-wrap: nowrap; /* ✅禁止换行 */ } .image-part { flex: 0 0 40%; /* ✅固定宽度为容器的40% */ } .image-part img { width: 100%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .text-part { flex: 0 0 58%; /* ✅固定宽度为容器的58%（留2%给gap） */ color: #383838; } .text-part h2 { font-size: 30px; margin-bottom: 10px; } .text-part .en { font-size: 15px; color: #777; margin-bottom: 20px; } .text-part .desc { font-size: 15px; color: #828282; line-height: 1.8; float:left } .more-btn { display: inline-block; margin-top: 25px; padding: 10px 25px; background-color: #0180CC; color: #fff !important; text-decoration: none; font-size: 18px; transition: background 0.3s ease; width:183px; height:49px; text-align:center; position: relative; /* ✅ 必须 */ overflow: hidden; /* ✅ 必须 */ } .more-btn:before { content: ""; position: absolute; top: 50%; left: 50%; width: 40px; /* ⬅️ 初始波纹更大 */ height: 40px; background: rgba(255, 255, 255, 0.3); /* 可微调透明度 */ border-radius: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; pointer-events: none; } .more-btn:hover:before { animation: wave 1.5s ease-out; } @keyframes wave { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0.5; } 100% { transform: translate(-50%, -50%) scale(12); /* ⬅️ 放大倍数加大 */ opacity: 0; } } .news-section { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; padding: 40px; } .news-card { width: 30%; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .news-card:hover { transform: translateY(-5px); } .news-card img { width: 100%; height: 240px; object-fit: cover; } .news-card h3 { font-size: 18px; margin: 16px; color: #333; } .news-card p { font-size: 14px; color: #666; margin: 0 16px 10px 16px; height: 60px; overflow: hidden; text-overflow: ellipsis; } .news-date { display: block; font-size: 13px; color: #aaa; margin: 0 16px 16px 16px; } .news-more-btn { text-align: center; margin-bottom: 30px; } .news-more-btn a { display: inline-block; width: 185px; height: 50px; line-height: 30px; background-color: #0180CC; /* 蓝色背景 */ color: #fff; /* 白色字体 */ text-decoration: none; font-size: 16px; border-radius: 6px; /* 圆角 */ transition: background-color 0.3s ease; } .news-more-btn a:hover { background-color: #0056b3; /* 悬停时变深蓝 */ } .stats-section { display: flex; justify-content: center; align-items: center; text-align: center; background-color: #f9f9f9; padding: 40px 20px; width:1400px; margin:0 auto; height:370px } .stat-item { flex: 1; padding: 0 20px; border-right: 1px solid #ddd; height: 100%; /* 撑满容器高度 */ display: flex; flex-direction: column; justify-content: center; /* 子项内部垂直居中 */ } .stat-item:last-child { border-right: none; } .stat-number { font-size: 45px; color: #333; margin-bottom: 10px; font-family:impact} .stat-number span { font-size: 16px; font-weight: normal; margin-left: 4px; color: #666; } .stat-item p { font-size: 14px; color: #555; margin: 0 auto; } .site-footer { background-color: #1e1e1e; color: #ccc; padding: 40px 20px; font-family: 'Arial', sans-serif; } .footer-container { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; } .footer-contact { max-width: 500px; } .footer-contact h4 { font-size: 16px; color: #fff; border-bottom: 1px solid #555; padding-bottom: 10px; margin-bottom: 15px; } .footer-contact .phone { font-size: 24px; color: #fff; margin: 0 0 10px 0; } .footer-contact .phone span { font-size: 12px; color: #aaa; margin-left: 10px; } .footer-contact .address { font-size: 14px; color: #aaa; } .footer-nav { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 14px; align-self: center; } .footer-nav a { color: #ccc; text-decoration: none; } .footer-nav a:hover { color: #fff; } .footer-nav span { color: #777; } } .section-title { text-align: left; max-width: 1400px; margin: 0 auto; height: 200px; line-height: 250px; } .section-title h2 { display: inline-block; position: relative; font-size: 28px; font-weight: bold; color: #333; margin: 0; } .section-title .zh { font-weight: 700; position: relative; padding-bottom: 15px; margin-right: 10px; display: inline-block; font-size:44px } .section-title .zh::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60%; height: 6px; background-color: #1e90ff; /* 亮蓝色线条 */ } .section-title .en { font-size: 22px; color: #bbb; letter-spacing: 3px; font-weight: normal; text-transform: uppercase; } .solution-section { display: flex; width: 100%; height: 400px; overflow: hidden; } .solution-item { flex: 1; background-size: cover; background-position: center; position: relative; overflow: hidden; } /* 关键点：使用 flex 居中 */ .solution-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; padding: 20px; } /* 标题 */ .solution-content h3 { font-size: 32px; margin-bottom: 20px; font-weight: bold; } /* 按钮 */ .solution-content a { display: inline-block; padding: 10px 25px; border: 2px solid #fff; color: #fff; text-decoration: none; font-size: 16px; transition: background 0.3s, color 0.3s; } .solution-content a:hover { background-color: #fff; color: #333; } .desc-mobile { display: none; } @media screen and (max-width: 768px) { .desc{ display: none; } .desc-mobile { display: block; } .text-part hr{ display:none} } .text-part hr{ margin-top: 50px; margin-bottom: 20px; border: 0; border-top: 1px solid #1D60AD; width: 80px; height: 3px; float:left} .carousel-wrapper { width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 40px; } .carousel-track { display: flex; flex-wrap: wrap; /* 允许换行 */ gap: 12px; /* 替代 margin-right，让每一行统一间距 */ justify-content: flex-start; transition: transform 0.5s ease-in-out; max-height: 140px; /* 控制两行高度，视实际需求可调 */ overflow: hidden; } .product-box { width: 210px; height: 60px; background: #eee; margin-right: 12px; display: flex; justify-content: center; align-items: center; font-size: 16px; flex-shrink: 0; text-decoration: none; color: #000; transition: all 0.3s ease; } .carousel-indicators { display: flex; justify-content: center; gap: 10px; margin:0 auto } .product-box:hover { background: #095ac2; color: #fff; } @media screen and (max-width: 768px) { .carousel-track { max-height: none; /* 手机端不限制高度，让内容自然撑开 */ } .product-box { width: calc((100% - 24px) / 3); /* 一行三列，两个间隙12px */ margin-right: 0; /* 移除右间距，用 gap 控制间距 */ } .product-box a{ font-size:12px; text-align:center} }