@charset "UTF-8"; /*tl*/ .swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; } .cursor-dot { position: fixed; top: 50%; left: 50%; pointer-events: none; border-radius: 50%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* transition: opacity 0.5s ease-in-out, width 0.5s, height 0.5s, background-color 0.5s ease, -webkit-transform 0.3s ease-in-out; transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, width 0.5s, height 0.5s, background-color 0.5s ease; transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, width 0.5s, height 0.5s, background-color 0.5s ease, -webkit-transform 0.3s ease-in-out;*/ width: 15px; height: 15px; background-color: #007147; z-index: 999; } .textupper { text-transform: uppercase; } .wel-banner .items .words{ z-index: 3; } .wel-banner br{ display: block; } .swiper-container-fade .swiper-slide .images{ position: relative; } .swiper-container-fade .swiper-slide .images:before{ position: absolute; content:""; width: 100%; height: 100%; left:0; top: 0; background-color: rgba(0,0,0,.2); z-index: 0; } @font-face { font-family: "notesansbold"; src: url("./fonts/Source Han Sans CN Bold.woff2") format("woff2"), url("./fonts/Source Han Sans CN Bold.woff") format("woff"), url("./fonts/Source Han Sans CN Bold.ttf") format("truetype"), url("./fonts/Source Han Sans CN Bold.eot") format("embedded-opentype"), url("./fonts/Source Han Sans CN Bold.svg") format("svg"); } .bold, .notesansbold { font-family: "notesansbold","Noto Sans SC"; font-weight: 700; } @font-face { font-family: "notesansmedium"; src: url("./fonts/Source Han Sans CN Medium.woff2") format("woff2"), url("./fonts/Source Han Sans CN Medium.woff") format("woff"), url("./fonts/Source Han Sans CN Medium.ttf") format("truetype"), url("./fonts/Source Han Sans CN Medium.eot") format("embedded-opentype"), url("./fonts/Source Han Sans CN Medium.svg") format("svg"); } .medium, .notesansmedium { font-family: "notesansmedium","Noto Sans SC"; font-weight: 500; } @font-face { font-family: "notesansr"; src: url("./fonts/Source Han Sans CN Regular.woff2") format("woff2"), url("./fonts/Source Han Sans CN Regular.woff") format("woff"), url("./fonts/Source Han Sans CN Regular.ttf") format("truetype"), url("./fonts/Source Han Sans CN Regular.eot") format("embedded-opentype"), url("./fonts/Source Han Sans CN Regular.svg") format("svg"); } .notesansr { font-family: "notesansr","Noto Sans SC"; font-weight: 400; } html, body { font-family: "notesansr","Noto Sans SC","Source Han Sans CN","SourceHanSansCN-Regular","SourceHanSansCN-Medium","Source Han Sans CN", "Noto Sans S Chinese","Noto Sans S Chinese Light","HarmonyOS Sans SC","Microsoft Yahei", "Microsoft YaHei Light","PingFangSC-Semibold","Pingfang sc bold", "Helvetica Neue", Helvetica, Tahoma, sans-serif; font-weight: 400; } .forie { width: 100%; height: 100%; background: #eaeaea url(../img/imgbox/tishi.png) center no-repeat; position: fixed; top: 0; left: 0; z-index: 500; } .con-flex { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; } .zicolor { color: #007147; } .pcbox { display: block; } .mbox { display: none; } .pc767 { display: block; } .m767 { display: none; } @media (max-width: 1024px) { .pcbox { display: none; } .mbox { display: block; } } @media (max-width: 768px) { .pc767 { display: none; } .m767 { display: block; } } /*椤电爜*/ .pagination { text-align: center; } .pagination a { display: inline-block; vertical-align: middle; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; box-sizing: content-box; color: #999999; transition: .5s ease-in-out; margin: 0 0.1 0.5px; color: #999999; background-color: #fff; border: 1px solid #dbdbdb; box-sizing: content-box; } .pagination a.active { color: #fff; background: #007147; transition: .5s ease-in-out; } .pagination a.prev, .pagination a[rel=prev], .pagination a.next, .pagination a[rel=next] { background-size: 100%; background-position: center; background-repeat: no-repeat; background-color: #fff; } .pagination a.prev, .pagination a[rel=prev] { overflow: hidden; background-image: url(../img/imgbox/prev.png); } .pagination a.next, .pagination a[rel=next] { overflow: hidden; background-image: url(../img/imgbox/next.png); } @media (min-width: 1025px) { .pagination a:hover { color: #fff; background-color: #007147; transition: .5s ease-in-out; } .pagination a.prev:hover, .pagination a[rel=prev]:hover { background-image: url(../img/imgbox/prev1.png); background-color: #007147; } .pagination a.next:hover, .pagination a[rel=next]:hover { background-image: url(../img/imgbox/next1.png); background-color: #007147; } } @media (max-width: 1025px) { .pagination a { width: 24px; height: 24px; line-height: 24px; text-align: center; } .pagination { font-size: 12px; } .pagination a { margin: 0 .1rem; } } /*椤电爜缁撴潫*/ .bgcenter { background-repeat: no-repeat; background-position: center; background-size: cover; } .video-fixed.ons { z-index: 5000 !important; } .w100 { width: 100%; } .w1140 { width: 85%; max-width: 1140px; margin: 0 auto; } .f6f6f6 { background-color: #f6f6f6; } .video-fixed .cha { width: 40px; height: 40px; background: url(../img/imgbox/close-vid2.png) #000 no-repeat center/80% auto; position: absolute; top: 40px; right: 40px; cursor: pointer; } .video-fixed { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: 230; top: 0; left: 0; cursor: pointer; display: none; transition: .8s ease-in-out; } .video-fixed .imghide { display: none; } .video-fixed .videoboxs .box { display: flex; justify-content: center; align-items: center; } .video-fixed.ons { transition: .8s ease-in-out; } .video-fixed .videoboxs .box { height: 100%; } .video-fixed .videoboxs { width: 80%; height: 80%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #000; box-sizing: border-box; } .wel-banner .videoboxs { position: relative; } .wel-banner .videoboxs:before { position: absolute; pointer-events: none; content: ""; width: 50px; height: 50px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../img/imgbox/videos.png) no-repeat center; background-size: 100%; z-index: 2; display: none; } .k404 { padding-bottom: 1.85rem; } .k404 .c-more { margin-top: .5rem; } .k404 .tits { line-height: 1.58; } @media screen and (max-width: 1024px) { .video-fixed .videoboxs { width: 90%; height: 90%; } .mvideo { position: relative; } .mvideo:before { position: absolute; content: ""; width: 1005; height: 1005; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/imgbox/videos.png) rgba(0, 0, 0, 0.2) no-repeat center; background-size: 40px 40px; margin: auto; z-index: 3; } } @media screen and (max-width: 768px) { .video-fixed .videoboxs { width: 100%; height: 80%; bottom: 0; margin: auto; } .video-fixed .cha { right: .2rem; top: -1.2rem; width: 1rem; height: 1rem; } } .con-more { display: inline-block; vertical-align: top; position: relative; padding-left: .45rem; padding-right: 1.4rem; height: 2.57em; line-height: 2.57em; border-radius: 2.57em; color: #fff; border: 1px solid rgba(255, 255, 255, 0.1); } .con-more:hover { color: #fff; } .con-more:before { position: absolute; content: ""; width: .6rem; height: .6rem; right: 0.15rem; top: 0; bottom: 0; margin: auto; background: url(../img/imgbox/jt.png) rgba(255, 255, 255, 0.3) no-repeat center; background-size: 100%; border-radius: 50%; } .secwen { opacity: 0; transform: translateY(30px); transition: 0.8s cubic-bezier(0.3, 0, 0.24, 1); } .secwen.animate { opacity: 1; transform: translateY(0); transition: 0.8s cubic-bezier(0.3, 0, 0.24, 1); } .secwen.add1 { transition-delay: .15s; } .secwen.add2 { transition-delay: .25s; } .secwen.add3 { transition-delay: .35s; } .secwen.add4 { transition-delay: .45s; } .lin1 { line-height: 1; } .bold { font-weight: bold; } .tc { text-align: center; } .con-words { color: #333333; line-height: 1.66; } img { max-width: 100%; } .h55 { line-height: 55px; height: 55px; } .fixed-right-box { position: fixed; right: 3%; bottom: 10%; width: 1.25rem; height: 1.25rem; background-color: #007147; z-index: 99; border-radius: 50%; background-image: url(../img/imgbox/back.png); background-size: 100%; background-position: center; background-repeat: no-repeat; display: none; cursor: pointer; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } body { min-height: 100vh; } .cursor { cursor: pointer; } .con-videos { position: relative; } .con-videos .images { position: relative; } .con-videos .images:before { z-index: 2; content: ""; width: 1.375rem; height: 1.375rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../img/imgbox/vide.png) no-repeat center; background-size: 100%; pointer-events: none; } @media screen and (min-width: 1025px) { .fixed-right-box:hover { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); background-color: #007147; transform: translateY(-5px); } .searchs-txts .li:hover { color: #007147; transition: .5s ease-in-out; } .searchs-txts .li:hover:before { opacity: 1; transition: .5s ease-in-out; } } /**/ /*searchs*/ .searchs-tops { padding-top: 1rem; padding-bottom: 1rem; background: #F6F6F6; } .searchs-box { height: 1.75em; line-height: 1.75em; /*overflow: hidden;*/ padding-right: 124px; position: relative; } .searchs-box input:-moz-placeholder, .searchs-box textarea:-moz-placeholder { color: #666666; } .searchs-box input::-moz-placeholder, .searchs-box textarea::-moz-placeholder { color: #666666; } .searchs-box input:-ms-input-placeholder, .searchs-box textarea:-ms-input-placeholder { color: #666666; } .searchs-box input::-webkit-input-placeholder, .searchs-box textarea::-webkit-input-placeholder { color: #666666; } .searchs-box input { background-color: transparent; } .searchs-box input[type=text] { width: 100%; height: 100%; line-height: inherit; color: #999; } .searchs-box input[type=submit] { position: absolute; width: 100%; height: inherit; line-height: inherit; left: 0; width: 100%; text-align: left; top: 0; bottom: 0; z-index: 3; opacity: 0; } .searchs-box .submit { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; padding-left: 38px; padding-right: 44px; color: #fff; background-color: #000000; border-radius: 40px; width: 124px; } .searchs-box .submit:before { position: absolute; content: ""; height: 16px; width: 16px; top: 0; bottom: 0; right: .7rem; background-size: 100%; margin: auto; z-index: 0; background: url(../img/imgbox/sear3.png) no-repeat center; background-size: 100%; } .searchs-box .submit .spans { display: block; line-height: inherit; height: inherit; } .searchs-tits { color: #666666; line-height: 1.55; margin-bottom: .5rem; } .searchs-tits span { color: #007147; } .searchs-txts { font-size: 0; padding: 0 .25rem; position: relative; border-bottom: 1px solid rgba(214, 214, 214, 0.8); } .searchs-txts:before { position: absolute; content: ""; width: 100%; height: 2px; background-color: #f3f2f0; left: 0; top: 0; } .searchs-txts .li { display: inline-block; vertical-align: top; margin: 0 .7rem; line-height: 1.45rem; cursor: pointer; position: relative; transition: .5s ease-in-out; color: #333; } .searchs-txts .li:before { position: absolute; content: ""; width: 1rem; height: 4px; background-color: #007147; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; transition: .5s ease-in-out; } .serlist-center .list { padding-bottom: 2.4rem; padding-top: .75rem; } .serlist-center .list .li { width: 48.6%; margin-left: 2.8%; line-height: 3.25em; height: 3.25em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #333333; padding-left: .8rem; position: relative; } .serlist-center .list .li.after, .serlist-center .list .li:after { position: absolute; content: ""; width: 100%; height: 1px; left: 0; bottom: 0; background-color: rgba(214, 214, 214, 0.8); } .serlist-center .list .li span { color: #007147; } .serlist-center .list .li:before { position: absolute; content: ""; width: .2rem; height: .2rem; border-radius: 50%; background-color: #cccccc; left: 0; top: 50%; transform: translateY(-50%); } .serlist-center .list .li:nth-child(2n+1) { margin-left: 0; } .searchs-txts .li.active { color: #007147; transition: .5s ease-in-out; } .searchs-txts .li.active:before { opacity: 1; transition: .5s ease-in-out; } .searchs-body { padding-top: 1rem; padding-bottom: 2.9rem; } .searchs-list { padding-top: .75rem; } .searchs-list .list { font-size: 0; padding-bottom: 1.75rem; } .searchs-list .list .items { display: inline-block; vertical-align: top; width: 48.5%; margin-left: 3%; color: #333; border-bottom: 1px solid #e01a22; margin-top: .5rem; } .searchs-list .list .items .box { height: 1.25rem; line-height: 1.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding-left: .85rem; padding-right: .2rem; position: relative; } .searchs-list .list .items .box:before { position: absolute; content: ""; width: .2rem; height: .2rem; border-radius: 50%; background-color: #e01a22; top: 0; bottom: 0; left: .25rem; margin: auto; } .searchs-list .list .items span { color: #cc0000; } .searchs-list .list .items:nth-child(2n+1) { margin-left: 0; } .polishing-uls.w3 .polishing-lis { width: 33.33%; } @media (min-width: 1025px) { .searchs-box .submit { transition: .5s ease; } .searchs-box .submit:hover { transition: .5s ease; transform: translateY(-6px); } .serlist-center .list .li.after, .serlist-center .list .li:after { transition: .5s ease-in-out; } .serlist-center .list .li.after:hover, .serlist-center .list .li:hover:after { background: #007147; transition: .5s ease-in-out; } } @media screen and (max-width: 768px) { .serlist-center .list .li { width: 100%; margin-left: 0; } } /**/ .dev-pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 101; background-color: rgba(0, 0, 0, 0.5); display: none; } .dev-pop .close-bg { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .dev-pop .form-box { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 65%; background-color: #fff; padding: 1.8rem 2.5rem 1.9rem; } .dev-pop .form-box .tit { color: #007147; text-align: center; margin-bottom: 1.4rem; line-height: 1; } .dev-pop .form-box .input-wrap { display: flex; flex-wrap: wrap; margin-bottom: .5rem; } .dev-pop .form-box .input-wrap .li { width: 48%; height: 1.75rem; margin-right: 4%; margin-bottom: .6rem; border: 1px solid #D2D2D2; position: relative; /* position: relative; */ } /* .dev-pop .form-box .input-wrap .li img { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); } */ .dev-pop .form-box .input-wrap .li:nth-child(2n) { margin-right: 0; } .dev-pop .form-box .input-wrap .li input { padding: 0 1.3rem; width: 100%; height: 100%; background: none; color: #007147; } .dev-pop .form-box .input-wrap .li input::placeholder { color: #007147; } .dev-pop .form-box .input-wrap .li.upload { position: relative; background-color: #F6F9FF; } .dev-pop .form-box .input-wrap .li.upload .upload-input { position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; } .dev-pop .form-box .input-wrap .li.upload .file-name { position: absolute; z-index: 1; right: .5rem; top: 0; width: 40%; background: none; padding: 0; } .dev-pop .form-box .input-wrap .li.upload div { padding: 0 1.3rem; display: flex; height: 100%; align-items: center; color: #007147; } .dev-pop .form-box .input-wrap .li.upload div img { width: 15px; margin-left: .3rem; } .dev-pop .form-box .input-wrap .li.code { display: flex; align-items: center; } .dev-pop .form-box .input-wrap .li #captcha { width: 100%; } .dev-pop .form-box .input-wrap .li img { width: 2rem; object-fit: contain; } .dev-pop .form-box .input-wrap .li .captcha { position: absolute; right: 0; top: 0; height: 100%; width: auto; } .dev-pop .form-box .submit { width: 3.9rem; height: 1.4rem; border-radius: .7rem; background-color: #007147; color: #fff; display: block; margin: 0 auto; } .dev-pop textarea, .dev-pop input { text-indent: 0; } @media (max-width: 1024px) { .dev-pop .form-box { padding: 1.5rem; } } @media (max-width: 997px) { .dev-pop .form-box .input-wrap .li.upload div, .dev-pop .form-box .input-wrap .li input { padding-left: .5rem; } .dev-pop .form-box { width: 90%; padding: 1rem; } .dev-pop .form-box .tit { margin-bottom: .8rem; } .dev-pop .form-box .input-wrap .li { width: 100%; margin-right: 0; } .dev-pop .form-box .input-wrap .li:last-child { margin-bottom: 0; } } .zanwuxinxi { padding-top: 3em; padding-bottom: 3em; } .arial { font-family: 'Arial'; } .col666 { color: #666; } .con-tits { line-height: 1.16; color: #333; } .con-text { line-height: 2; color: #666666; } .con-searchs { display: flex; justify-content: center; align-items: center; height: 50px; margin-right: 1em; } .con-searchs svg { width: 20px; height: 20px; display: block; } .a-langs { height: 50px; line-height: 50px; } .a-langs .langs-a { display: inline-block; vertical-align: middle; color: #333; } @media (max-width: 768px) { br { display: none; } /*澶ф爣棰?/ .con-tits { font-size: 22px !important; line-height: 1.2 !important; } /*鏂伴椈鏍囬*/ .newstits { font-size: 18px !important; line-height: 1.4 !important; } /*姝f枃鏍囬*/ .con-text { font-size: 14px !important; line-height: 1.8 !important; } } .newsinfo-words-tits { padding-bottom: .75rem; border-bottom: 1px solid #dddddd; } .newsinfo-words-tits .tits { line-height: 1.45; color: #333333; } .newsinfo-words-tits .time { margin-top: .45rem; } .newsinfo-box { padding-top: 3.25rem; padding-bottom: 3.5rem; } .newsinfo-box .newsinfo-words-tits { margin-bottom: .7rem; } .newsinfo-words-center { line-height: 2.4; color: #333333; padding-bottom: 1.3rem; border-bottom: 1px solid #dddddd; } .newsinfo-words-bottoms { position: relative; margin-top: 1.25rem; padding-right: 240px; } .newsinfo-words-bottoms a { display: block; } .newsinfo-words-bottoms .backs { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; } .newsinfo-words-bottoms .next { margin-top: 2px; } .newsinfo-words-bottoms .li { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #010101; } @media (min-width: 1025px) { .newsinfo-words-bottoms .li { transition: .5s ease-in-out; } .newsinfo-words-bottoms .li:hover { color: #007147; transition: .5s ease-in-out; } } @media (max-width: 1024px) { .newsinfo-words-center { line-height: 1.8; } } @media (max-width: 768px) { .newsinfo-words-bottoms .backs { position: static; margin-top: 1rem; display: inline-block; vertical-align: top; } .newsinfo-words-bottoms { padding-right: 0; } .newsinfo-box { padding-top: 2.25rem; padding-bottom: 1.65rem; } .m-header .sub-menu li .sec-list { padding-top: 1rem; padding-bottom: 1.35rem!important; } .m-header .sub-menu li.active .sec-list a{ border-bottom: none!important; } } .m-header .welcome-a img { height: 28px; display: inline-block; vertical-align: middle; } .m-searchs { margin-left: .5rem; margin-right: .35rem; } .m-searchs .span { width: 40px; height: 50px; background: url(../img/imgbox/sear2.png) no-repeat center; background-size: 50%; } .m-header .w-header.fixed { width: 100%; position: fixed; top: 0; transition: .5s ease-in-out; left: 0; } .m-header.fixed, .bocweb-header.fixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 200; } .m-header { height: 50px; width: 100%; position: relative; width: 100%; background: #fff; } .m-header .w-header.fixed { width: 100%; position: fixed; top: 0; transition: .5s ease-in-out; left: 0; } .m-header .w-header { position: relative; width: 100%; box-sizing: border-box; z-index: 24; height: 50px; padding-left: 2%; transition: .5s ease-in-out; z-index: 300; background: #fff; } .uiobox { width: 50px; height: 50px; position: relative; } body.ovh .m-header .welcome-a .i1, html.ovh .m-header .welcome-a .i1 { opacity: 0; } body.ovh .m-header .welcome-a .i0, html.ovh .m-header .welcome-a .i0 { opacity: 1; } body.ovh .m-searchs span .i1, html.ovh .m-searchs span .i1 { opacity: 0; } body.ovh .m-searchs span .i0, html.ovh .m-searchs span .i0 { opacity: 1; } body.ovh .m-header .nav-btn.hover .line, html.ovh .m-header .nav-btn.hover .line { background-color: #007147; } .m-searchs img { width: 100%; } .m-header .welcome-a .i1 { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; opacity: 0; z-index: 1; } .m-header .w-header .nav-btn .hover .line2 { display: none; } .m-header .w-header.fixed .nav-btn .line { background: #333; transition: .5s ease-in-out; } .m-header .w-header.fixed { background: #fff; } .m-header .w-header.fixed .welcome-a .i0 { opacity: 0; } .m-header .w-header.fixed .welcome-a .i1 { opacity: 1; } .m-header .w-header.fixed .welcome-a img { transition: .5s ease-in-out; } .m-header .w-header.fixed .nav-sousuo svg path { fill: #333; transition: .5s ease-in-out; } .m-header .welcome-a { display: block; height: 100%; line-height: 50px; position: relative; } .m-header .search-cover { float: right; width: 35px; height: 48px; display: block; line-height: 48px; } .m-header .search-cover img { width: 100%; vertical-align: middle; } .m-header .nav-sousuo { margin-right: 28px; margin-left: 25px; font-size: 0; color: #fff; line-height: 50px; height: 50px; background-size: 100%; width: 40px; transition: .5s ease-in-out; background: url(../img/imgbox/search.png) no-repeat center; background-size: 70%; } .m-header .nav-sousuo svg { height: 25px; height: 25px; display: inline-block; vertical-align: middle; } .m-header .nav-sousuo svg path { fill: #333; transition: .5s ease-in-out; } .m-header .nav-sousuo a { color: #666666; font-size: 14px; display: inline-block; margin: 0 2px; } .m-header .nav-sousuo a.active { color: #f3980f; } .m-header .uio { /*height: 100%;*/ height: 20px; width: 22px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .m-header .search-bg { position: fixed; left: 0; top: 48px; width: 100%; height: 150px; z-index: 10; background: #ffffff; display: none; } .m-header .subsearch { padding-right: 15px; border-right: 1px solid #d2d2d2; box-sizing: border-box; } .m-header .subsearch .sp { width: 35px; height: 35px; background-size: 80%; } .m-header .subsearch img { height: 100%; } .m-header .search-bg .m-close-search { display: block; width: 10px; height: 10px; background-size: 100% auto; position: fixed; right: 4%; top: 10px; cursor: pointer; z-index: 11; } .m-header .search-bg .m-search-box { width: 92%; margin: 0 auto; border-bottom: 1px solid #f2f2f2; position: absolute; left: 3%; top: 48px; height: 40px; z-index: 11; } .m-header .search-bg .m-search-box .tex { border: none; font-size: 12px; color: #a7a7a7; height: 41px; padding-left: 5px; box-sizing: border-box; width: 60%; background: none; } .m-header .search-bg .m-search-box .search-btn { border: none; width: 30px; height: 30px; background-size: 100%; margin-top: 6px; } .m-header .btn-na { margin-right: 15px; } .footerlangs a { color: #333333; font-size: 16px; } .m-header .nav-btn { position: absolute; right: 0; top: 0; width: 100%; height: 100%; vertical-align: middle; cursor: pointer; } .m-header .nav-btn .line { position: absolute; display: block; width: 100%; height: 2px; background-color: #000; left: 0; border-radius: 2px; } .m-header .nav-btn .line1 { width: 100%; top: 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; } .m-header .nav-btn .line2 { top: 9px; } .m-header .nav-btn .line3 { width: 100%; bottom: 0; -webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; transform-origin: left bottom 0; } .m-header .nav-btn.active { -webkit-animation: rotate 0.3s linear 0s; animation: rotate 0.3s linear 0s; } .m-header .nav-btn.hover .line { left: 0; } .m-header .sub-menu { width: 100%; /*height: calc(100% - 50px);*/ height: 100%; padding: 60px 0 0; display: none; position: fixed; left: 0; top: 0; /*background-color: white;*/ background-color: #ffffff; opacity: 1; filter: alpha(opacity=100); z-index: 15; overflow-y: auto; z-index: 200; } .m-header .sub-menu li .sub-tit { padding: 0 3%; box-sizing: border-box; } .m-header .sub-menu li .sub-tit .tu-box { box-sizing: border-box; position: relative; line-height: 3em; height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .m-header .sub-menu li:nth-child(n+2) { margin-top: 10px; } .m-header .sub-menu li .sub-tit .tu-box .imgbox { position: absolute; left: 0; top: 0; width: 20px; height: 20px; bottom: 0; margin: auto; } .m-header .sub-menu li .sub-tit.on .tu-box { border-bottom-color: transparent; } .m-header .sub-menu li a { display: block; } .m-header .sub-menu .tit { display: block; width: 100%; padding: 10px 3%; box-sizing: border-box; line-height: 33px; color: #333333; position: relative; font-size: 15px; line-height: 20px; } .m-header .sub-menu .tit a { color: #666; } .m-header .sub-menu .tit1 { display: block; width: 100%; line-height: inherit; height: inherit; color: #333333; position: relative; font-size: 15px; box-sizing: border-box; } .m-header .sub-menu .sub-tit.on .btn-v { background: url(../img/imgbox/img6.png) center center no-repeat; background-size: 100%; } .m-header .sub-menu .btn-v { display: inline-block; position: absolute; right: 0; top: 0; height: 15px; width: 15px; float: right; margin-top: 0; background: url(../img/imgbox/img5.png) center center no-repeat; background-size: 100%; bottom: 0; margin: auto; } .m-header .sub-menu .sub-tit1.on { background-color: #ff0001; color: #fff; } .m-header .sub-menu .sub-tit.on:after { background-size: 100% auto; } .m-header .sub-menu .sec-list { line-height: 28px; padding: 1px 3%; /*display: none;*/ /*padding-top: 20px;*/ /*padding-bottom: 35px;*/ /*position: fixed;*/ /*left: 0;*/ /*top: 0;*/ /*width: 100%;*/ /*height: 100%;*/ /*padding-top: 60px;*/ background: #fff; z-index: 5; /*transform:translateX(100%);*/ /*transition: all .5s .2s;*/ } .m-header .sub-menu .sec-list.on { /*transform:translateX(0);*/ /*transition: all .5s .2s;*/ } .m-header .sub-menu .sec-list p:nth-child(1) a { /*border-top:1px solid #d6d6d6;*/ } .m-header .sub-menu .tit { text-transform: capitalize; } .m-header .sub-menu .sec-list a { /*background-size: 8px auto;*/ /*line-height: 3;*/ font-size: 13px; line-height: 2.5; height: 2.5em; /*padding: 2px 0;*/ /*border-bottom: 1px solid #d6d6d6;*/ box-sizing: border-box; } .m-header .sub-menu .sec-list .uls a { border: none; } .m-header .sub-menu .sec-list { font-size: 15px; display: none; } .m-header .sub-menu .sec-list .lis-tops { font-size: 15px; line-height: 3em; height: 3em; position: relative; } .m-header .sub-menu .sec-list .lis-tops:before { position: absolute; content: ""; width: 15px; height: 15px; right: 0; left: auto; top: 0; bottom: 0; margin: auto; background: url(../imgbox/img5.png) no-repeat center; background-size: 100%; } .m-header .sub-menu .sec-list .lis { border-bottom: 1px solid #e6e6e6; } .m-header .sub-menu .sec-list .lis:nth-child(n+2) { margin-top: 1.2em; } .m-header .sub-menu .sec-list .lis-bots { display: none; padding-bottom: 16px; line-height: 1.7; } .m-header .sub-menu .sec-list .lis-bots a { line-height: 1.7; height: auto; font-size: 13px; } .m-header .sub-menu .sec-list .lis-bots a:nth-child(n+2) { margin-top: 10px; } .m-header .sub-menu .sec-list a { /*padding-left: 30px;*/ color: #333; display: block; position: relative; } .m-header .sub-menu .sec-list a:before { position: absolute; /*content:"";*/ width: 5px; height: 5px; left: 13px; top: 0; bottom: 0; margin: auto; background: #007147; border-radius: 50%; } .m-header .w-header .inj { line-height: 25px; height: 25px; margin-top: 10px; color: #ffffff; } .m-header .w-header .inj a { color: #ffffff; font-size: 14px; } .m-header .w-header .inj.en { margin-left: 25px; } .m-header .w-header .ser { width: 25px; height: 25px; background: url(../img/imgbox/search.png) no-repeat center; background-size: 100%; } .m-header .sub-menu li.active { /*background-color: $bglan;*/ /*color: #fff;*/ } .m-header .sub-menu li.active .sub-tit { /*background: $colors;*/ } .m-header .sub-menu li .sub-tit.on .tu-box { color: #333; } .m-header .sub-menu li.active .sec-list { background-color: #007147; color: #fff; padding-bottom: 1.875rem; } .m-header .sub-menu li.active .sec-list a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-left: 1.75rem; position: relative; } .m-header .sub-menu li.active .sec-list a:before { position: absolute; content: ""; width: .25rem; height: .25rem; left: .75rem; border-radius: 50%; background-color: #fff; top: 0; bottom: 0; margin: auto; } .m-header .sub-menu li.active .sec-list a { color: #fff; } .m-header .sub-menu li.active .tit { color: #fff; } body { overflow: hidden; } .bocweb-header.fixed { background: #fff; position: fixed; width: 100%; left: 0; top: 0; } @media (max-width: 1024px) { .m-header .nav-btn .line { transition: .5s ease-in-out; } .m-header .nav-btn.hover .line { transition: .5s ease-in-out; left: 5px; } .m-header .nav-btn.hover .line1 { transform: rotate(45deg); width: 100%; } .m-header .nav-btn.hover .line2 { opacity: 0; } .m-header .nav-btn.hover .line3 { width: 100%; bottom: 3px; transform: rotate(-45deg); } } /*info;*/ .newsinfo-list { padding-top: 1.2rem; padding-bottom: 4.2rem; } .newsinfo-contents { background-color: #fff; padding: 1.1rem 2rem 1.75rem 2rem; } .newsinfo-toptitles { border-bottom: 1px solid #e0e0e0; padding-bottom: .95rem; } .newsinfo-toptitles .titles { line-height: 1.75; color: #030303; margin-bottom: .85rem; } .newsinfo-toptitles .tit-left { line-height: 1; color: #666666; } .c-newslist { padding-top: 1.575rem; } .c-newslist-lists-tops { padding-bottom: 2rem; } .c-newslist-lists-tops .c-newslist-top-swiper { margin-top: .75rem; } .c-newslist-top-swiper .items { align-items: stretch; color: #999999; } .c-newslist-top-swiper .images { overflow: hidden; } .c-newslist-top-swiper .images img { width: 100%; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); height: 100%; object-fit: cover; } .c-newslist-top-swiper .images, .c-newslist-top-swiper .words { width: 50%; background: #fff; } .c-newslist-top-swiper .words { padding: 1.25rem 4.4270833333vw 5.1041666667vw 4.4270833333vw; } .c-newslist-top-swiper .swiper-pagination { position: absolute; width: 50%; bottom: 1.05rem; z-index: 5; right: 0; text-align: left; padding: 0 2.125rem; } .c-newslist-top-swiper .tits { height: 3.84em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .c-newslist-top-swiper .txts { height: 5.625em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: .75rem; margin-bottom: 1.4rem; } .c-news-words { color: #999; } .c-news-words .tits { line-height: 1.28; color: #333333; } .c-news-words .txts { color: #666; line-height: 1.875em; } .c-news-words .span { line-height: 1; position: relative; } .c-news-words .span:nth-child(2) { margin-left: .3rem; padding-left: .3rem; position: relative; } .c-news-words .span:nth-child(2):before { position: absolute; content: ""; width: 1px; background: #dadada; height: 100%; left: 0; top: 0; } .c-newslist-lists-bots { padding-bottom: 2.625rem; background: #fff; padding-top: 2.2rem; } .c-newslist-lists-bots .items { border-top: 1px solid #e5e5e5; align-items: stretch; } .c-newslist-lists-bots .items img { /*height: 100%;*/ object-fit: contain; } .c-newslist-lists-bots .items:nth-child(n+2) { margin-top: .9rem; } .c-newslist-lists-bots .images { width: 27.18%; } .c-newslist-lists-bots .list { padding-bottom: 2.3rem; } .c-newslist-lists-bots .words { width: 72.82%; padding-top: 2.0833333333vw; padding-left: 2.0833333333vw; padding-right: 5.5208333333vw; padding-bottom: 1.875vw; } .c-newslist-lists-bots .words .tits { height: 1.28em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .c-newslist-lists-bots .words .txts { height: 3.75em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: .6rem; margin-bottom: .85rem; } .newsinfo-centerwords { padding-top: 1rem; padding-bottom: 1.05rem; color: #666666; line-height: 1.75; border-bottom: 1px solid #e0e0e0; } .newsinfo-bottoms { padding-top: .5rem; } .newsinfo-bottoms .btn-text a { line-height: 2.5em; display: block; height: 2.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #333; } .newsinfo-bottoms .btn-back { text-align: right; padding-top: .2rem; } .cons-btn { display: inline-block; vertical-align: top; padding-left: 1.7rem; padding-right: 1rem; border-radius: 2.78em; height: 2.78em; line-height: 2.78em; background-color: #007147; color: #fff; position: relative; } .cons-btn:before { content: ""; position: absolute; left: .9rem; width: .5rem; top: 0; bottom: 0; margin: auto; background: url(../img/imgbox/btn.png) no-repeat center; background-size: 100%; } .cons-btn:hover { color: #fff; } .newsinfo-title { line-height: 1; margin-bottom: .55rem; } .newsinfo-title .li { display: inline-block; vertical-align: top; color: #999999; } .newsinfo-title a.li.active { color: #007147; } .newsinfo-title span.li { margin-left: .2rem; margin-right: .2rem; } .newsinfo-title .home { padding-left: 1.1rem; position: relative; } .newsinfo-title .home:before { position: absolute; content: ""; width: .5rem; height: .5rem; left: 0; top: 50%; transform: translateY(-50%); background: url(../img/imgbox/home.png) no-repeat center; background-size: 100%; } .newsinfo-title .home.active { color: #007147; } .newsinfo-title .home.active:before { background: url(../img/imgbox/home2.png) no-repeat center; background-size: 100%; } @media (min-width: 1025px) { .newsinfo-title a.li, .newsinfo-bottoms .btn-text a { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .newsinfo-title a.li:hover, .newsinfo-bottoms .btn-text a:hover { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); color: #007147; } .cons-btn { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .cons-btn:hover { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); transform: translateY(-5px); } .c-newslist-lists-bots .items .images, .c-newslist-top-swiper .items .images { overflow: hidden; } .c-newslist-lists-bots .items img, .c-newslist-lists-bots .items .tits, .c-newslist-top-swiper .items img, .c-newslist-top-swiper .items .tits { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .c-newslist-lists-bots .items:hover img, .c-newslist-top-swiper .items:hover img { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); transform: scale3d(1.05, 1.05, 1); } .c-newslist-lists-bots .items:hover .tits, .c-newslist-top-swiper .items:hover .tits { color: #007147; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } } @media (max-width: 1024px) { .w1140 { width: 94%; max-width: 94%; } } @media (max-width: 768px) { .c-newslist-top-swiper .swiper-pagination { width: 100%; margin-top: 1rem; position: static; padding: 0; text-align: center; } .newsinfo-contents { padding: 1rem .75rem; } .newsinfo-toptitles .titles { line-height: 1.2; } .newsinfo-list { padding-bottom: 1.75rem; } .c-newslist-lists-bots .items { display: block; } .c-newslist-top-swiper .images, .c-newslist-top-swiper .words { width: 100%; height: auto; } .c-newslist-lists-bots .words { width: 100%; padding: 1.25rem .25rem; padding-bottom: 1rem; } .c-newslist-lists-bots .images { width: 100%; } .c-newslist-lists-bots .images img { width: 100%; } .c-newslist-lists-bots .list { padding-bottom: 1.75rem; } .c-newslist-lists-bots .words .txts { height: 3.6em; margin-top: .5rem; margin-bottom: .75rem; } .c-newslist-lists-bots .words .tits { height: 1.4em; } .c-news-words .tits { height: 4.2em; } .c-newslist-top-swiper .txts { height: 5.4em; } } /*news*/ .c-news-top-inputs { position: relative; } .c-news-top-inputs input:-moz-placeholder, .c-news-top-inputs textarea:-moz-placeholder { color: #999999; } .c-news-top-inputs input::-moz-placeholder, .c-news-top-inputs textarea::-moz-placeholder { color: #999999; } .c-news-top-inputs input:-ms-input-placeholder, .c-news-top-inputs textarea:-ms-input-placeholder { color: #999999; } .c-news-top-inputs input::-webkit-input-placeholder, .c-news-top-inputs textarea::-webkit-input-placeholder { color: #999999; } .c-news-top-inputs input[type=text] { width: 100%; height: 1.65rem; border: 1px solid #cccccc; text-indent: 0; padding-left: 1rem; padding-right: 1.5rem; color: #999999; } .c-news-top-inputs input[type=submit] { width: 20px; height: 20px; position: absolute; right: 1rem; top: 0; bottom: 0; margin: auto; background: url(../img/imgbox/ser3.png) no-repeat center; background-size: 100%; text-indent: -999px; overflow: hidden; } .searchs-form { position: fixed; width: 100%; left: 0; top: 5.2083333333vw; background: #007147; z-index: 999; padding-top: 2.4rem; padding-bottom: 3rem; display: none; } .searchs-form .inputs { height: 2rem; line-height: 2rem; position: relative; border-bottom: 1px solid #fff; } .searchs-form .inputs input[type=text] { width: 100%; height: 2rem; line-height: 2rem; padding-right: 26px; color: #fff; background-color: transparent; } .searchs-form .search { width: 24rem; max-width: 50%; margin: 0 auto; } .searchs-form .inputs input[type=submit] { position: absolute; width: 23px; height: 23px; background: url(../img/search.svg) no-repeat center; background-size: 100%; right: 0; top: 0; bottom: 0; margin: auto; text-indent: -999px; overflow: hidden; } @media (max-width: 1024px) { .searchs-form { top: 50px; padding-top: 1.25rem; padding-bottom: 1.75rem; } .searchs-form .search { width: 90%; max-width: 90%; } } .w1600 { width: 83%; max-width: 83%; margin: 0 auto; } .wow { opacity: 0; } .w1800 { width: 100%; padding-left: 3.125vw; padding-right: 3.125vw; } .w1400 { width: 73%; max-width: 73%; margin: 0 auto; } .con-banner { position: relative; } .con-banner .words { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; padding-bottom: 4.5833333333vw; color: #fff; } .con-banner .banner-daohang { position: absolute; left: 0; right: 0; margin: auto; bottom: 1.5625vw; text-align: left; } .banner-daohang .li { line-height: 1; color: #fff; position: relative; display: block; } .banner-daohang .li:nth-child(n+2) { margin-left: 5px; } .banner-daohang .li.active { color: #007147; } .banner-daohang.info-daohang { border-bottom: 2px solid #eaeaea; padding-top: .65rem; padding-bottom: .5rem; } .banner-daohang.info-daohang .home:before { background: url(../img/1-010.png) no-repeat center; background-size: 100%; } .banner-daohang.info-daohang .li { color: #999999; } .banner-daohang.info-daohang .li.active { color: #007147; } .banner-daohang .home { position: relative; padding-left: .75rem; } .banner-daohang .home:before { position: absolute; content: ""; width: 12px; height: 12px; left: 0; top: 0; bottom: 0; margin: auto; background: url(../img/1-01.png) no-repeat center; background-size: 100%; } .cons-tit-box .swiper-container { position: relative; } .cons-tit-box .swiper-container:before { position: absolute; content: ""; width: 100%; height: 2px; left: 0; bottom: 0; background: #eaeaea; } .cons-tit-box .li { height: 2.1rem; line-height: 2.1rem; width: auto; padding: 0 .7rem; cursor: pointer; color: #333; } .cons-tit-box .li span { display: block; position: relative; padding: 0 .25rem; } .cons-tit-box .li span:before { position: absolute; content: ""; width: 100%; height: 2px; left: 0; bottom: 0; background-color: #007147; transition: .5s ease; opacity: 0; } .cons-tit-box .li.active { color: #007147; } .cons-tit-box .li.active span:before { transition: .5s ease; opacity: 1; } .cons-tit-box .cons-tits.onac .swiper-wrapper { justify-content: center; } .contacts01 { padding-bottom: 3rem; padding-top: 2.25rem; } .contacts01-list { margin-top: 1.45rem; } .contacts01-list .images, .contacts01-list .words { width: 50%; } .contacts01-list .items { align-items: stretch; } .contacts01-list .items:nth-child(2n+2) { flex-direction: row-reverse; } .contacts01-list .items .images { overflow: hidden; } .contacts01-list .items .images img { height: 100%; object-fit: cover; } .contacts01-list .items .words { padding: 1.5rem; } .contacts01-list .items .words .tits { line-height: 1; } .contacts01-list .items .words .wen { margin-top: 1.1rem; line-height: 1.875; } .contacts02 { background-color: #f5f5f5; padding-top: 2.75rem; padding-bottom: 3.25rem; } .contacts02-list { margin-top: .95rem; } .contacts02-list-bottoms .form-list { padding-bottom: .7rem; } .contacts02-list-bottoms .items { width: 31.8%; margin-left: 2.3%; border: 1px solid #e1e1e1; margin-bottom: 1rem; background-color: #ffffff; padding: .95rem 1.25rem; } .contacts02-list-bottoms .items:nth-child(3n+1) { margin-left: 0; } .contacts02-list-bottoms .items .tits { color: #333333; line-height: 1.36; } .contacts02-list-bottoms .items .txts { line-height: 1.55; color: #007147; margin-top: 0.125rem; margin-bottom: 0.25rem; } .contacts02-list-bottoms .items .text { line-height: 1.6; color: #666666; height: 9em; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;*/ padding-right: .5em; overflow-y:auto; } .contacts02-list-bottoms .items .yinpin { margin-top: .5rem; color: #333333; display: inline-block; vertical-align: top; line-height: 1.875em; height: 1.875em; position: relative; padding-right: 1.35rem; } .contacts02-list-bottoms .items .yinpin:before { position: absolute; content: ""; width: .75rem; height: .75rem; right: 0; top: 0; bottom: 0; margin: auto; background: url(../img/1-02.png) no-repeat center; background-size: 100%; border: 2px solid #007147; border-radius: 50%; box-sizing: border-box; } .h100 { height: 5.2083333333vw; line-height: 5.2083333333vw; } .con-header { position: absolute; width: 100%; left: 0; top: 0; z-index: 1000; } .con-header.fixed .m-header, .con-header.fixed .bocweb-header { position: fixed; width: 100%; left: 0; top: 0; background: #fff; } .searchs-box .submit { background-color: #007147; } .bocweb-logo { position: relative; display: flex; justify-content: center; align-items: center; } .bocweb-logo img { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .bocweb-logo .i1 { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .bocweb-logo .i0 { opacity: 0; } .bocweb-header .nav .li { text-align: center; } .body-active3 .con-header, .body-active2 .con-header { background: #fff; } .body-active .con-header { position: relative; background: #fff; } .con-header.fixed .bocweb-logo img, .body-active1 .bocweb-logo img, .body-active3 .bocweb-logo img, .body-active2 .bocweb-logo img, .body-active .bocweb-logo img { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .con-header.fixed .bocweb-logo .i0, .body-active1 .bocweb-logo .i0, .body-active3 .bocweb-logo .i0, .body-active2 .bocweb-logo .i0, .body-active .bocweb-logo .i0 { opacity: 1; } .con-header.fixed .bocweb-logo .i1, .body-active1 .bocweb-logo .i1, .body-active3 .bocweb-logo .i1, .body-active2 .bocweb-logo .i1, .body-active .bocweb-logo .i1 { opacity: 0; } .con-header.fixed .searchs .nav-tops .imgs svg, .body-active1 .searchs .nav-tops .imgs svg, .body-active3 .searchs .nav-tops .imgs svg, .body-active2 .searchs .nav-tops .imgs svg, .body-active .searchs .nav-tops .imgs svg { fill: #333; } .con-header.fixed .searchs .nav-tops .imgs svg path, .body-active1 .searchs .nav-tops .imgs svg path, .body-active3 .searchs .nav-tops .imgs svg path, .body-active2 .searchs .nav-tops .imgs svg path, .body-active .searchs .nav-tops .imgs svg path { fill: #333; } .con-header.fixed .bocweb-header .nav-bots, .body-active1 .bocweb-header .nav-bots, .body-active3 .bocweb-header .nav-bots, .body-active2 .bocweb-header .nav-bots, .body-active .bocweb-header .nav-bots { background: #fff; } .con-header.fixed .bocweb-header .nav .li, .body-active1 .bocweb-header .nav .li, .body-active3 .bocweb-header .nav .li, .body-active2 .bocweb-header .nav .li, .body-active .bocweb-header .nav .li { color: #333; } .con-header.fixed .bocweb-header .nav .li.active, .con-header.fixed .bocweb-header .nav .li:hover, .body-active1 .bocweb-header .nav .li.active, .body-active1 .bocweb-header .nav .li:hover, .body-active3 .bocweb-header .nav .li.active, .body-active3 .bocweb-header .nav .li:hover, .body-active2 .bocweb-header .nav .li.active, .body-active2 .bocweb-header .nav .li:hover, .body-active .bocweb-header .nav .li.active, .body-active .bocweb-header .nav .li:hover { color: #007147; } .con-header.fixed .bocweb-header .nav-tops, .body-active1 .bocweb-header .nav-tops, .body-active3 .bocweb-header .nav-tops, .body-active2 .bocweb-header .nav-tops, .body-active .bocweb-header .nav-tops { color: #333; } .con-header.fixed .bocweb-header .nav-tops.active, .con-header.fixed .bocweb-header .nav-tops:hover, .body-active1 .bocweb-header .nav-tops.active, .body-active1 .bocweb-header .nav-tops:hover, .body-active3 .bocweb-header .nav-tops.active, .body-active3 .bocweb-header .nav-tops:hover, .body-active2 .bocweb-header .nav-tops.active, .body-active2 .bocweb-header .nav-tops:hover, .body-active .bocweb-header .nav-tops.active, .body-active .bocweb-header .nav-tops:hover { color: #007147; } .bocweb-header { position: relative; padding-left: 1.5rem; justify-content: space-between; } .bocweb-header a { display: block; } .bocweb-header .nav-bots { display: none; position: absolute; width: 100%; left: 0; top: 5.2083333333vw; padding: 10px 0; } .bocweb-header .nav-bots.on { display: none !important; } .bocweb-header .nav-tops { color: #fff; padding-left: 1.40625vw; padding-right: 1.40625vw; } .bocweb-header .nav-tops .imgs { width: 20px; height: 20px; } .bocweb-header .nav-tops .imgs svg { width: 100%; height: 100%; display: block; } .bocweb-header .nav { position: relative; } .bocweb-header .nav:nth-child(1) .nav-tops { padding-left: 0; } .bocweb-header .nav:last-child .nav-tops { padding-right: 0; } .bocweb-header .nav .li { line-height: 1.5; color: #fff; padding: 5px 0; } .bocweb-header .nav.nav-last .nav-tops { padding-right: 0; } .bocweb-header .nav.searchs { margin-left: 8.3333333333vw; cursor: pointer; } .bocweb-header .nav.searchs .nav-tops { justify-content: center; align-items: center; display: flex; padding: 0; } .bocweb-header .nav.langs { cursor: pointer; margin-left: 1.875vw; } .bocweb-header .nav.langs .nav-tops { width: 4.5875vw; background-color: #007147; justify-content: center; align-items: center; display: flex; padding: 0; } .con-footer { background-color: #e3e4da; } .avant { font-family: Arial; font-weight: bold; } .bocweb-footer-tops { padding-top: 1.55rem; padding-bottom: 4.625rem; border-bottom: 1px solid #d1d2c9; } .bocweb-footer-tops a { display: block; } .bocweb-footer-tops .navbox { justify-content: space-between; } .bocweb-footer-tops .nav-tops { line-height: 1; color: rgba(51, 51, 51, 0.8); } .bocweb-footer-tops .navboxfrbox { width: 33.33%; justify-content: space-between; } .bocweb-footer-tops .navboxfrbox .nav1 { width: 42.5%; } .bocweb-footer-tops .navboxfrbox .nav-bots-1 { margin-top: 0.625rem; line-height: 1; color: #007147; margin-bottom: 1.25rem; } .bocweb-footer-tops .navboxfrbox .nav-bots-1 .num { line-height: 1; } .bocweb-footer-tops .navboxfrbox .nav-bots-2 { line-height: 1.66; color: #333333; margin-top: .375rem; font-weight: 500; } .bocweb-footer-tops .navboxfrbox .nav-bots-2 .text{ font-weight: normal; } .bocweb-footer-tops .navboxfrbox .nav2 .imgs { width: 3.55rem; height: 3.55rem; margin: 0 auto; margin-top: .6rem; } .bocweb-footer-tops .navboxfrbox .nav2 .text { color: #333333; line-height: 1.25; width: 3.55rem; text-align: center; margin-top: .5rem; } .bocweb-footer-tops .navboxfrbox .nav2 .text span { color: #007147; } .bocweb-footer-tops .navboxflbox { justify-content: space-between; width: 53.8%; } .bocweb-footer-tops .navboxflbox .li { line-height: 2.22; color: #333333; } .bocweb-footer-tops .navboxflbox .nav-bots { margin-top: .7rem; } .bocweb-footer-bots { padding-top: .7rem; padding-bottom: 1rem; line-height: 2.3; justify-content: space-between; color: #999999; } .bocweb-footer-bots a { color: #999999; } .bocweb-footer-bots span { color: #007147; } .con-text { color: #666666; line-height: 1.875; } .aboust-01 { padding-top: 2.625rem; padding-bottom: 2.65rem; } .aboust-01 .words { width: 43.4%; } .aboust-01 .images { width: 50%; padding-top: .95rem; } .aboust-01 .images .imgs { overflow: hidden; } .aboust-01 .abouts01-tops { justify-content: space-between; } .aboust-01 .abouts-nums { margin-top: 2.4rem; } .abouts-words .tits { line-height: 1; color: #333333; } .abouts-words .txts { margin-top: .8rem; line-height: 1.4375; } .abouts-words .text { margin-top: .45rem; color: #333333; line-height: 1.636; } .abouts-words .wen { margin-top: 1.2rem; } .abouts-nums .li { padding: 0 3.75rem; color: #333333; padding-bottom: .5rem; position: relative; } .abouts-nums .li:before { position: absolute; content: ""; width: 1px; height: 100%; left: 0; top: 0; background-color: #e5e5e5; } .abouts-nums .li:nth-child(1) { padding-left: 0; } .abouts-nums .li:nth-child(1):before { display: none; } .abouts-nums .li:last-child { padding-right: 0; } .abouts-nums .li .span, .abouts-nums .li span { line-height: 1; } .abouts-nums .li .span { line-height: .85; margin-right: .5rem; } .abouts-nums .li .nums { align-items: flex-end; } .abouts-nums .li span { color: #999999; } .abouts-nums .li .tspan { line-height: 1; margin-top: .45rem; } .abouts-nums .li .span { color: #007147; } .abouts-nums .li .span.h { color: #abce03; } .c-video { position: relative; cursor: pointer; } .c-video:before { position: absolute; content: ""; width: 1.9rem; height: 1.9rem; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: url(../img/1-03.png) no-repeat center; background-size: 100%; } .aboust-03 { position: relative; } .aboust-03 .words { position: absolute; left: 50%; top: 0; transform: translatex(-50%); color: #fff; padding-top: 2.5rem; } .aboust-03 .words .txts { margin-top: 0.85rem; color: #fff; } .aboust-03 .words .tits { line-height: 1.428; } .pre { position: relative; } .colfff { color: #fff; } .history-images { padding-top: 2.5rem; padding-bottom: 3.6rem; } .history-tops { padding-top: 2.625rem; padding-bottom: 2.125rem; } .history-tops .text { margin-top: 1.3rem; } .history-bots-list .list { padding-bottom: 0.625rem; } .history-bots-list .list .items { width: 32.5%; margin-left: 1.25%; margin-bottom: 0.625rem; } .history-bots-list .list .items:nth-child(3n+1) { margin-left: 0; } .history-bots-list .list .items .imgs { overflow: hidden; } .history-bots-list .list .items .imgs img { transition: .5s ease; } .history-bots-list .list .words { border: 1px solid #d2d2d2; border-top: none; padding: .5rem .85rem .85rem .85rem; } .history-bots-list .list .words .txts { margin-top: .2rem; color: #666666; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 3.4em; } .history-bots-list .list .words .tits { line-height: 1.55em; height: 1.55em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .more-ajax .span { display: inline-block; vertical-align: top; color: #007147; line-height: 1; padding-bottom: .2rem; position: relative; cursor: pointer; } .more-ajax .span:before { position: absolute; content: ""; width: 100%; left: 0; bottom: 0; height: 1px; background-color: #007147; } .history-bots { padding-bottom: 2.5rem; padding-top: 2.1rem; } .history-tits { margin-bottom: .95rem; } .history-tits .swiper-slide { height: 2.9em; line-height: 2.9em; padding: 0 3.8em; color: #007147; cursor: pointer; transition: .5s ease; border: 1px solid #007147; border-radius: 1em; margin-right: .5rem; } .history-tits .swiper-slide.active { background-color: #007147; color: #fff; } .history-tits .swiper-slide:last-child { margin-right: 0; } .history-tits .swiper-slide { width: auto; } .onactive.history-tits .swiper-no-swiping .swiper-wrapper { justify-content: center; } .honors { padding-top: 2.625rem; padding-bottom: 3.175rem; } .honors .honor-tits { color: #333333; } .honors .history-tits { margin-top: 1.15rem; margin-bottom: 1.4rem; } .honors-list-tops .honors-list-top-left, .honors-list-tops .honors-list-top-right { width: calc((100% - 1.35rem)/2); } .honors-list-tops .honors-list-top-right { margin-left: 1.35rem; } .honors-list-tops .honors-list-top-right .items { width: calc((100% - 1.35rem)/2); margin-left: 1.35rem; } .honors-list-tops .honors-list-top-right .items:nth-child(2n+1) { margin-left: 0; } .honors-list-top-left .li { align-items: stretch; margin-right: 1rem; } .honors-list-top-left .li:last-child { margin-right: 0; } .honors-list-top-left .images { width: 53.8%; background-color: #007147; /*padding-top: (48vw*100/1920);*/ /*padding-bottom: (48vw*100/1920);*/ height: 23.1770833333vw; display: flex; align-items: center; justify-content: center; } .honors-list-top-left .images img { display: block; max-height: 95%; margin: 0 auto; max-width: 60%; object-fit: contain; } .honors-list-top-left .words { width: 46.2%; border: 1px solid #cccccc; border-left: none; padding: 1.95rem 1.5rem 1.25rem 1.5rem; } .honors-list-top-left .words .time { margin-top: .65rem; } .honors-list-top-left .words .tits { line-height: 1.4375; } .honors-list .items { border: 1px solid #cccccc; padding-top: 0.7rem; padding-bottom: 0.9rem; } .honors-list .items .images { height: 14.5833333333vw; } .honors-list .items .images img { height: 100%; width: auto; display: block; margin: 0 auto; } .honors-list .items .time, .honors-list .items .tits { text-align: center; } .honors-list .items .time { line-height: 1; margin-top: 0.8333333333vw; /*font-size: 14vw*100/1920;*/ } .honors-list .items .tits { padding: 0 .9rem; line-height: 1.66; height: 3.32em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #000000; margin-top: .2rem; /*font-size: (18vw*100/1920);*/ } .c-swiper .swiper-pagination { line-height: 1; } .c-swiper .swiper-pagination .swiper-pagination-bullet { line-height: 1; background-color: #c7c7c7; opacity: 1; margin: 0 5px; } .c-swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #007147; } .c-swiper .swiper-pagination.on .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.55); } .c-swiper .swiper-pagination.on .swiper-pagination-bullet-active { background: white; } .honors-list-top-left .swiper-pagination { padding: 0 .5rem; padding-left: 1.65rem; left: auto; right: 0; bottom: 1.25rem; width: 46.2%; z-index: 5; text-align: left; } .honors-list-bottoms .list { padding-bottom: 2.4rem; } .honors-list-bottoms .list .items { width: calc((100% - 4.05rem)/4); margin-left: 1.35rem; margin-top: 1.35rem; } .honors-list-bottoms .list .items:nth-child(4n+1) { margin-left: 0; } .honors-list-tops { align-items: stretch; } .honors-list-tops .swiper-container, .honors-list-tops .swiper-wrapper, .honors-list-tops .swiper-slide, .honors-list-tops .images { height: 100%; } .contacts03 { padding-top: 2.4rem; padding-bottom: 2.5rem; } .contacts03 .images { width: 41.875%; } .contacts03 .tits { color: #333333; margin-bottom: .85rem; } .contacts03 .words { width: 58.125%; padding-left: 3.90625vw; } .contacts03 .line { height: 1px; margin-top: .75rem; background-color: #007147; } .contacts03 .ewm { padding-top: .9rem; padding-bottom: .75rem; } .contacts03 .ewm .ewm-imgs { width: 3rem; overflow: hidden; transform: translateY(4px); } .contacts03 .ewm .ewm-text { width: calc(100% - 3rem); } .contacts03 .ewm .ewm-tits { line-height: 1.39; color: #333333; } .contacts03 .ewm .ewm-txts { line-height: 1.85; color: #999999; margin-top: .15rem; } .contacts03 .w-list { align-items: stretch; margin-top: 1.25rem; } .contacts03 .w-list .li { width: 48%; margin-left: 4%; border: 1px solid #d6d6d6; min-height: 6.5625vw; margin-bottom: 1.25rem; padding: .6rem .85rem; position: relative; } .contacts03 .w-list .li:nth-child(2n+1) { margin-left: 0; } .contacts03 .w-list .li .li-tits { line-height: 1.39; color: #333333; } .contacts03 .w-list .li .li-txts { color: #999999; line-height: 1.6; margin-top: .25rem; } .contacts02-list-tops { padding-top: .4rem; border-top: 1px solid #cecece; padding-bottom: .8rem; position: relative; z-index: 100; } .contacts02-list-tops .contacts02top-right { width: 54.375%; padding-top: .375rem; } .contacts02-list-tops .contacts02top-left { width: 45.625%; line-height: 2; } .contacts02top-right .selects-bots { display: none; position: absolute; left: 0; top: 1.2rem; width: 100%; background: #fff; } .contacts02top-right .selects-bots .i { line-height: 1.5; padding: 5px .65rem; cursor: pointer; } .contacts02top-right .selects-tops{ cursor: pointer; } .contacts02top-right .selects-tops, .contacts02top-right input[type=text] { line-height: 1.2rem; height: 1.2rem; background-color: #f2f3f4; border: 1px solid #dcdcdc; text-indent: .65rem; padding-right: 1rem; } .contacts02top-right .selects-tops { position: relative; } .contacts02top-right .selects-tops:before { position: absolute; content: ""; width: 11px; height: 6px; right: .55rem; top: 0; bottom: 0; margin: auto; background: url(../img/1-06.png) no-repeat center; background-size: 100%; } .contacts02top-right input[type=text] { background-color: #fff; display: block; width: 100%; } .contacts02top-right input[type=submit] { width: 14px; height: 14px; background: url(../img/ser.png) no-repeat center; background-size: 100%; position: absolute; right: .6rem; top: 0; bottom: 0; margin: auto; z-index: 10; text-indent: -999px; overflow: hidden; } .contacts02top-right .li { width: 32%; margin-left: 2%; position: relative; } .contacts02top-right .li:nth-child(3n+1) { margin-left: 0; } .bocweb-header .nav-tops { position: relative; display: flex; align-items: center; justify-content: center; } .bocweb-header .nav-tops span { position: relative; line-height: 2; display: block; } .bocweb-header .nav-tops span:before { position: absolute; content: ""; width: 100%; height: 2px; left: 0; bottom: 0; background: #fff; opacity: 0; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .bocweb-header .nav-tops.active span:before { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); opacity: 1; } .cons-tit-box { background: #fff; height: 2.1rem; } .f5f5f5 { background: #f5f5f5; } .developments-top { padding-top: 2.65rem; padding-bottom: 1.35rem; } .developments-top .history-tits { margin-bottom: 0; margin-top: 1rem; } .developmentsbots-listtops { background-image: linear-gradient(135deg, #037f62, #037f62, #64b04c); padding-top: 1.4rem; padding-bottom: 1.1rem; } .developmentsbots-listtops .swiper-pagination { margin-top: .7rem; } .developmentsbots-listtops .swiper-slide { width: 31.25%; margin-right: 3.125%; } .developmentsbots-listtops .swiper-slide:last-child { margin-right: 0; } .developmentsbots-listtops .swiper-slide .imgs { overflow: hidden; } .developmentsbots-listtops .swiper-slide .imgs img { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .developmentsbots-listtops .swiper-slide .text { color: #fff; margin-top: .375rem; line-height: 1.78em; height: 1.78em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .developmentsbots-listtops .swiper-pagination { position: static; width: 100%; margin: 0; margin-top: .7rem; } .developmentsbots-listbots { padding-top: 1.4rem; padding-bottom: 2.65rem; } .developmentsbots-listbots .list { padding-bottom: .5rem; } .developmentsbots-listbots .items { width: 23.125%; margin-left: 2.5%; margin-bottom: 1.05rem; } .developmentsbots-listbots .items:nth-child(4n+1) { margin-left: 0; } .developmentsbots-listbots .items .imgs { overflow: hidden; } .developmentsbots-listbots .items .imgs img { transition: .5s ease; width: 100%; } .developmentsbots-listbots .items .span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #000000; height: 1.75rem; text-align: center; line-height: 1.75rem; } .developmentsbots-listbots .items .words { border: 1px solid #d2d2d2; border-top: none; } .circles-top { padding-top: 2.625rem; padding-bottom: 3.375rem; } .circles-top .images img { display: block; margin: 0 auto; } .circles-top .words { padding-bottom: 1.125rem; } .circles-top .words .th1 { margin-top: 1.35rem; line-height: 1.45; } .circles-top .words .th2 { margin-top: .3rem; line-height: 1.55; margin-bottom: .7rem; } .circles-top .words .text { line-height: 1.5; color: #666666; } .responsibility-box { padding-top: 2.625rem; padding-bottom: 4.25rem; } .responsibility-box .images { margin-top: .9rem; } .patents-tops { padding-top: 2.625rem; padding-bottom: 3.1rem; background: #fff; } .patents-tops .swiper-pagination .swiper-pagination-bullet { background-color: rgba(0, 113, 71, 0.5); } .patents-tops .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #007147; } .patents-tops .patents-topswiper { margin-top: 1.4rem; } .patents-tops .swiper-wrapper { padding: 5px 0; } .patents-tops .imgs { margin-top: .25rem; width: 75%; margin-left: auto; margin-right: auto; } .patents-tops .imgs img { height: 17.96875vw; object-fit: contain; display: block; margin: 0 auto; } .patents-tops .li { padding-top: .85rem; padding-bottom: 1.1rem; width: 22.5%; margin-right: 3.333%; position: relative; } .patents-tops .li:last-child { margin-right: 0; } .patents-tops .text { color: #000000; line-height: 1.875em; height: 3.75em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding: 0 .75rem; text-align: center; } .patents-tops .swiper-pagination { width: 100%; position: static; line-height: 1; margin-top: 1.25rem; } .patents-list .li { border: 1px solid #cccccc; position: relative; } .patents-list .li:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 4px solid #007147; box-sizing: border-box; box-shadow: 0 0 10px 1px rgba(0, 113, 71, 0.3); opacity: 0; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .patents-bottoms { padding-top: 1.45rem; padding-bottom: 3.1rem; } .patents-bottoms .list { padding-bottom: 1.25rem; } .patents-bottoms .list .li { margin-bottom: .45rem; width: 15.6%; margin-left: 1.28%; padding: .4rem .5rem .8rem .5rem; text-align: center; } .patents-bottoms .list .li:nth-child(6n+1) { margin-left: 0; } .patents-bottoms .list .li .imgs img { height: 14.0625vw; object-fit: contain; display: block; margin: 0 auto; } .patents-bottoms .list .li .text { margin-top: .5rem; line-height: 1.285em; height: 2.57em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .advantages-top { padding-top: 2.625rem; padding-bottom: 3.1rem; } .advantages-top .images { width: 80%; margin: 0 auto; margin-top: .8rem; } .advantages-top .images img { display: block; margin: 0 auto; } .advantages-bots { padding-top: 1.9rem; padding-bottom: 2.95rem; background: #fff; } .advantages-bots .li { border: 1px solid #cccccc; } .advantages-bots .li:nth-child(n+2) { margin-top: .55rem; } .advantages-bots .li.active .li-tops { background: #f5f5f5; color: #007147; } .advantages-bots .list { padding-bottom: 2.1rem; margin-top: .85rem; } .advantages-bots .li-tops { height: 2.2rem; line-height: 2.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #333333; position: relative; padding-right: 1.75rem; cursor: pointer; padding-left: 1rem; } .advantages-bots .li-tops:before { position: absolute; border-radius: 50%; width: .7rem; height: .7rem; content: ""; right: .85rem; top: 0; bottom: 0; margin: auto; background: url(../img/1-15.png) #007147 no-repeat center; background-size: 100%; } .advantages-bots .li-bots { display: none; padding: 0.8rem 1.35rem 1.1rem 1.35rem; color: #666666; line-height: 2.85; } .products-topwords { padding-top: 2.65rem; padding-bottom: 1.5rem; } .products-topwords .text { margin-top: 1.1rem; line-height: 1.636; color: #666666; } .products-list .items { position: relative; display: block; color: #666666; overflow: hidden; } .products-list .items .li { position: absolute; width: 100%; height: 100%; left: 0; top: 0; align-items: center; } .products-list .items .images, .products-list .items .words { width: 50%; overflow: hidden; /*height: 100%;*/ } .products-list .items .words { padding: 0 1.375rem; padding-bottom: .95rem; } .products-list .items .tits { color: #333333; line-height: 1.5625; } .products-list .items .txts { margin-top: .65rem; line-height: 1.5; max-height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666666; margin-bottom: 1.4rem; } .products-list .items .more { height: 3em; display: inline-block; vertical-align: top; line-height: 3em; padding: 0 3.75em; border-radius: 3em; background: #007147; color: #fff; } .proinfo-topwords.products-topwords { padding-top: 2.3rem; } .proinfo-topimages { width: 50%; margin: 0 auto; } .proinfo-topimages img { width: 100%; } .proinfo-tops { position: relative; } .proinfo-tops:before { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(to top, #f0eaf0, #f0eaf0, rgba(240, 234, 240, 0)); } .proinfo-tops .proinfo-topwords, .proinfo-tops .proinfo-topimages { position: relative; z-index: 3; } .proinfo-tops .proinfo-topimages { margin-top: 2.5rem; } .proinfo-center { padding-top: .3rem; padding-bottom: 2.4rem; } .proinfo-center-box .li { display: flex; border-bottom: 1px solid #d6d6d6; align-items: stretch; justify-content: flex-start; } .proinfo-center-box .li .tits { width: 12.5%; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; } .proinfo-center-box .li .tits:before { position: absolute; content: ""; width: 100%; height: 2px; left: 0; bottom: 0; background-color: #007147; } .proinfo-center-box .li .txts { width: 87.5%; padding-top: 1.05rem; color: #999999; padding-left: 3rem; padding-right: 2.1rem; padding-bottom: 1.05rem; line-height: 1.78; } .proinfo-bottoms { background-color: #f5f5f5; padding-top: 1.4rem; padding-bottom: 2.65rem; } .proinfo-bottoms-box .list { margin-top: 1.2rem; } .proinfo-bottoms-box .list .items { width: 23.125%; margin-left: 2.5%; margin-bottom: .8rem; } .proinfo-bottoms-box .list .items:nth-child(4n+1) { margin-left: 0; } .proinfo-bottoms-box .list .items .images { overflow: hidden; } .proinfo-bottoms-box .list .items .images img { transition: .5s ease; } .proinfo-bottoms-box .list .items .words { background-color: #fff; padding: .45rem .9rem .65rem .9rem; } .proinfo-bottoms-box .list .items .words .tits { line-height: 1.55; color: #333333; height: 1.55; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .proinfo-bottoms-box .list .items .words .txts { margin-top: 1px; line-height: 1.57; color: #007147; } .applications-box { position: relative; padding-top: 2.575rem; padding-bottom: 3.1rem; } .applications-box:before { position: absolute; content: ""; width: 100%; height: 39.0625vw; left: 0; bottom: 0; z-index: 0; background: url(../img/1-23.png) no-repeat center; background-size: 100%; } .applications-box .applications-top-words, .applications-box .applications-top-images { position: relative; z-index: 3; } .applications-box .applications-top-words { padding-top: 0; padding-bottom: 1.4rem; } .applications-box .applications-top-words .text { padding-left: 4rem; padding-right: 4rem; } .applications-top-images { width: 70%; margin: 0 auto; align-items: stretch; } .applications-top-images img { width: 100%; } .applications-top-images .left-list { width: 29.5%; } .applications-top-images .right-list { width: calc(70.5% - .2rem); margin-left: .2rem; } .applications-top-images .right-list .items { position: relative; } .applications-top-images .right-list .imgs { position: relative; } .applications-top-images .right-list .imgs:before { position: absolute; content: ""; width: 100%; height: 30%; left: 0; bottom: 0; background: linear-gradient(to top, #007147, rgba(0, 113, 71, 0.3), rgba(0, 113, 71, 0)); } .applications-top-images .right-list .swiper-pagination { bottom: .75rem; width: 100%; padding: 0 1rem; text-align: right; } .applications-top-images .li { cursor: pointer; height: calc((100% - .375rem)/4); line-height: calc((100% - .375rem)/4); background-color: #007147; color: #fff; padding-left: 1.75rem; padding-right: 1.75rem; position: relative; display: flex; /*min-height: 6.25vw;*/ align-items: center; transition: .5s ease; } .applications-top-images .li:nth-child(n+5){ /*display: none;*/ } .applications-top-images .li .span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 1.5em; line-height: 1.5em; } .applications-top-images .li.active { background-color: #a3c31d; transition: .5s ease; } .applications-top-images .li:before { position: absolute; width: 12px; height: 8px; content: ""; top: 0; bottom: 0; right: 1.3rem; background: url(../img/1-22.png) no-repeat center; background-size: 100%; margin: auto; } .applications-top-images .li:nth-child(n+2) { margin-top: 0.125rem; } .applications-top-images .items { position: relative; } .applications-top-images .items .span { position: absolute; left: 0; bottom: .4rem; z-index: 2; color: #fff; line-height: 2; height: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding: 0 1rem; } .wel-banner .swiper-pagination { width: 100%; bottom: 1.5rem; left: 0; } .wel-banner .imgspc { height: 52.0833333333vw; } .wel-banner .items { position: relative; } .wel-banner .items .words { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /*text-align: center;*/ color: #fff; } .wel-banner .items .tits { line-height: 1.22; } .wel-banner .items .tits span { color: #007147; } .wel-banner .items .txts { margin-top: .375rem; line-height: 1.15; } .wel-banner .items .text { line-height: 1.1; margin-bottom: 1.75rem; } .c-more { display: inline-block; vertical-align: top; line-height: 3em; height: 3em; padding: 0 3.75em; /*border:1px rgba(255,255,255,.5);*/ border: 1px solid #fff; border-radius: 3em; color: #fff; font-weight: bold; } .home-abouts-list { padding-top: 2.5rem; } .home-abouts-list .box-words .txts { margin-top: .8rem; margin-bottom: .4rem; } .home-abouts-list .box-words .text { line-height: 1.875; color: #666666; overflow: hidden; height: 3.75em; max-width: 32em; margin-left: auto; margin-right: auto; } .home-abouts-list .li { position: relative; padding: 0 2.1rem; } .home-abouts-list .li:before { position: absolute; content: ""; width: 1px; height: 1.5rem; background: #e5e5e5; left: 0; top: .5rem; } .home-abouts-list .li:nth-child(1):before { display: none; } .home-abouts-list .numlist { margin-top: 1.2rem; justify-content: center; margin-bottom: 1.75rem; } .home-abouts-list .num { display: flex; align-items: flex-end; } .home-abouts-list .num .span, .home-abouts-list .num span { line-height: 1; } .home-abouts-list .num .span { line-height: .8; color: #007147; } .home-abouts-list .num .span.on { color: #abce03; } .home-abouts-list .num span { color: #999999; margin-left: .375rem; } .home-abouts-list .spannum { line-height: 1; color: #333333; margin-top: .35rem; text-align: center; } .home-abouts-list .images { position: relative; margin-top: -2rem; z-index: 0; } .home-abouts-list .words { position: relative; z-index: 3; } .c-more.on { color: #007147; border-color: #007147; } .home-responsibility-list { position: relative; display: block; } .home-responsibility-list .words { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; } .home-responsibility-list .c-more { margin-top: 1.3rem; } .home-responsibility-list .txts { margin-top: .3rem; line-height: 1.5625; } .home-newss-list { padding-top: 2.2rem; padding-bottom: 3rem; position: relative; } .home-newss-list .before { position: absolute; content: ""; height: 320px; width: 100%; left: 0; bottom: 0; z-index: 1; pointer-events: none; height: calc(5.35rem + 4.08em + 24px); background: #f3f3f3; } .home-news-ajax { position: relative; z-index: 4; } .home-newss-list-titles { padding-bottom: 1.05rem; position: relative; border-bottom: 2px solid #333333; justify-content: space-between; align-items: flex-end; position: relative; z-index: 3; } .home-newss-list-titles .tit-right { display: block; position: relative; padding-right: 1.4rem; color: #333333; } .home-newss-list-titles .tit-right:before { position: absolute; content: ""; width: .75rem; height: .75rem; top: 0; bottom: 0; margin: auto; right: 0; background: url(../img/1-25.png) no-repeat center; background-size: 100%; } .home-newss-list-titles .titles-box { align-items: flex-end; } .home-newss-list-titles .titles-box .tit-list { padding-left: 2.1rem; } .home-newss-list-titles .titles-box .li { position: relative; padding: 0 .9rem; line-height: 1; cursor: pointer; } .home-newss-list-titles .titles-box .li.active { color: #007147; } .home-newss-list-titles .titles-box .li:nth-child(1):before { display: none; } .home-newss-list-titles .titles-box .li:before { position: absolute; content: ""; width: 1px; height: 1em; background: #cccccc; left: 0; top: 0; } .c-swiper .swiper-button-prev, .c-swiper .swiper-button-next { width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: #f3f3f3; background-size: 100%; background-repeat: no-repeat; background-position: center; } .c-swiper .swiper-button-prev { background-image: url(../img/prev.png); } .c-swiper .swiper-button-next { background-image: url(../img/next.png); } .home-news-list-box { padding-top: 3.75vw; align-items: stretch; position: relative; } .home-news-list-box .swiper-pagination { position: absolute; left: 0; top: 0; color: #ccc; bottom: auto; width: auto; } .home-news-list-box .swiper-pagination span { color: #007147; } .home-news-list-box .btn { position: absolute; left: 0; width: 100%; bottom: calc(2.35rem + 4.08em + 24px); justify-content: center; } .home-news-list-box .btn-nav { position: relative; width: 21.5%; justify-content: flex-end; } .home-news-list-box .btn-nav .nav-box { position: relative; width: 61%; height: 100%; z-index: 3; } .home-news-list-box .swiper-container { width: 78.5%; } .home-news-list-box .swiper-container { padding: 0 10px; padding-bottom: 10px; } .home-news-list-box .swiper-button-prev, .home-news-list-box .swiper-button-next { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 0; top: 0.875rem; } .home-news-list-box .swiper-button-next { margin-left: .45rem; } .home-news-list-box .swiper-slide { display: block; width: 28.15%; background: #fff; margin-right: 2.1875vw; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15); } .home-news-list-box .swiper-slide img { width: 100%; } .home-news-list-box .swiper-slide:last-child { margin-right: 0; } .home-news-list-box .swiper-slide .words { padding: .9rem .8rem .95rem .8rem; } .home-news-list-box .swiper-slide .words .tits { line-height: 1.36; height: 4.08em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .home-news-list-box .swiper-slide .words .times { margin-top: .5rem; } .home-products-list { position: relative; } .home-products-list .words .tits { line-height: 1; } .home-products-list .words .txts { margin-top: .2rem; line-height: 1.258; } .home-products-list .words .span { line-height: 1.875; margin-top: .5rem; margin-bottom: 1.05rem; height: 3.75em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 44em; } .home-products-list .welpro-titles { /*width: 16.7%;*/ position: absolute; left: 50%; top: 5.625vw; transform: translateX(-50%); /*height: 100%;*/ z-index: 5; /*background: $colors;*/ } .home-products-list .welpro-titles .li { color: rgba(255, 255, 255, 0.55); cursor: pointer; line-height: 1.78; position: relative; } .home-products-list .welpro-titles .li span { display: block; width: 9em; overflow: hidden; height: 1.78em; } .home-products-list .welpro-titles .li.active:before { opacity: 1; transition: .5s ease; } .home-products-list .welpro-titles .li:before { position: absolute; content: ""; width: 40%; height: 1px; background: rgba(255, 255, 255, 0.25); left: 9em; top: 0; bottom: 0; margin: auto; z-index: 10; pointer-events: none; opacity: 0; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .home-products-list .welpro-titles .li.active { color: #abce03; } .home-products-list .welpro-titles .li:nth-child(n+2) { margin-top: .5rem; } .home-products-list .items { background-color: #007147; justify-content: flex-end; } .home-products-list .box { width: 83.3%; } .home-products-list .words { position: absolute; left: 50%; bottom: 4.875rem; transform: translatex(-50%); z-index: 2; color: #fff; } .home-products-list .swiper-container { z-index: 3; } .home-products-list .swiper-pagination { position: absolute; left: 50%; bottom: 3.6458333333vw; z-index: 4; transform: translatex(-50%); text-align: left; } .history-list { margin-top: 3.55rem; position: relative; padding: 0 4rem; } .history-list .swiper-button-next, .history-list .swiper-button-prev { top: 0; bottom: 0; margin: auto; } .history-list .swiper-button-next { right: .75rem; } .history-list .swiper-button-prev { left: .75rem; } .history-list:before { position: absolute; content: ""; width: calc(100% - 5rem); height: 1px; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: rgba(255, 255, 255, 0.2); } .history-list .abbox { position: absolute; width: 180%; height: 50%; z-index: 5; } .history-list .swiper-slide { width: 20%; height: 410px; position: relative; padding-left: 4px; } .history-list .swiper-slide:last-child{ width: 40%; } .history-list .abbox ::-webkit-scrollbar-thumb { background: #fff; } .history-list .abbox ::-webkit-scrollbar-thumb:window-inactive { background: #fff; } .history-list .abbox ::-webkit-scrollbar-thumb:vertical:hover { background: #fff; } .history-list .swiper-slide:last-child .abbox{ width: 100%; } .history-list .swiper-slide .tits { display: flex; padding-left: 1.2rem; align-items: flex-end; position: relative; } .history-list .swiper-slide .tits img { left: 0; top: 0; position: absolute; width: .65rem; height: .65rem; bottom: 0; margin: auto; } .history-list .swiper-slide .tits span { margin-left: 4px; } .history-list .swiper-slide .tits .span, .history-list .swiper-slide .tits span { line-height: 1; } .history-list .swiper-slide .txts { padding-left: 1.2rem; margin-top: .25rem; line-height: 1.7; height: 8.5em; font-size: 14px; /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;*/ /*overflow: hidden;*/ padding-right: .5em; overflow-y:auto; } .history-list .swiper-slide .abbox:before { position: absolute; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); content: ""; left: 0; top: 0; } .history-list .swiper-slide:nth-child(2n+1) .abbox { left: 0; top: 0; } .history-list .swiper-slide:nth-child(2n+2) .abbox { left: 0; bottom: 0; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end; } .history-list .swiper-slide:nth-child(2n+2) .abbox:before { height: 65%; } .history-list .swiper-slide:nth-child(2n+2) .tits { position: static; } .history-list .swiper-slide:nth-child(2n+2) .tits img { top: auto; bottom: 35%; } .con-footer { position: relative; padding-top: 4px; } .con-footer:before { width: 100%; height: 4px; content: ""; background: #007147; top: 0; left: 0; position: absolute; } .responsibility-box .images { position: relative; } .responsibility-box .images img { width: 100%; } .responsibility-box .images .i1 { position: absolute; width: 100%; left: 0; top: 0; } .responsibility-box .images .words { width: 100%; text-align: center; color: #fff; position: absolute; left: 0; top: 0; padding-top: 3.125vw; } .responsibility-box .images .txts { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: .3rem; line-height: 1.78em; height: 1.78em; padding: 0 5em; } .researchs-box { padding-top: 2.65rem; background: url(../img/bg.png) no-repeat top; background-size: 100%; padding-bottom: 4.5rem; } .researchs-box .researchs-txts { margin-top: 1.15rem; line-height: 1.875; color: #666666; } .researchs-imageslist { margin-top: 1.5rem; height: 28.125vw; position: relative; } .researchs-imageslist .bg { pointer-events: none; } .researchs-imageslist .bg img { position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); } .researchs-imageslist .bg .i1 { z-index: 2; /*width: 7.3rem;*/ /*height: 7.3rem;*/ /*margin-left: 0.25rem;*/ /*margin-top: 0.25rem;*/ width: 18.75rem; height: 18.75rem; } .researchs-imageslist .bg .i2 { z-index: 3; } @keyframes rotatekeys { from {transform:translate(-50%, -50%) rotate(180deg)} to {transform:translate(-50%, -50%) rotate(-180deg)} } @keyframes rotatekeys2 { from {transform:translate(-50%, -50%) rotate(-180deg)} to {transform:translate(-50%, -50%) rotate(180deg)} } .researchs-imageslist .bg .i0box .ik0 { width: 18.75rem; height: 18.75rem; /*transform:translate(-50%, -50%) rotate(90deg);*/ animation: rotatekeys 4s linear 0s infinite; } .researchs-imageslist .bg .i0box .ik1 { width: 18.75rem; height: 18.75rem; /*transform:translate(-50%, -50%) rotate(90deg);*/ animation: rotatekeys2 4s linear 0s infinite; } .researchs-imageslist .researchs-bot-swiper { position: relative; z-index: 5; } .researchs-imageslist .items { /*width: 18%;*/ width: 20%; text-align: center; height: 28.125vw; display: flex; justify-content: center; align-items: center; } .researchs-imageslist .items .words { color: #007147; line-height: 1; margin-top: .25rem; } .researchs-imageslist .images { width: 3.55rem; height: 3.55rem; background-color: #fff; box-shadow: 3px 4px 10px 1px rgba(0, 102, 51, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .researchs-imageslist .images img { max-width: 98%; max-height: 98%; } .researchs-imageslist .items.swiper-slide-active { /*width: 28%;*/ } .researchs-imageslist .items.swiper-slide-active .images { display: none; } .researchs-imageslist .items.swiper-slide-active .words .span { color: #fff; font-size: 200%; } .advantages-bots .li.active .li-tops:before { background: url(../img/1-16.png) #007147 no-repeat center; background-size: 100%; } .home-responsibility-list .images { position: relative; } .home-responsibility-list .images:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); z-index: 1; } .home-responsibility-list .words { z-index: 3; } .wel-banner { position: relative; } .wel-banner .wel-pagination { position: absolute; left: 1.5rem; bottom: 1.25rem; z-index: 5; color: #fff; height: 3.75rem; } .wel-banner .wel-pagination .swiper-wrapper, .wel-banner .wel-pagination .swiper-container{ height: 3.75rem; } .wel-banner .wel-pagination .li { /*padding-bottom: .45rem;*/ /*line-height: 1;*/ line-height: 1.25rem; height: 1.25rem; cursor: pointer; position: relative; padding-left: 2.6em; color: rgba(255, 255, 255, 0.25); transition: .5s ease; width: 10rem; overflow: hidden; } .wel-banner .wel-pagination .li b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .wel-banner .wel-pagination .li.active { transition: .5s ease; color: #fff; } .wel-banner .wel-pagination .li.active b, .wel-banner .wel-pagination .li.active:before, .wel-banner .wel-pagination .li.active:after { opacity: 1; transition: .5s ease; } .wel-banner .wel-pagination .li b { opacity: 0; font-weight: normal; } .wel-banner .wel-pagination .li span { position: absolute; left: 0; top: 0; } .wel-banner .wel-pagination .li:before, .wel-banner .wel-pagination .li:after { position: absolute; content: ""; left: 0; bottom: 0; opacity: 0; } .wel-banner .wel-pagination .li:before { width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.2); } .wel-banner .wel-pagination .li:after { width: 2.5rem; height: 2px; background-color: #007147; } .wel-banner .wel-pagination .li:nth-child(n+2) { /*margin-top: .5rem;*/ } .slide-down { position: absolute; bottom: 1.5rem; /*top: 50%;*/ /*transform:translateY(-50%);*/ right: 1.5rem; color: #fff; z-index: 55; width: .8rem; } .slide-down .span b { width: 1em; margin: 0 auto; line-height: 1.1; display: block; margin: 0 auto; margin-bottom: .55rem; } .slide-down span { display: block; width: .8rem; height: 2.35rem; background: url(../img/downs.png) no-repeat center; background-size: 100%; } .wel-banner .items.items3 .words .tits01, .wel-banner .items.items3 .words .tits02, .wel-banner .items.items3 .words .txts, .wel-banner .items.items3 .words .span { line-height: 1; } .wel-banner .items.items3 .words .txts { margin-top: .7rem; margin-bottom: 1.6rem; letter-spacing: 1em; } .wel-banner .items.items3 .words .tits { margin-top: .8rem; } .c-more2.c-more { position: relative; padding-left: 4.18em; padding-right: 3.125em; border-color: #007147; background: #007147; } .c-more2.c-more:before { left: 1.25em; width: .55rem; height: .55rem; position: absolute; content: ""; top: 0; bottom: 0; background: url(../img/mores.png) no-repeat center; background-size: 100%; margin: auto; } /*height*/ .con-banner img.mbox { height: 100vw; object-fit: cover; } .con-banner .images { height: 39vw; object-fit: cover; } .con-header.fixed-onactive .bocweb-header, .con-header.fixed-onactive .m-header { display: none; } .a-langs .langs-a { line-height: 1; } .a-langs{ display: flex; align-items: center; } img { object-fit: cover; } @media (max-width: 1024px) { .con-header { height: 50px; } .aboust-02 img { height: 70.3125vw; } .aboust-03 .images img { height: 91.30859375vw; } } @media (max-width: 768px) { .aboust-03 .words { position: relative; transform: none; padding: 0 3%; padding-bottom: 50vw!important; left: auto; top: auto; z-index: 5; min-height: 91.30859375vw; /*background: rgba(0, 0, 0, 0.1);*/ width: 100%; max-width: 100%; /*color: #333;*/ } .history-tops{ padding-top: 2rem; padding-bottom: 1.75rem; } .aboust-03 .words .txts{ /*color: #666;*/ margin-top: .55rem; } .aboust-03 .images { position: absolute; width: 100%; left: 0; top: 0; z-index: 1; height: 100%; } .aboust-03 .images img { height: 100%; } } @media (max-width: 1681px) { .applications-top-images { width: 85%; } } @media (max-width: 1481px) { .honors-list-tops .honors-list-top-right { margin-left: 1rem; } .honors-list-tops .honors-list-top-left, .honors-list-tops .honors-list-top-right { width: calc((100% - 1rem)/2); } .honors-list-tops .honors-list-top-right .items { width: calc((100% - 1rem)/2); margin-left: 1rem; } .honors-list-bottoms .list .items { margin-left: 1rem; margin-top: 1rem; width: calc((100% - 3rem)/4); } } @media (max-width: 1191px) { .applications-top-images .li { padding-left: .75rem; padding-right: .75rem; } .applications-top-images .li:before { right: .5rem; } .applications-top-images { width: 92%; } .applications-box .applications-top-words .text { padding-left: 0; padding-right: 0; } } @media (max-width: 1024px) { .searchs-txts .li { margin: 0; margin-right: .5rem; } .w1400 { width: 92%; max-width: 92%; } .honors-list-tops .honors-list-top-left, .honors-list-tops .honors-list-top-right { width: 100%; } .honors-list-tops .honors-list-top-right { margin-left: 0; margin-top: 1rem; } .honors-list-bottoms .list .items { width: calc((100% - 1rem)/2); margin-left: 1rem; } .honors-list-bottoms .list .items:nth-child(4n+1) { margin-left: 1rem; } .honors-list-bottoms .list .items:nth-child(2n+1) { margin-left: 0; } .honors-list-top-left .words { padding: .75rem; } .honors-list-top-left .swiper-pagination { padding-left: .75rem; bottom: .5rem; } } @media (max-width: 768px) { .serlist-center .list { padding-bottom: 1.75rem; } .honors-list-tops .honors-list-top-right { margin-top: 4%; } .honors-list-bottoms .list .items, .honors-list-tops .honors-list-top-right .items { width: 100%; margin-left: 0 !important; } .honors-list-bottoms .list .items:nth-child(n+2), .honors-list-tops .honors-list-top-right .items:nth-child(n+2) { margin-top: 4%; } .proinfo-topimages{ width: 90%; } .honors-list-top-left .images img{ height: 90vw; max-width: none; } .honors-list .items .images { height: 70vw; } .proinfo-tops .proinfo-topimages{ margin-top: 1.25rem; } .honors-list-bottoms .list { padding-bottom: 1.75rem; } .honors-list-top-left .images { padding-top: .7rem; padding-bottom: .9rem; } .honors-list .items .words { padding-top: .7rem; } } /*height*/ .con-header { z-index: 200; } .cons-tit-box.fixed .cons-tits { position: fixed; background: #fff; width: 100%; left: 0; top: 0; z-index: 999; } @media (max-width: 1481px) { .home-products-list .items .images img { height: 630px; object-fit: cover; } } @media (min-width: 1025px) { .abouts-nums .li:hover .span, .home-abouts-list .li:hover .num .span{ transition: .5s ease; color: #abce03; } .abouts-nums .li .span, .home-abouts-list .li .num .span, .applications-top-images .li { transition: .5s ease; } .applications-top-images .li:hover { background: #a3c31d; transition: .5s ease; } .products-list .items:hover { transition: .5s ease; } .products-list .items:hover .tits { transition: .5s ease; color: #007147; } .advantages-bots .li-tops { transition: .5s ease; } .advantages-bots .li-tops:hover { color: #007147; background-color: #f5f5f5; transition: .5s ease; } .contacts01-list .items .imgs:before, .applications-top-images .right-list .items .imgs:before { z-index: 2; } .contacts01-list .items img, .applications-top-images .right-list .items img { transition: .5s ease; } .contacts01-list .items:hover img, .applications-top-images .right-list .items:hover img { transition: .5s ease; transform: scale3d(1.05, 1.05, 1); } .researchs-imageslist .items img { transition: .5s ease; } .researchs-imageslist .items:hover img { transition: .5s ease; transform: scale3d(1.15, 1.15, 1); } .searchs-form .inputs input[type=submit]:hover { transition: .5s ease; transform: translateY(-5px); } .bocweb-header .nav.searchs .nav-tops:hover svg path { fill: #007147; } .aboust-02 { overflow: hidden; } .aboust-02:before { z-index: 2; } .aboust-02 img { transition: .5s ease; } .aboust-02:hover img { transition: .5s ease; transform: scale3d(1.05, 1.05, 1); } .home-products-list .welpro-titles .li span { transition: .5s ease; } .home-products-list .welpro-titles .li span:hover { transition: .5s ease; color: #abce03; } .home-newss-list-titles .tit-right { transition: .5s ease; } .home-newss-list-titles .tit-right:hover { color: #007147; transition: .5s ease; } .home-newss-list-titles .titles-box .li { transition: .5s ease; } .home-newss-list-titles .titles-box .li:hover { color: #007147; transition: .5s ease; } .bocweb-header .nav.langs .nav-tops { tranition: .5s ease; } .bocweb-header .nav.langs .nav-tops .imgs { transition: .5s ease; } .bocweb-header .nav.langs .nav-tops:hover .imgs { transition: .5s ease; transform: scale3d(1.1, 1.1, 1); } .c-swiper .swiper-button-prev, .c-swiper .swiper-button-next { transition: .5s ease; } .c-swiper .swiper-button-prev:hover, .c-swiper .swiper-button-next:hover { transition: .5s ease; background-color: #007147; } .c-swiper .swiper-button-prev:hover { background-image: url(../img/prev1.png); } .c-swiper .swiper-button-next:hover { background-image: url(../img/next1.png); } .c-more { transition: .5s ease; } .c-more:hover { transform: translateY(-5px); transition: .5s ease; } .home-news-list-box .swiper-slide .images { overflow: hidden; } .home-news-list-box .swiper-slide .more, .home-news-list-box .swiper-slide tits, .home-news-list-box .swiper-slide img { transition: .5s ease; } .home-news-list-box .swiper-slide:hover .images img { transition: .5s ease; transform: scale3d(1.05, 1.05, 1); } .home-news-list-box .swiper-slide:hover .tits, .home-news-list-box .swiper-slide:hover .more { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); color: #007147; } .products-list .items .more, .products-list .items img { transition: .5s ease; } .products-list .items:hover .images img { transition: .5s ease; transform: scale3d(1.05, 1.05, 1); } .products-list .items:hover .more { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); transform: translateY(-5px); } .products-list .items:nth-child(2n+1) .li { flex-direction: row-reverse; } .products-list .items:nth-child(2n+1) .li .words { padding-left: 11.25vw; padding-right: 11.6666666667vw; } .products-list .items:nth-child(2n+2) .li .words { padding-right: 19.7916666667vw; } .patents-bottoms .list .li img, .patents-tops .li img { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .patents-bottoms .list .li:hover:before, .patents-tops .li:hover:before { opacity: 1; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .patents-bottoms .list .li:hover img, .patents-tops .li:hover img { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); transform: scale3d(1.05, 1.05, 1); } .c-swiper .swiper-pagination.on .swiper-pagination-bullet:hover { background: #fff; } .bocweb-header .nav-tops:hover span:before { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); opacity: 1; } .developmentsbots-listbots .items, .proinfo-bottoms-box .list .items, .developmentsbots-listtops .swiper-slide, .contacts03 .images { overflow: hidden; } .developmentsbots-listbots .items img, .proinfo-bottoms-box .list .items img, .developmentsbots-listtops .swiper-slide img, .contacts03 .images img { transition: .5s ease; } .developmentsbots-listbots .items:hover img, .proinfo-bottoms-box .list .items:hover img, .developmentsbots-listtops .swiper-slide:hover img, .contacts03 .images:hover img { transition: .5s ease; transform: scale3d(1.05, 1.05, 1); } .developmentsbots-listbots .items .words, .developmentsbots-listbots .items .words .span { transition: .5s ease; } .developmentsbots-listbots .items:hover .words { border-color: #007147; } .developmentsbots-listbots .items:hover .words .span { color: #fff; background: #007147; transition: .5s ease; } .contacts02top-right .selects-bots .i:hover { transition: .5s ease; background: #007147; color: #fff; } .contacts02top-right .li.input:hover input[type=submit] { background: url(../img/ser2.png) no-repeat center; background-size: 100%; } .contacts02top-right .input:hover input { transition: .5s ease; background: #007147; border-color: #007147; color: #fff; } .contacts02top-right .selects-tops:hover { transition: .5s ease; background: #007147; border-color: #007147; color: #fff; } .contacts02top-right .selects-tops:hover:before { background: url(../img/1-07.png) no-repeat center; background-size: 100%; transition: .5s ease; } .contacts02-list-bottoms .items { transition: .5s ease; } .contacts02-list-bottoms .items:hover { transition: .5s ease; transform: translateY(-5px); } .c-swiper .swiper-pagination .swiper-pagination-bullet { transition: .5s ease; } .c-swiper .swiper-pagination .swiper-pagination-bullet:hover { transition: .5s ease; background-color: #007147; } .honors-list-top-left .li img, .honors-list-top-left .li .words .tits, .honors-list .items img, .honors-list .items .words .tits, .history-bots-list .list .items img, .history-bots-list .list .items .words .tits { transition: .5s ease; } .honors-list-top-left .li:hover img, .honors-list .items:hover img, .history-bots-list .list .items:hover img { transition: .5s ease; transform: scale3d(1.05, 1.05, 1); } .honors-list-top-left .li:hover .words .tits, .honors-list .items:hover .words .tits, .history-bots-list .list .items:hover .words .tits { transition: .5s ease; color: #007147; } .more-ajax .span { transition: .5s ease; } .more-ajax .span:hover { transition: .5s ease; transform: translateY(-5px); } .history-tits .swiper-slide:hover { background-color: #007147; color: #fff; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .banner-daohang a.li { transition: .5s ease; } .banner-daohang a.li:hover { transition: .5s ease; color: #007147; } .cons-tit-box .li { transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .cons-tit-box .li:hover { color: #007147; transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1); } .cons-tit-box .li:hover span:before { transition: .5s ease; opacity: 1; } .bocweb-footer-bots a, .bocweb-footer-tops a { transition: .5s ease; } .bocweb-footer-bots a:hover, .bocweb-footer-tops a:hover { color: #007147 !important; transition: .5s ease; } } @media (max-width: 1481px) { .w1600 { width: 90%; max-width: 90%; } .home-news-list-box .btn-nav { width: 20%; } .home-news-list-box .swiper-container { width: 80%; } .home-news-list-box .btn-nav .nav-box { width: 75%; } } @media (max-width: 1281px) { .w1600 { width: 92%; max-width: 92%; } } @media (max-width: 768px) { .w1600 { width: 94%; } } @media (max-width: 1191px) { .bocweb-header .nav.searchs { margin-left: 3vw; } .bocweb-header .nav-tops { padding-left: 1vw; padding-right: 1vw; } .researchs-imageslist .items { width: 33.33%; } } @media (max-width: 1024px) { .bocweb-footer-tops .navboxfrbox .nav1 .box{ padding-top: .2rem; } .bocweb-footer-tops .navboxfrbox .nav-bots-1{ margin-top: .5rem; } .bocweb-footer-tops .navboxfrbox .nav2 .text{ width: 100%; } .home-newss-list-titles .titles-box .li{ padding: 0 .6rem; } .home-newss-list-titles .titles-box .li:nth-child(1){ padding-left: 0; } .home-newss-list-titles .titles-box .li:before{ display: none; } .home-newss-list-titles .titles-box .li:last-child{ padding-right: 0; } .history-list .swiper-slide { width: 33.33%; } .home-abouts-list .num .tit-62 { font-size: 8.2666666667vw; } .home-abouts-list .num .tit-22 { font-size: 2.9333333333vw; } .home-abouts-list .num .tit-32 { font-size: 4.2666666667vw; } .home-abouts-list .num { justify-content: center; } .home-abouts-list .num span { margin-left: .15rem; } .home-abouts-list .li { padding: 0; width: 33.33%; text-align: center; } .home-products-list .welpro-titles .li span { width: auto; } .home-products-list .welpro-titles { display: flex; justify-content: space-between; } .home-products-list .welpro-titles .li { /*width: 33.33%;*/ } .home-products-list .swiper-pagination { display: none !important; } .home-products-list .items .images img { height: auto; } .home-products-list .items { background: #21825f; } .home-products-list .box { width: 100%; } .home-products-list .words .span { margin-top: 0; margin-bottom: .3rem; } .home-products-list .words .txts, .home-products-list .words .tits { display: none; } .home-products-list .words { position: absolute; bottom: auto; left: 0; top: 0; width: 100%; background: rgba(0, 113, 71, 0.85); padding: 0 4%; max-width: 100%; transform: none; padding-top: 1rem; padding-bottom: 1.625rem; text-align: center; } .home-products-list .welpro-titles .li:before { display: none; } .home-products-list .welpro-titles .li:nth-child(n+2) { margin-top: 0; } .home-products-list .words .span { max-width: 100%; } .home-products-list .welpro-titles { display: flex; position: static; width: 100%; background: #007147; transform: none; max-width: 100%; padding: 2.8645833333vw 4%; } .home-abouts-list .images { margin-top: 0; } .home-newss-list-titles { justify-content: center; border-bottom: none; padding-bottom: 0; } .home-newss-list-titles .titles-box .tit-list { padding-left: 0; } .home-newss-list-titles .titles-box .titles { /*display: none;*/ width: 100%; margin-bottom: 1rem; text-align: center; } .home-newss-list-titles .tit-right { display: none; } .pretmore { position: relative; z-index: 2; margin-top: 1rem; } .pretmore .home-newss-list-titles { display: flex; } .pretmore .home-newss-list-titles .tit-right { display: inline-block; vertical-align: top; } .home-news-list-box .swiper-slide { width: 32%; margin-right: 2%; } .home-news-list-box .swiper-button-prev, .home-news-list-box .swiper-button-next { position: absolute; top: 0; bottom: 0; margin: auto; } .home-news-list-box .swiper-button-prev { left: 3%; } .home-news-list-box .swiper-button-next { right: 3%; } .home-news-list-box .btn-nav, .home-news-list-box .btn { position: static; } .home-news-list-box { width: 92%; max-width: 92%; margin: 0 auto; } .home-news-list-box .swiper-container { width: 100%; } .home-news-list-box .swiper-pagination { display: none !important; } .home-news-list-box .btn-nav .nav-box { position: static; } .applications-top-images .li { padding-left: .35rem; height: auto; line-height: 1; padding-right: .35rem; width: 100%; text-align: center; display: block; justify-content: center; } .applications-top-images .left-list{ position: relative; } .applications-top-images .left-list .left-list-bots{ display: none; position: absolute; width: 100%; top: 1.75rem; left: 0; z-index: 10; height: 5.25rem; overflow-y:auto; } .applications-top-images .left-list .left-list-tops{ height: 1.75rem; line-height: 1.75rem; font-size: 16px; padding: 0 .5rem; border:1px solid #007147; position: relative; padding-right: 1.5rem; overflow: hidden; } .m-header .sub-menu li .sub-tit.on .tu-box{ color: #fff; } .m-header .sub-menu li.active .tit{ background-color: #007147; } .applications-top-images .left-list.active .left-list-tops{ background: #007147; color: #fff; } .applications-top-images .left-list .left-list-tops:before{ position: absolute; content:""; width: 14px; height: 14px; right: 10px; top: 0; bottom: 0; margin:auto; background: url(../img/imgbox/img5.png) no-repeat center; background-size: 100%; } .applications-top-images .left-list.active .left-list-tops:before{ background: url(../img/imgbox/img6.png) no-repeat center; background-size: 100%; } .applications-top-images .li .span{ text-align: left; } .applications-top-images .li .span { line-height: 1.2; height: auto; overflow: visible; display: block; font-size: 14px; height: 1.75rem; line-height: 1.75rem; } .abouts-nums .li .span{ margin-right: .25rem; } .aboust-01 .abouts-nums{ margin-top: 1.25rem; } .applications-top-images .left-list { flex-wrap: wrap; } .applications-top-images .li:before { display: none; } .applications-top-images .left-list { display: flex; } .applications-top-images .li:nth-child(n+2) { margin-top: 0; } .applications-top-images .right-list { margin-left: 0; } .applications-top-images .right-list, .applications-top-images .left-list { width: 100%; } .proinfo-bottoms-box .list .items { width: 49%; margin-left: 2%; } .proinfo-bottoms-box .list .items:nth-child(4n+1) { margin-left: 2%; } .proinfo-bottoms-box .list .items:nth-child(2n+1) { margin-left: 0; } .products-list .items .bg { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .products-list .items .li { position: relative; z-index: 5; } .products-list .items .li img { width: 100%; } .products-list .items .txts { margin-top: .35rem; margin-bottom: 1rem; } .products-list .items .images, .products-list .items .words { width: 100%; } .products-list .items .words { padding: 1.5rem 3%; } .advantages-bots .li-bots { line-height: 1.8; } .patents-tops .imgs img { height: 30vw; } .patents-bottoms .list .li { width: 32%; margin-left: 2%; } .patents-bottoms .list .li:nth-child(6n+1) { margin-left: 2%; } .patents-bottoms .list .li:nth-child(3n+1) { margin-left: 0; } .patents-tops .li { width: 32%; margin-right: 2%; } .patents-bottoms .list .li .imgs img { height: 28vw; } .developmentsbots-listtops .swiper-slide { width: 49%; margin-right: 2%; } .developmentsbots-listbots .items { width: 49%; margin-left: 2%; margin-bottom: 2%; } .developmentsbots-listbots .items:nth-child(4n+1) { margin-left: 2%; } .developmentsbots-listbots .items:nth-child(2n+1) { margin-left: 0; } .bocweb-footer-bots { justify-content: center; line-height: 1.636; text-align: center; } .bocweb-footer-bots .textfl, .bocweb-footer-bots .textfr { width: 100%; } .bocweb-footer-tops .navboxfrbox .nav-bots-1 { margin-bottom: 0; } .bocweb-footer-tops .navboxfrbox .nav1 { display: flex; padding-top: .75rem; /*padding-bottom: .8rem;*/ position: relative; } .bocweb-footer-tops .navboxfrbox .nav1:before { width: 100%; height: 2px; background: #007147; content: ""; position: absolute; left: 0; top: 0; } .bocweb-footer-tops .navboxfrbox .nav1 .box { width: 50%; position: relative; } .bocweb-footer-tops .navboxfrbox .nav1 .box .text { line-height: 1.41; color: #333333; } .bocweb-footer-tops .navboxfrbox .nav1 .box:nth-child(1):before { display: none; } .bocweb-footer-tops .navboxfrbox .nav1 .box:before { position: absolute; content: ""; width: 1px; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.15); } .bocweb-footer-tops .navboxfrbox .nav1 .box:nth-child(2) { padding-left: 1.625rem; } .bocweb-footer-tops .navboxfrbox .nav2 .text { margin-top: .85rem; } .bocweb-footer-tops .navboxfrbox .nav2 .imgs { margin: 0 auto; margin-top: .55rem; } .bocweb-footer-tops .navboxfrbox .nav2 { padding-bottom: 1.125rem; text-align: center; width: 100%; } .bocweb-footer-tops .navboxfrbox { width: 100%; } .bocweb-footer-tops { padding-top: 1.3rem; padding-bottom: 0.8rem; } .bocweb-footer-tops .navboxfrbox { flex-direction: column-reverse; } .bocweb-footer-tops .navboxfrbox .nav1 { width: 100%; } .bocweb-footer-tops .navboxflbox { display: none; } .contacts02-list-tops .contacts02top-left { width: 100%; } .contacts02-list-tops .contacts02top-right { width: 100%; margin-top: .5rem; } .contacts03 .words { width: 100%; padding-left: 0; } .contacts03 .images { width: 100%; margin-bottom: 1rem; } .contacts03 .images img { width: 100%; } .abouts-nums .li .nums { justify-content: center; } .aboust-01 .images .imgs img { width: 100%; } .aboust-01 .images, .aboust-01 .words { width: 100%; } .abouts-nums .li { padding: 0; width: 33.33%; text-align: center; } .contacts01-list .images, .contacts01-list .words { width: 100%; } .contacts01-list .images img, .contacts01-list .words img { width: 100%; } .contacts01-list .items .words .wen { margin-top: .75rem; } .contacts02-list-bottoms .items { width: 49%; margin-left: 2%; margin-bottom: 2%; } .contacts02-list-bottoms .items:nth-child(3n+1) { margin-left: 2%; } .contacts02-list-bottoms .items:nth-child(2n+1) { margin-left: 0; } .home-newss-list-titles .titles-box .tit-list { display: flex; width: 100%; justify-content: center; } .products-topwords .text { padding-left: 3%; padding-right: 3%; } } .contacts02top-right .li.on { z-index: 5; } .contacts02top-right .selects-bots { max-height: 150px; overflow-y: auto; } .c-newslist-top-swiper .items{ margin-right: 2%; } @media (max-width: 768px) { .history-list .swiper-slide:last-child .abbox{ width: 80%; } .history-list .swiper-slide:last-child{ width: 100%; } .wel-banner .items .text{ margin-top: .25rem; } .wel-banner .items .words{ text-align: left; } .wel-banner .items .tits{ font-size: 30px; max-width: 10em; } .c-newslist-top-swiper .items{ margin-right: 4%; } .c-swiper .swiper-button-prev, .c-swiper .swiper-button-next{ width: 1rem; height: 1rem; background-size: 180%; } .pagination a { margin: 0 !important; } .developmentsbots-listtops .swiper-slide{ width: 100%; } .developmentsbots-listbots .items{ width: 100%; margin-left: 0; } .contacts02-list-bottoms .items:nth-child(3n+1) { margin-left: 0%; } .contacts02-list-bottoms .items:nth-child(2n+1) { margin-left: 0; } .swiper-container .swiper-pagination-bullet { width: 8px; height: 8px; } .home-news-list-box .swiper-button-next { right: -1.6rem; } .home-news-list-box .swiper-button-prev { left: -1.6rem; } .pretmore .home-newss-list-titles .tit-right { line-height: 20px; height: 20px; } .home-newss-list .before { height: calc(2.35rem + 2.8em + 34px + 21.2vw); } .home-news-list-box .swiper-button-prev, .home-news-list-box .swiper-button-next { top: auto; bottom: calc(2.35rem + 2.8em + 14px); /*margin-top: 0.875rem;*/ transform: translateY(0.875rem); background-color: #007147; } .home-news-list-box .swiper-button-prev { background-image: url(../img/prev1.png); } .home-news-list-box .swiper-button-next { background-image: url(../img/next1.png); } .pretmore { margin-top: 10vw; } .home-newss-list { font-size: 18px; } .home-news-list-box { width: calc(100% - 4.25rem); } .researchs-imageslist .bg .i0 { width: 92.9333333333vw; height: 103.2vw; } .researchs-imageslist .bg .i1 { /*width: 38.9333333333vw;*/ /*height: 38.9333333333vw;*/ } .researchs-imageslist .bg .i2 { width: 268vw; height: 41.3333333333vw; } .researchs-imageslist .items { width: 100%; } .history-list { margin-top: 1.25rem; } .history-list:before { width: 100%; } .history-list .swiper-button-prev { left: 0; } .history-list .swiper-button-next { right: 0; } .history-list { padding: 0; } .history-list .swiper-slide { width: 100%; } .history-list .abbox{ width: 80%; } .history-list .swiper-slide:nth-child(2n+2) .abbox, .history-list .swiper-slide:nth-child(2n+1) .abbox{ left: 10%; } .home-products-list .words { padding-top: 5.3333333333vw; padding-bottom: 8.6666666667vw; } .home-news-list-box .swiper-slide .words .tits { height: 2.8em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .pretmore { position: relative; z-index: 2; } .home-newss-list { padding-top: 11.7333333333vw; padding-bottom: 11.2vw; } .home-newss-list-titles .titles-box .titles { margin-bottom: 8.2666666667vw; } .home-news-list-box { padding-top: 7.4666666667vw; } .home-news-list-box .swiper-container { padding: 0; } .home-news-list-box .swiper-slide { width: 100%; } .proinfo-bottoms-box .list .items { width: 100%; margin-left: 0 !important; } .proinfo-center-box .li { flex-wrap: wrap; } .proinfo-center-box .li:nth-child(n+2) { margin-top: .75rem; } .proinfo-center-box .li .tits, .proinfo-center-box .li .txts { width: 100%; } .proinfo-center-box .li .tits:before, .proinfo-center-box .li .txts:before { display: none; } .proinfo-center-box .li .txts { padding: .5rem; } .proinfo-center { padding-top: 1.5rem; padding-bottom: 1.5rem; } .advantages-bots .list { margin-top: .75rem; padding-bottom: 1rem; } .advantages-bots .li-tops:before { right: .45rem; } .advantages-bots .li-tops { padding-left: .45rem; padding-right: 1rem; } .advantages-bots .li-bots { padding: 0.4rem .75rem 1.1rem .75rem; } .patents-bottoms .list .li { width: 100%; margin-left: 0; } .patents-tops .li { width: 100%; } .patents-bottoms .list .li .imgs img, .patents-tops .imgs img { height: 60vw; } .contacts03 .w-list .li { padding: .85rem; } .contacts03 .ewm .ewm-txts { word-break: break-all; } .contacts03 .ewm .ewm-text { width: 100%; } .contacts03 .ewm .ewm-imgs { margin-top: .5rem; } .contacts03 .w-list .li { margin-bottom: 2%; } .pagination a { margin: 0 2px; } .contacts02top-right .li { width: 100%; margin-left: 0; } .contacts02top-right .li:nth-child(n+2) { margin-top: 2%; } .contacts03, .contacts02, .contacts01 { padding-top: 2.45rem; padding-bottom: 1.75rem; } .contacts02top-right .selects-tops, .contacts02top-right input[type=text] { height: 1.5rem; line-height: 1.5rem; } .contacts02top-right .selects-bots { top: 1.5rem; } .contacts01-list { margin-top: 1.25rem; } .contacts01-list .items .words .wen { line-height: 1.8; margin-top: .45rem; } .con-banner .banner-daohang { bottom: 3vw; } .advantages-top, .advantages-bots, .products-topwords, .applications-box, .honors, .aboust-03 .words, .developments-top, .responsibility-box, .history-images, .aboust-01 { padding-top: 1.85rem; padding-bottom: 1.25rem; } .responsibility-box .images { margin-top: .7rem; } .abouts-words .txts { margin-top: .5rem; } .abouts-words .wen { margin-top: .8rem; } .history-bots-list .list .items { width: 100%; margin-left: 0; } .history-tits .swiper-slide { padding: 0 2em; margin-right: .25rem; } .contacts03 .w-list .li { width: 100%; margin-left: 0; } .contacts02-list-bottoms .items { width: 100%; margin-left: 0; } .contacts01-list .items .words { padding: 1.25rem .55rem; } .developmentsbots-listbots { padding-bottom: 1.75rem; padding-top: 1.25rem; } .products-topwords .text { margin-top: .75rem; } .honors-list-top-left .words, .honors-list-top-left .images { width: 100%; } .honors-list-tops { display: block; } .proinfo-bottoms { padding-bottom: 1.65rem; } } @media (max-width: 750px) { .bocweb-footer-tops .navboxfrbox .nav-bots-1 { padding-right: 1em; } .bocweb-footer-tops .navboxfrbox .nav1 .box:nth-child(2) { padding-left: 8.6666666667vw; } .contacts02-list-bottoms .items .yinpin { margin-top: 1rem; } .contacts01 { padding-bottom: 1rem; } } @media (max-width: 420px) { .c-news-words .span{ font-size: 13px; } .bocweb-footer-tops .navboxfrbox .nav1 .box:nth-child(2){ padding-left: 5vw; } .applications-top-images .li .span { font-size: 12px; } } .home-newss-list-titles .tit-right{ font-weight: bold; } .home-abouts-list .box-words .text{ font-weight: 300; } .more-ajax .span{ font-weight: 500; } @media (min-width: 1025px){ .history-tops .text{ max-width: 1320px; margin-left: auto; margin-right: auto; } } @media (max-width: 750px){ .c-more { line-height: 2.6em; height: 2.6em; padding: 0 1.75em; border-radius: 2.6em; } .home-products-list .words .span{ margin-bottom: .55rem; } .searchs-box .submit{ padding-left: 20px; padding-right: 22px; border-radius: 40px; width: 95px; } .patents-tops{ padding-top: 2rem; padding-bottom: 1.75rem; } .patents-tops .patents-topswiper{ margin-top: 1.15rem; } .home-responsibility-list .words .c-more{ border-color: #fff; background-color: #fff; } } .applications-top-images .items{ /*height: 30vw;*/ } .applications-top-images{ overflow: hidden; justify-content: flex-end; } .applications-top-images .right-list{ position: relative; } .applications-top-images .right-list .conmmen-swiper{ position: absolute; width: 100%; left: 0; top: 0; height: 100%; } .applications-top-images .left-list{ height: 100%; position: absolute; left: 0; top: 0; } .applications-top-images .left-list-bots{ height: 100%; display: flex; flex-direction: column; } .applications-top-images .right-list{ overflow: hidden; } @media (max-width: 1024px){ .applications-top-images .left-list-bots{ display: flex; } .applications-top-images .left-list{ position: static; width: 100%; display: block; } } .dolig { width: 100%; height: 100%; background-color: rgba(124, 124, 124, 0.3); position: fixed; top: 0; left: 0; z-index: 999; display: none; } .dolig_body { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .dolig .box { width: 20.75rem; height: auto; padding-bottom: 1rem; background-color: #fff; position: relative; top: 50%; box-sizing: border-box; left: 50%; transform: translate(-50%, -50%); border-radius: 0.125rem; max-width: 96%; } .dolig_colse { width: 0.525rem; height: 0.525rem; background: url(../img/close2.png) no-repeat center; position: absolute; right: 0.5rem; top: 0.5rem; cursor: pointer; } .dolig_tit { padding-top: 1.25rem; text-align: center; width: 100%; font-size: 1.0rem; color: #333; } .dolig_from { position: relative; left: 50%; transform: translateX(-50%); width: 13.0rem; } .dolig_input { width: 13.0rem; height: 1.5rem; margin-top: 0.5rem; border: 1px solid #e8e8e8; } .dolig_input input { width: 86%; float: right; height: 100%; font-size: 0.4rem; } .dolig_input .lab { width: 12%; height: 100%; float: left; box-sizing: border-box; position: relative; } .dolig_input .lab1 { background: url(../img/f1.png)no-repeat center; } .dolig_input .lab2 { background: url(../img/f2.png)no-repeat center; } .dolig_input .lab3 { background: url(../img/f3.png)no-repeat center; } .dolig_input .lab4 { background: url(../img/f4.png)no-repeat center; width: 12%; } .dolig_input .input4 { width: 57%; float: left; margin-left: 1%; border-right: 1px solid #eee; } .dolig_input .lab:after { content: ""; position: absolute; right: 0; top: 50%; height: 0.8rem; width: 1px; background-color: #ccc; transform: translateY(-50%); } .yzmbox { width: 13.0rem; height: 1.5rem; margin-top: 0.5rem; } .yzmbox .dolig_input.input2 { width: 100%; border: 1px solid #e8e8e8; margin-top: 0; position: relative; } .yzmbox .dolig_input.input2 img { position: absolute; right: 0; top: 0; float: right; width: 30%; height: 100%; } .yzm { width: 25%; height: 100%; border: 1px solid #e8e8e8; } .yzm img { width: 100%; height: 100%; } .dolig_submit { margin-top: 0.75rem; } .dolig_submit input { width: 100%; background-color: #007147; color: #fff; font-size: 0.45rem; } .jl input { font-size: 0.3rem; display: inline-block; width: 70px; opacity: 0; position: relative; z-index: 3; } .jl .filebox { position: relative; display: inline-block; } .jl .filebox .sp { font-size: 14px; color: #007147; text-decoration: underline; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; } .yzmbox .dolig_input.input2 span{ position: absolute; right: 0; top: 0; } .history-images{ position: relative; z-index:2; } .history-images:before{ content:""; position: absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:rgba(0, 0, 0,.35); } .history-images .con-tits{ position: relative; z-index:3; } .history-images .history-list{ position: relative; z-index:3; } @media (max-width: 996px){ .circles-top .words .text video{ width:100%!important; height:auto !important; } }