@charset "utf-8";
/* css document */
html {
font-size: 62.5%;
scroll-behavior: smooth;
scroll-padding-top: 120px;
}
body {
margin: 0 auto;
font-family: microsoft yahei, arial, helvetica, sans-serif;
font-size: 12px;
font-size: 1.2rem;
background: #fff;
width: 100%;
/* max-width: 1920px; */
overflow-x: hidden;
}
/* swiper */
@font-face {
font-family: swiper-icons;
src: ;
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translatez(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translatez(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translatey(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translatex(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active {
pointer-events: auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-cube .swiper-slide-next .swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
/* swiper end */
img {
border: none;
}
ul li {
list-style-type: none;
}
ul,
form,
p,
a,
img,
table,
tr,
td,
li,
dd,
dt,
dl,
span,
strong {
margin: 0;
padding: 0;
list-style: none;
color: #333;
font-style: normal;
}
img {
display: block;
transition: 0.5s;
}
a {
text-decoration: none;
color: #333;
outline: none;
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
}
h1,
h2 {
margin: 0;
padding: 0;
font-weight: normal;
color: #333;
}
.clear {
clear: both;
}
.maln {
margin-left: auto !important
}
input,
textarea,
select {
font-family: microsoft yahei, arial, helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
color: #999999;
border: none;
outline: none;
}
textarea{
resize: none;
display: block;
}
.fl {
float: left;
}
.fr {
float: right;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
display: block
}
input[type="button"],
input[ type="submit"],
input[type="reset"] {
-webkit-appearance: none;
}
button {
border-radius: 0px;
-webkit-border-radius: 0px;
}
::selection {
color: #fff;
background: #6ebe52;
}
* {
margin: 0px;
padding: 0px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fons0 {
font-size: 0px;
font-size: 0rem;
}
::-webkit-input-placeholder {
/* webkit browsers */
color: #999;
opacity: 1
}
:-o-placeholder {
/* mozilla firefox 4 to 18 */
color: #999;
opacity: 1
}
::-moz-placeholder {
/* mozilla firefox 19 */
color: #999;
opacity: 1
}
:-ms-input-placeholder {
/* internet explorer 10 */
color: #999;
opacity: 1
}
@media screen and (min-width:1000px) {
.zong {
width: calc(100% - 140px);
max-width: 1400px;
margin: auto;
}
.zong1 {
width: calc(100% - 140px);
max-width: 1200px;
margin: auto;
}
}
@media screen and (max-width:999px) {
.mpdt {
padding-top: 30px;
}
.mpdb {
padding-bottom: 30px;
}
.zong,
.zong1 {
width: 95%;
margin: auto;
}
}
a:hover img {
transform: scale(1.1, 1.1)
}
img {
max-width: 100%;
}
a:hover {
color: #6ebe52;
}
.head a:hover,
.foot a:hover {
color: #6ebe52;
}
.mp {
font-size: 16px;
font-size: 1.6rem;
line-height: 30px;
color: #989898;
}
.mp p {
color: #989898;
}
.mp a {
color: #6ebe52;
}
.mp a:hover {
text-decoration: underline;
}
.mp img {
display: inline-block;
}
@media screen and (max-width:767px) {
.mp,
.mpa {
font-size: 14px;
font-size: 1.4rem;
line-height: 26px !important;
}
}
.imga {
text-align: center;
font-size: 0;
}
.imga a {
display: inline-block;
overflow: hidden;
vertical-align: bottom;
}
.imga img {
margin: 0 auto;
}
.img1 {
display: block;
position: relative;
overflow: hidden;
}
.img1 img {
width: 100%;
position: relative;
z-index: 1
}
.img1:before {
content: '';
position: absolute;
width: 0px;
height: 100%;
background: #fff;
opacity: 0.5;
left: 50%;
transform: translatex(-50%);
top: 0px;
transition: 1s;
z-index: 2;
pointer-events: none;
}
.img1:after {
content: '';
position: absolute;
width: 100%;
height: 0px;
background: #fff;
opacity: 0.5;
top: 50%;
transform: translatey(-50%);
left: 0px;
transition: 1s;
z-index: 2;
pointer-events: none;
}
.img1:hover:before {
width: 100%;
opacity: 0
}
.img1:hover:after {
height: 100%;
opacity: 0
}
@keyframes m1tu {
0% {
opacity: 0;
left: 0px;
}
50% {
opacity: 1;
left: 50%;
}
100% {
opacity: 0;
left: 100%
}
}
.img2 {
display: block;
margin: auto;
position: relative;
overflow: hidden;
z-index: 1
}
.img2 img {
width: 100%;
}
.img2:after {
content: "";
height: 100%;
position: absolute;
top: 0px;
transition: 0.5s;
background: #fff;
width: 40px;
filter: blur(30px);
opacity: 0;
z-index: 3;
pointer-events: none;
}
.img2:hover:after {
-webkit-animation-name: m1tu;
animation-name: m1tu;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.niu1 {
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.niu1 span {
position: relative;
z-index: 2;
}
.niu1:before {
position: absolute;
content: '';
top: 0px;
bottom: 0px;
left: 0px;
right: -50px;
border-right: 30px solid transparent;
-webkit-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
transition: all 600ms ease;
-webkit-transform: translatex(-100%);
-moz-transform: translatex(-100%);
-ms-transform: translatex(-100%);
-o-transform: translatex(-100%);
transform: translatex(-100%);
}
.niu1:after {
position: absolute;
content: '';
top: 0px;
right: 0px;
bottom: 0px;
left: -50px;
border-left: 30px solid transparent;
-webkit-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
transition: all 600ms ease;
-webkit-transform: translatex(100%);
-moz-transform: translatex(100%);
-ms-transform: translatex(100%);
-o-transform: translatex(100%);
transform: translatex(100%);
}
.niu1:hover:before {
-webkit-transform: translatex(-40%);
-moz-transform: translatex(-40%);
-ms-transform: translatex(-40%);
-o-transform: translatex(-40%);
transform: translatex(-40%);
}
.niu1:hover:after {
-webkit-transform: translatex(40%);
-moz-transform: translatex(40%);
-ms-transform: translatex(40%);
-o-transform: translatex(40%);
transform: translatex(40%);
}
.niu2 {
overflow: hidden;
position: relative;
}
.niu2 span {
position: relative;
display: block;
z-index: 2;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.niu2 span:before {
position: absolute;
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
content: "";
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-ms-transform-origin: top right;
-o-transform-origin: top right;
transform-origin: top right;
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.niu2:hover span:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-o-transform-origin: bottom left;
transform-origin: bottom left;
}
.niu3 {
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: background 0.4s linear, color 0.3s linear;
-o-transition: background 0.4s linear, color 0.3s linear;
-moz-transition: background 0.4s linear, color 0.3s linear;
transition: background 0.4s linear, color 0.3s linear;
}
.niu3:after {
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 50%;
opacity: 0;
z-index: -1;
content: '';
-webkit-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
-webkit-transform: translatex(-50%) translatey(-50%) rotate(45deg);
-moz-transform: translatex(-50%) translatey(-50%) rotate(45deg);
-ms-transform: translatex(-50%) translatey(-50%) rotate(45deg);
-o-transform: translatex(-50%) translatey(-50%) rotate(45deg);
transform: translatex(-50%) translatey(-50%) rotate(45deg);
}
.niu3:hover {
color: #fff;
}
.niu3:hover:after {
height: 500%;
opacity: 1;
}
.at-resp-share-element .at4-share-count-container {
text-decoration: none;
float: right;
padding-right: 15px;
line-height: 25px !important;
}
.at-resp-share-element .at-icon {
width: 24px !important;
height: 24px !important;
}
.at-style-responsive .at-share-btn {
padding: 0 !important;
border-radius: 2px !important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
width: 24px !important;
height: 24px !important;
}
.at-resp-share-element .at-share-btn {
margin-bottom: 0 !important;
margin-right: 3px !important;
}
.at-resp-share-element .at-icon {
width: 24px !important;
height: 24px !important;
}
.at-style-responsive .at-share-btn {
padding: 0 !important;
border-radius: 2px !important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
width: 24px !important;
height: 24px !important;
}
.at-resp-share-element .at-share-btn {
margin-bottom: 0 !important;
margin-right: 3px !important;
}
.table {
width: 100%;
overflow: auto;
}
table {
width: 100%;
border-collapse: collapse;
}
/* nav */
.xnav {
display: none
}
.nav {
position: fixed;
width: 35px;
height: 23px;
background: #fff;
right: 2.5%;
top: 18px;
cursor: pointer;
border-radius: 5px;
z-index: 9999999999
}
.nav span {
display: block;
width: 20px;
height: 2px;
background: #333;
position: absolute;
left: 50%;
margin-left: -10px;
top: 50%;
transition: 0.8s;
z-index: 99999991
}
.nav .nav1 {
margin-top: -1px;
}
.nav .nav2 {
margin-top: -8px;
}
.nav .nav3 {
margin-top: 6px;
}
.navh .nav1 {
transform: rotate(45deg)
}
.navh .nav2 {
transform: rotate(-45deg);
width: 10px;
margin-left: -1px;
margin-top: -5px;
}
.navh .nav3 {
transform: rotate(-45deg);
width: 9px;
margin-top: 3px;
margin-left: -8px;
}
.navh span {}
.smnav {
position: fixed;
width: 280px;
height: 100%;
opacity: 0;
overflow: auto;
top: 0px;
right: -200%;
background: #f9f9f9;
z-index: 9999999;
transition: 0.5s;
text-align: center;
}
.smnavh {
right: 0px;
opacity: 1;
}
.topnav {
margin: auto;
margin-top: 30px;
padding: 20px;
}
ul.topnav li {
text-align: left;
position: relative;
}
ul.topnav li a {
padding: 15px 5px;
padding-left: 0px;
color: #333;
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
padding-right: 50px;
border-bottom: 1px dashed #fff;
}
ul.topnav ul {
display: none;
}
ul.topnav ul li {
clear: both;
}
ul.topnav ul li a {
padding: 10px 5px;
padding-left: 20px;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
outline: 0;
border: none;
}
ul.topnav ul li a:hover {}
ul.topnav ul ul li a {
padding-left: 40px;
font-size: 12px;
font-size: 1.2rem;
}
ul.topnav ul ul {
border-top: 1px dashed rgba(255, 255, 255, 0.5);
border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
ul.topnav ul ul ul li a {
padding-left: 60px;
}
ul.topnav span {
display: block;
position: absolute;
right: 0px;
top: 15px;
width: 20px;
height: 20px;
background: #fff;
background: rgba(255, 255, 255, 0.6);
cursor: pointer;
border-radius: 50%;
transition: 0.5s;
}
ul.topnav span:before {
content: "";
width: 6px;
height: 2px;
background: #333;
position: absolute;
left: 50%;
margin-left: -3px;
top: 50%;
margin-top: 0px;
transform: rotate(45deg);
transform-origin: right center
}
ul.topnav span:after {
content: "";
width: 6px;
height: 2px;
background: #333;
position: absolute;
left: 50%;
margin-left: -3px;
top: 50%;
margin-top: -1px;
transform: rotate(-45deg);
transform-origin: right center;
transition: 0.5s;
}
ul.topnav span.yizi {
transform: rotate(90deg)
}
.smnav form {
margin-top: 15px;
margin-bottom: 15px;
width: 240px;
height: 26px;
border: 1px solid #fff;
position: relative;
background: #fff;
}
.smnav form .iptc {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
background-color: #fff;
width: 80%;
height: 24px;
line-height: 24px;
display: block;
float: left;
}
.smnav form .ipsc {
width: 20%;
height: 26px;
line-height: 26px;
display: block;
float: right;
background: transparent;
position: relative;
z-index: 99;
}
.smnav form i {
position: absolute;
right: 10px;
top: 3px;
}
@media screen and (max-width:767px) {
.daohang2 {
display: block;
text-align: center;
margin-top: 10px;
}
.daohang2 a {
float: left;
width: 25%;
font-size: 13px;
font-size: 1.3rem;
line-height: 24px;
text-align: center;
}
.daohang,
.daohang1 {
display: none
}
}
@media screen and (max-width:999px) {
.xnav {
display: block
}
}
.yzm{
display: flex;
align-items: center;
justify-content: center;
background-color: #f3fbfe;
cursor: pointer;
}
.main {
overflow: hidden;
}
/* banner */
.banner {
position: relative;
}
.banner .swiper-slide {
position: relative;
overflow: hidden;
}
.banner .swiper-slide img {
transform: initial;
width: 100%;
}
.banner .ban-vid {
position: relative;
height: 0;
overflow: hidden;
}
.banner .ban-vid iframe,
.banner .ban-vid video {
position: absolute;
width: 100%;
height: 100%;
border: none;
}
.banner .ban-vid iframe body {
margin: 0px !important;
}
.banner iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.banner video {
position: absolute;
z-index: 1;
display: block;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
max-width: none;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.banner .ban-prev,
.banner .ban-next{
position: absolute;
top: 50%;
transform: translatey(-50%);
z-index: 9;
width: 82px;
height: 82px;
line-height: 80px;
border: solid 1px #ffffff;
border-radius: 50%;
color: #ffffff;
font-size: 30px;
text-align: center;
cursor: pointer;
transition: .5s;
}
.banner .ban-prev:hover,
.banner .ban-next:hover{
background-color: #6ebe52;
color: #fff;
}
.banner .ban-prev{
left: 84px;
}
.banner .ban-next{
right: 84px;
}
.banner .ban-pag {
display: none;
}
@media screen and (max-width:1400px) {
.banner .ban-prev,
.banner .ban-next{
width: 60px;
height: 60px;
line-height: 58px;
}
}
@media screen and (max-width:999px) {
.banner .ban-prev,
.banner .ban-next{
width: 40px;
height: 40px;
line-height: 38px;
font-size: 20px;
}
.banner .ban-prev{
left: 20px;
}
.banner .ban-next{
right: 20px;
}
}
@media screen and (max-width:767px){
.banner .ban-prev,
.banner .ban-next{
width: 30px;
height: 30px;
line-height: 28px;
font-size: 16px;
}
}
/* head */
.head {
position: fixed;
top: 0;
left: 50%;
transform: translatex(-50%);
width: 100%;
/* max-width: 1920px; */
z-index: 9999;
background-color: rgba(0, 0, 0, .5);
border-bottom: 1px solid rgba(234, 234, 234, 0.15);
}
.head .zong{
max-width: 1708px;
display: flex;
align-items: center;
}
.logo {
width: 222px;
}
.logo a:hover img {
transform: none;
}
.logo img{
filter: grayscale(1) brightness(10);
transition: 0s;
}
.navigation {
margin-left: auto;
display: flex;
font-size: 18px;
line-height: 30px;
position: relative;
}
.navigation>li {
display: flex;
align-items: center;
position: relative;
}
.navigation>li i {
font-size: 12px;
margin-left: 4px;
}
.navigation>li>a {
display: flex;
align-items: center;
position: relative;
z-index: 1;
padding: 39px 28px;
color: #fff;
z-index: 1;
}
.navigation>li>a::before{
content: "";
width: 0;
height: 6px;
background-color: #6ebe52;
position: absolute;
top: 0;
left: 0;
transition: .5s;
}
.navigation>li:hover>a,
.navigation>li.dangqian>a {
padding: 39px 40px;
color: #6ebe52 !important;
}
.navigation>li>a::after{
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(255, 255, 255, 0.15);
}
.navigation>li:hover>a::before,
.navigation>li.dangqian>a::before {
width: 100%;
}
.navigation>li:hover>a::after,
.navigation>li.dangqian>a::after{
opacity: 1;
}
/* .navigation li:hover .yijiw {
display: block;
} */
.navigation .fis-navw {
width: 240px;
position: absolute;
top: 100%;
left: -12px;
font-size: 18px;
line-height: 30px;
display: none;
}
.navigation .fis-nav {
position: relative;
z-index: 1;
padding: 14px 0 24px;
}
.navigation .fis-nav::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: #fff;
}
.fis-navw li {
width: 100%;
position: relative;
transition: .5s;
margin-bottom: 10px;
}
.fis-navw li a {
display: block;
position: relative;
padding: 0 26px;
}
.fis-navw li i {
margin-left: auto;
}
.navigation .sec-nav,
.navigation .thi-nav {
position: absolute;
z-index: 1;
left: 100%;
top: -14px;
width: 200px;
display: none;
font-size: 16px;
padding: 14px 0 24px;
}
.navigation .sec-nav::before,
.navigation .thi-nav::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: #fff;
}
.hd-r{
display: flex;
align-items: center;
}
.search {
padding-left: 40px;
padding-right: 20px;
position: relative;
}
.search::before{
content: "";
width: 1px;
height: 22px;
background-color: #fff;
position: absolute;
right: 0;
top: 50%;
transform: translatey(-50%);
}
.search i {
display: inline-block;
font-size: 18px;
line-height: 30px;
cursor: pointer;
color: #fff;
text-align: center;
transition: .5s;
}
.searchf i,
.search:hover i {
color: #6ebe52 !important;
}
.search form {
width: 280px;
height: 0px;
overflow: hidden;
position: absolute;
right: 0px;
top: calc(100% 10px);
background: #fff;
border: 0px solid rgba(0, 0, 0, 0);
color: #333;
transition: 0.8s;
z-index: 99999
}
.sou {
width: 240px;
height: 40px;
line-height: 40px;
padding-left: 20px;
font-size: 16px;
color: #333;
}
.suo {
width: 38px;
height: 40px;
float: right;
background: none;
position: relative;
z-index: 9999999;
cursor: pointer;
}
.sou1 {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
right: 0px;
top: 0px;
font-size: 22px !important;
cursor: pointer;
color: #333;
z-index: 99990
}
.searchf form {
height: 40px;
border: 1px solid #6ebe52;
}
.yvn {
padding-left: 20px;
position: relative;
}
.yvn .yvzhonga {
display: flex;
align-items: center;
text-align: center;
cursor: pointer;
font-size: 18px;
color: #ffffff;
}
.yvn .yvzhonga i {
vertical-align: middle;
}
.yvn .yvzhonga:hover,
.yvn .yvhv {
color: #6ebe52 !important;
}
.yvn .yvzhonga:hover .yvndq,
.yvn .yvhv .yvndq{
color: #6ebe52;
}
.yvzhonga span {
color: #fff;
font-size: 12px;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.yvul {
width: 100%;
min-width: 100px;
position: absolute;
top: 40px;
right: 0px;
background: #fff;
display: none;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.yvul a {
display: block;
padding: 5px 10px;
font-size: 16px;
line-height: 24px;
}
.headh {
background-color: #fff;
box-shadow: 0 0 70px 0 rgba(13,14,67,.12);
}
.headh .logo img{
filter: initial;
}
.headh .navigation>li>a{
color: #333333;
}
.headh .navigation>li>a::after{
background-color: #eff8eb;
}
.headh .search i,
.headh .yvn .yvzhonga{
color: #333;
}
.headh .search::before{
background-color: #222;
}
@media screen and (max-width:1750px) {
.head .zong{
width: 95%;
}
.logo{
width: 160px;
}
.search{
padding-left: 20px;
}
.navigation>li>a{
padding: 39px 20px !important;
}
}
@media screen and (max-width:1500px) {
.navigation{
font-size: 16px;
}
.navigation>li>a{
padding: 39px 14px !important;
}
.search{
padding: 0 10px;
}
.yvn{
padding-left: 10px;
}
}
@media screen and (max-width:1300px){
.head .zong{
flex-wrap: wrap;
}
.logo {
width: 140px;
}
.navigation{
font-size: 14px;
}
.navigation>li>a{
padding: 24px 12px !important;
}
.hd-r{
width: 100%;
order: -1;
justify-content: flex-end;
}
}
@media screen and (max-width:999px) {
.head .zong{
height: 60px;
}
.navigation,
.search{
display: none;
}
.hd-r{
width: initial;
order: 1;
margin-left: auto;
margin-right: 50px;
}
.dhck{
padding-top: 60px;
}
.yvn .yvzhonga{
font-size: 16px;
}
}
@media screen and (max-width:480px) {
.head {
position: relative;
left: 0;
transform: initial;
}
.dhck{
display: none;
}
}
/* main1 */
@media screen and (min-width:1000px) {
.main1{
padding-top: 102px;
padding-bottom: 109px;
}
}
.main1{
background-color: #f7f7f7;
}
.m1-xq{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.m1-l{
padding-top: 84px;
width: 41.42857%;
padding-bottom: 300px;
}
.m1-bt{
font-weight: bold;
font-size: 36px;
line-height: 50px;
color: #222222;
}
.m1-bt a{
color: #222;
}
.m1-bt a:hover{
color: #6ebe52;
}
.m1-nr{
margin-top: 22px;
}
.m1-xxq{
position: absolute;
bottom: 134px;
left: 0;
width: 100%;
max-width: 1240px;
display: grid;
grid-template-columns: repeat(4,1fr);
background-color: #ffffff;
border-radius: 0px 64px 0px 0px;
}
.m1-xxq li{
padding: 62px 20px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.m1-xxq li::before{
content: "";
width: 1px;
height: 143px;
background-color: #dddddd;
position: absolute;
left: 0;
top: 50%;
transform: translatey(-50%);
}
.m1-xxq li:first-child::before{
display: none;
}
.m1-xxq li:hover{
background-color: #6ebe52;
}
.m1-xxq li:hover::before{
display: none;
}
.m1-xbt{
font-size: 16px;
line-height: 26px;
}
.m1-num {
margin-top: 10px;
color: #6ebe52;
font-size: 40px;
line-height: 40px;
}
.m1-num span{
font-size: 64px;
line-height: 76px;
color: #6ebe52;
vertical-align: top;
}
.m1-xxq li:hover .m1-xbt,
.m1-xxq li:hover .m1-num,
.m1-xxq li:hover .m1-num span{
color: #fff;
}
.m1-r{
width: 45%;
}
.m1-img{
border-radius: 64px 0px 0px 0px;
overflow: hidden;
}
@media screen and (max-width:1400px) {
.m1-bt{
font-size: 30px;
line-height: 40px;
}
.m1-num{
font-size: 30px;
line-height: 40px;
}
.m1-num span{
font-size: 50px;
line-height: 60px;
}
.m1-xxq{
bottom: 30px;
}
.m1-l{
padding-top: 0;
}
}
@media screen and (max-width:999px){
.m1-bt,
.m1-num{
font-size: 24px;
line-height: 30px;
}
.m1-xxq{
bottom: 0;
}
.m1-xxq li{
padding: 20px;
}
.m1-xxq li::before{
height: 100%;
}
.m1-num span{
font-size: 34px;
line-height: 40px;
}
.m1-l{
padding-bottom: 170px;
}
}
@media screen and (max-width:767px) {
.m1-xq{
flex-wrap: wrap;
}
.m1-l{
width: 100%;
padding-bottom: 20px;
}
.m1-r{
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.m1-bt, .m1-num{
font-size: 20px;
}
.m1-xxq {
margin-top: 20px;
position: initial;
grid-template-columns: repeat(2,1fr);
}
.m1-xxq li::before{
display: none;
}
.m1-xbt{
font-size: 14px;
}
.m1-num span{
font-size: 30px;
}
}
@media screen and (max-width:480px){
/*.m1-xxq{
grid-template-columns: repeat(1,1fr);
}*/
}
/* main2 */
@media screen and (min-width:1000px) {
.main2{
padding-top: 110px;
padding-bottom: 102px;
}
}
.main2{
background-color: #f7f7f7;
position: relative;
z-index: 1;
}
.main2::before{
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: #6ebe52;
border-radius: 64px 0px 0px 0px;
}
.m2-xq{
margin-left: 13.541667%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.m2-l{
width: 15%;
padding-bottom: 85px;
}
.m2-bt{
font-weight: bold;
font-size: 40px;
line-height: 56px;
color: #fff;
}
.main2 .m2-bt,
.main2 .m2-bt a,.main2 .m2-bt span{
color: #fff
}
.main2 .m2-bt a:hover{
color: #333333;
}
.m2-fis{
margin-top: 28px;
background-color: #ffffff;
border-radius: 32px 0px 0px 0px;
overflow: hidden;
}
.m2-fis li{
border-image: linear-gradient(to right,transparent,#dad6d6,transparent) 1;
border-bottom: 1px solid ;
display: flex;
align-items: center;
padding: 14px 28px;
}
.m2-fis li:last-child{
border-bottom: none;
}
.m2-fis li.tab-dq{
background-color: #222222;
}
.m2-xt{
width: 26px;
margin-right: 12px;
flex-shrink: 0;
}
.m2-l-xbt{
font-size: 18px;
line-height: 30px;
}
.m2-fis li.tab-dq .m2-xt{
filter: grayscale(1) brightness(10);
}
.m2-fis li.tab-dq .m2-l-xbt{
color: #fff;
}
.m2-r{
width: 78.4337%;
}
.m2-over{
padding-right: 26.88172%;
position: relative;
-webkit-mask-image: linear-gradient(to right, black 80%,transparent 90%);
}
.m2-sw{
overflow: initial;
}
.m2-xxq{
position: relative;
border-radius: 0px 0px 64px 0px;
overflow: hidden;
}
.m2-dnr{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top,rgba(0,0,0,0.1),transparent);
padding: 48px 34px;
min-height: 40%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.m2-xbt{
font-weight: bold;
font-size: 22px;
line-height: 30px;
color: #ffffff;
}
.m2-xbt a{
color: #fff;
}
.m2-xbt a:hover{
color: #6ebe52;
}
.m2-nrw{
margin-top: 8px;
display: none;
}
.m2-nr{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.m2-btn{
display: none;
}
.m2-xxq:hover .m2-nrw,
.m2-xxq:hover .m2-btn{
display: block;
}
.m-btn a{
padding: 11px 20px;
display: inline-block;
border-radius: 5px;
border: solid 1px #999999;
font-size: 16px;
line-height: 30px;
color: #222222;
}
.m-btn i::before{
content: "";
width: 40px;
height: 1px;
background-color: #222222;
border-radius: 1px;
display: inline-block;
vertical-align: middle;
transform: translatex(12px);
transition: .5s;
}
.m-btn i::after{
content: "";
width: 23px;
height: 23px;
border: solid 1px #222222;
padding: 7px;
background-color: #222222;
background-clip: content-box;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
box-sizing: border-box;
transition: .5s;
}
.m2-btn a{
margin-top: 30px;
color: #fff;
border-color: #fff;
}
.m-btn a:hover{
background-color: #6ebe52;
border-color: #6ebe52;
color: #fff;
}
.m2-btn a i::before,
.m2-btn a i::after,
.m-btn a:hover i::before,
.m-btn a:hover i::after{
background-color: #fff;
}
.m2-btn a i::after,
.m-btn a:hover i::after{
border-color: #fff;
}
.sw-btn>div{
width: 52px;
height: 52px;
line-height: 52px;
background-color: #222222;
border-radius: 5px;
color: #ffffff;
font-size: 18px;
text-align: center;
cursor: pointer;
transition: .5s;
}
.sw-btn>div:hover{
background-color: #6ebe52;
}
.m2-r .sw-btn>div:hover{
background-color: #ffffff;
color: #222;
}
.m2-lb .m-next{
opacity: 0.3;
position: absolute;
top: 50%;
right: 0;
transform: translate(-100%,-50%);
z-index: 9;
}
.m2-lb .m-prev{
display: none;
}
.m2-r .d-tab>.sw-btn{
position: absolute;
left: 0;
bottom: 0;
display: flex;
gap: 10px;
}
@media screen and (max-width:1600px) {
.m2-xq{
margin-left: 70px;
}
}
@media screen and (max-width:1400px) {
.m2-over{
padding-right: 70px;
}
.m2-l{
width: 18%;
}
.m2-fis li{
padding: 10px 16px;
}
.m2-bt{
font-size: 30px;
line-height: 40px;
}
.m2-dnr{
padding: 20px;
}
}
@media screen and (max-width:999px) {
.m2-xq{
flex-wrap: wrap;
margin: 0 2.5%;
}
.m2-l{
width: 100%;
padding-bottom: 30px;
}
.m2-lb .sw-btn{
display: none;
}
.m2-r{
width: 100%;
}
.m2-over{
padding-right: 0;
-webkit-mask-image: initial;
overflow: hidden;
}
.m2-r .d-tab>.sw-btn{
margin-top: 20px;
position: initial;
justify-content: center;
}
.m2-xbt{
font-size: 20px;
}
.m2-nrw,
.m2-btn{
display: block;
}
.m-btn a{
padding: 5px 20px;
}
.sw-btn>div{
width: 40px;
height: 40px;
line-height: 40px;
}
.m2-bt{
font-size: 24px;
line-height: 30px;
}
.m2-l-xbt{
font-size: 16px;
}
.m2-fis{
display: grid;
grid-template-columns: repeat(4,1fr);
}
.m-btn i::before{
width: 20px;
}
.m2-l-xbt{
color: #fff;
}
.m2-fis{
border-radius: 0;
background-color: transparent;
}
.m2-xt{
filter: grayscale(1) brightness(10);
}
.m2-fis li.tab-dq{
background-color: transparent;
}
.m2-fis li.tab-dq .m2-xt{
filter: initial;
}
.m2-fis li.tab-dq .m2-l-xbt{
color: #333;
}
}
@media screen and (max-width:767px){
.m-btn a{
font-size: 14px;
line-height: 26px;
}
.m2-xbt{
font-size: 18px;
}
.sw-btn>div{
width: 30px;
height: 30px;
line-height: 30px;
}
.m2-bt{
font-size: 20px;
}
.m2-l-xbt{
font-size: 14px;
line-height: 26px;
}
.m2-fis{
grid-template-columns: repeat(3,1fr);
}
.m2-xt{
width: 20px;
}
.m2-fis li {
padding: 5px 16px;
}
}
@media screen and (max-width:480px) {
.m2-fis{
grid-template-columns: repeat(2,1fr);
}
}
/* main3 */
@media screen and (min-width:1000px) {
.main3{
padding-top: 100px;
padding-bottom: 86px;
}
.m3-nr,
.m3-dw-dnr{
line-height: 28px;
}
}
.m3-xq{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.m3-l{
width: 28.142857%;
}
.m3-xxq{
display: grid;
gap: 32px 0;
margin-top: 42px;
}
.m3-xxq li{
display: flex;
}
.m3-xt{
width: 60px;
margin-right: 20px;
flex-shrink: 0;
}
.m3-xt img{
transition: .5s;
}
.m3-xt:hover img{
transform: translatey(-20%);
}
.m3-dnr{
padding-left: 18px;
padding-bottom: 30px;
border-bottom: 1px solid #eeeeee;
}
.m3-xbt{
font-weight: bold;
font-size: 20px;
line-height: 30px;
}
.m3-nr{
margin-top: 10px;
}
.m3-r{
width: 70%;
max-width: 833px;
}
.m3-map{
position: relative;
}
.m3-map2{
display: none;
}
.m3-dw li{
position: absolute;
transform: translate(-50%,-50%);
}
.m3-dw li:hover{
z-index: 1;
}
.m3-circle{
width: 22px;
height: 22px;
background-color: #6ebe52;
border: 5px solid #fff;
border-radius: 50%;
}
.m3-dw-dnr{
padding: 15px 21px 10px;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
background-color: #fff;
border-radius: 32px 10px 10px 10px;
width: 220px;
position: absolute;
bottom: calc(100% 4px);
left: 50%;
transform: translatex(-50%);
display: none;
}
.m3-dw-dnr::after{
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translatex(-50%);
z-index: 1;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #fff;
}
.m3-dw li:hover .m3-dw-dnr{
display: block;
}
.m3-dw-dnr p{
color: #333;
}
.m3-dw-dnr img{
border-radius: 16px 0px 0px 0px;
overflow: hidden;
}
.xdw1{
left: 21%;
top: 47%;
}
.xdw2{
left: 28.3%;
top: 67.2%;
}
.xdw3{
left: 36.6%;
top: 72%;
}
.xdw4{
left: 57.7%;
top: 48%;
}
.xdw5{
left: 55.5%;
top: 83%;
}
.xdw6{
left: 54.2%;
top: 27.7%;
}
.xdw7{
left: 75%;
top: 21.2%;
}
.xdw8{
left: 58.5%;
top: 35%;
}
.xdw9{
left: 62%;
top: 46.6%;
}
.xdw10{
left: 64.9%;
top: 41.3%;
}
.xdw11{
left: 70.2%;
top: 47.9%;
}
.xdw12{
left: 70.8%;
top: 50.3%;
}
.xdw13{
left: 77.7%;
top: 49.4%;
}
.xdw14{
left: 78.8%;
top: 50%;
}
.xdw15{
left: 83.5%;
top: 52%;
}
.xdw16{
left: 79.5%;
top: 65%;
}
.xdw17{
left: 83%;
top: 39.3%;
}
.xdw18{
left: 82.8%;
top: 41%;
}
.xdw19{
left: 81.5%;
top: 44.6%;
}
.xdw20{
left: 85.4%;
top: 36.3%;
}
.m3-btm{
margin-top: 60px;
padding-top: 80px;
border-top: 1px solid #eeeeee;
display:none;
}
.m3-sw .swiper-wrapper{
transition-timing-function: linear;
}
.m3-logo{
filter: grayscale(1);
}
.m3-logo:hover{
filter: initial;
}
@media screen and (max-width:1200px) {
.m3-l{
width: 100%;
margin-bottom: 20px;
}
.m3-xxq{
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 20px;
}
.m3-r{
width: 100%;
margin: 0 auto;
}
}
@media screen and (max-width:999px) {
.m3-xxq{
margin-top: 20px;
}
.m3-xt{
width: 40px;
}
.m3-xbt{
font-size: 18px;
}
.m3-dnr{
padding-bottom: 20px;
}
.m3-map1{
display: none;
}
.m3-map2{
display: block;
}
.m3-dw{
margin-top: 20px;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 20px;
text-align: center;
}
.m3-dw li,
.m3-dw-dnr{
position: initial;
transform: initial;
}
.m3-circle{
display: none;
}
.m3-dw-dnr{
padding: 10px;
display: block;
width: 100%;
}
.m3-btm{
margin-top: 20px;
padding-top: 20px;
}
}
@media screen and (max-width:767px){
.m3-xxq{
grid-template-columns: repeat(1,1fr);
}
.m3-xbt{
font-size: 16px;
}
.m3-dw{
grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width:480px){
.m3-dw{
grid-template-columns: repeat(1,1fr);
}
}
/* main4 */
@media screen and (min-width:1000px) {
.main4{
padding-top: 76px;
padding-bottom: 100px;
}
}
.main4{
background-color: #f7f7f7;
border-radius: 0px 64px 0px 0px;
}
.m4-top{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.m4-t-btn{
margin-left: auto;
}
.m4-xq{
margin-top: 52px;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 63px 30px;
}
.m4-xq li{
background-color: #fff;
box-shadow: 0px 0px 28px 2px rgba(13, 14, 67, 0.1);
border-radius: 32px 0px 0px 0px;
padding-left: 30px;
padding-top: 46px;
padding-bottom: 33px;
position: relative;
}
.m4-xq li::before{
content: "";
width: 0;
height: 8px;
background-color: #6ebe52;
border-radius: 1px;
position: absolute;
right: 0;
top: 0;
transition: .5s;
}
.m4-xq li:hover::before{
width: calc(100% - 30px);
}
.m4-dnr{
padding-right: 30px;
}
.m4-time{
font-size: 16px;
line-height: 30px;
color: #989898;
}
.m4-xbt{
margin-top: 12px;
font-weight: bold;
font-size: 20px;
line-height: 30px;
color: #222222;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.m4-xbt a{
color: #222;
}
.m4-xbt a:hover{
color: #6ebe52;
}
.m4-img{
margin-top: 24px;
border-radius: 32px 0px 0px 0px;
overflow: hidden;
}
.m4-nr{
margin-top: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.m4-line{
margin-top: 28px;
margin-bottom: 26px;
width: 100%;
height: 1px;
background-color: #eeeeee;
border-radius: 1px;
}
.m4-btn{
text-align: center;
}
@media screen and (max-width:1400px) {
.m4-xq{
gap: 20px;
}
.m4-xq li{
padding: 20px;
padding-right: 0;
}
.m4-dnr{
padding-right: 20px;
}
}
@media screen and (max-width:999px) {
.m4-xq{
margin-top: 20px;
}
.m4-xbt{
font-size: 18px;
}
.m4-nr,
.m4-img{
margin-top: 20px;
}
.m4-line{
margin: 10px 0;
}
}
@media screen and (max-width:767px) {
.m4-xq{
grid-template-columns: repeat(2,1fr);
}
.m4-xbt{
font-size: 16px;
}
.m4-time{
font-size: 14px;
line-height: 26px;
}
}
@media screen and (max-width:480px) {
.m4-xq{
grid-template-columns: repeat(1,1fr);
}
}
/* foot */
.foot{
background-color: #222222;
}
.foot .zong{
display: flex;
justify-content: space-between;
}
.foot1{
padding: 65px 0;
position: relative;
z-index: 1;
}
.foot1::before{
content: "";
background: no-repeat center;
background-size: cover;
background-color: #6ebe52;
position: absolute;
right: 0;
top: 0;
z-index: -1;
border-radius: 0px 0px 0px 64px;
width: 57.5%;
height: 100%;
}
.fo1{
width: 400px;
padding-top: 58px;
}
.fo2{
padding: 36px 51px 42px;
width: 787px;
background-color: #ffffff;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
border-radius: 10px;
transform: translatex(106px);
}
.foul-bt{
font-size: 16px;
line-height: 28px;
color: #989898;
}
.foul{
margin-top: 30px;
}
.foul li{
margin-bottom: 16px;
}
.foul-nr{
font-size: 18px;
line-height: 28px;
color: #fff;
}
.foul-nr a{
color: #fff;
}
.fo-tel{
margin-top: 22px;
font-weight: bold;
font-size: 32px;
line-height: 44px;
color: #6ebe52;
}
.fo-tel i{
font-weight: initial;
display: inline-block;
font-size: 30px;
transform: rotate(90deg);
}
.fobiao{
font-weight: bold;
font-size: 24px;
line-height: 30px;
color: #222222;
}
.fo-nr{
margin-top: 6px;
}
.fo-bd{
margin-top: 26px;
}
.fo-bd form{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fo-bd form>div{
width: 48.6842%;
margin-bottom: 20px;
}
.fo-bd form>div.chang{
width: 100%;
}
.fo-bd input,
.fo-bd textarea{
padding: 11px 12px;
width: 100%;
font-size: 16px;
line-height: 30px;
color: #666;
border-radius: 1px;
border: solid 1px #dddddd;
background-color: transparent;
border-radius: 5px;
}
.fo-bd input:focus,
.fo-bd textarea:focus{
border-color: #6ebe52;
}
.fo-bd textarea{
height: 106px;
}
.fo-bd .fo-btm{
display: flex;
}
.fo-bd .yz{
position: relative;
flex: 1;
}
.fo-bd .yz input{
padding-right: 140px;
}
.fo-bd .yzm{
position: absolute;
top: 1px;
right: 1px;
width: 134px;
height: calc(100% - 2px);
border-radius: 5px;
overflow: hidden;
}
.fo-bd .fo-btn {
margin-left: 42px;
width: 197px;
flex-shrink: 0;
}
.fo-bd .fo-btn input{
background-color: #6ebe52;
color: #fff;
cursor: pointer;
transition: .5s;
}
.fo-bd .fo-btn input:hover{
background-color: #fff;
color: #6ebe52;
}
.foot2{
padding-top: 30px;
padding-bottom: 30px;
}
.fop{
font-size: 16px;
line-height: 30px;
color: #989898;
}
.fop p,
.fop a{
color: #989898;
}
.fop a {
display: inline-block;
}
.social-media{
display: flex;
gap: 5px;
transform: translatex(106px);
}
@media screen and (max-width:1650px) {
.fo2,
.social-media{
transform: initial;
}
.fo2{
width: 56.214%;
}
}
@media screen and (max-width:1300px) {
.fo-bd .fo-btm{
flex-wrap: wrap;
}
.fo-bd .yz,
.fo-bd .fo-btn{
width: 100%;
}
.fo-bd .fo-btn{
margin-left: 0;
margin-top: 20px;
}
}
@media screen and (max-width:999px) {
.foot1{
padding: 20px 0;
}
.fo1{
display: none;
}
.fo2{
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.fo2{
padding: 20px;
}
.fo-bd input, .fo-bd textarea{
padding: 5px 12px;
}
.fo-bd form>div{
margin-bottom: 10px;
}
.fo-bd .fo-btn{
margin-top: 10px;
}
.foot2{
padding-top: 10px;
padding-bottom: 60px;
}
.foot2 .zong{
flex-direction: column-reverse;
align-items: center;
gap: 10px 0;
}
.fobiao{
font-size: 20px;
}
.fo-bd{
margin-top: 20px;
}
}
@media screen and (max-width:767px){
.fobiao{
font-size: 18px;
}
.fo-bd input, .fo-bd textarea,
.fop{
font-size: 14px;
line-height: 26px;
}
}
/* lianxi */
.contact-us {
position: fixed;
width: 48px;
right: 0px;
top: 70%;
transform: translatey(-70%);
z-index: 99999;
display: none;
background-color: #6ebe52;
border-radius: 24px;
padding: 20px 0;
}
.contacth {
display: block;
}
.contact-us div a {
display: flex;
flex-direction: column;
width: 48px;
height: 54px;
text-align: center;
line-height: 54px;
font-size: 20px;
margin-top: 2px;
border-radius: 6px;
cursor: pointer;
color: #fff;
position: relative;
}
.contact-us span{
position: absolute;
left: 100%;
top: 0;
width: 180px;
height: 100%;
font-size: 16px;
line-height: 30px;
display: flex;
align-items: center;
transition: .5s;
background-color: #6ebe52;
color: #fff;
z-index: -1;
padding: 0 10px;
border-radius: 5px;
}
@media screen and (min-width:1000px) {
.contact-us a:hover span{
left: 0;
transform: translatex(-100%);
}
}
.weixin {
position: relative;
cursor: pointer;
}
.weixin img {
position: absolute;
width: 149px;
height: 150px;
max-width: none;
top: 0px;
left: -149px;
display: none;
}
.weixin:hover img {
display: block;
}
.weixin2,
.tankuang {
display: none
}
.tankuang {
position: absolute;
bottom: 50px;
left: 50% !important;
margin-left: -75px;
}
.tankuang img {
display: block;
position: relative;
width: 150px;
height: 150px;
left: auto;
margin: auto;
}
.contact-us div a:hover {
}
.clear2 {
display: none
}
@media screen and (max-width:999px) {
.fsl {
display: none
}
.contact-us {
width: 100%;
right: auto;
top: auto;
margin: auto;
left: 0px;
bottom: 0px;
transform: translatey(0);
display: flex;
padding: 0;
}
.contact-us div {
flex: 1;
float: left;
}
.contact-us div a {
margin: auto;
width: 100%;
background: #6ebe52;
color: #fff;
height: 40px;
line-height: 40px;
border-radius: 0px;
}
.contact-us .top img{
width: 40px;
}
.weixin2 {
display: block
}
.weixin1 {
display: none
}
.contact-us span{
left: 0;
display: none;
}
.contact-us a:hover span{
transform: translatey(-100%);
}
}
@media screen and (max-width:600px) {
.tankuang{
left: 0 !important;
margin-left: 0;
}
}
/* --------------------2-1---------------------- */
.fybanz{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.fyban-bt{
font-weight: bold;
font-size: 30px;
line-height: 44px;
}
.fyban-nr{
margin-top: 8px;
font-size: 20px;
line-height: 30px;
}
@media screen and (max-width:1400px) {
.fyban-bt{
font-size: 24px;
line-height: 30px;
}
.fyban-nr{
font-size: 18px;
line-height: 30px;
}
}
@media screen and (max-width:999px) {
.fyban-bt{
font-size: 20px;
}
.fyban-nr{
font-size: 16px;
}
}
/* mbx */
.mbx{
border-bottom: 1px solid #dddddd;
background-color: #fff;
}
.mbx .zong{
display: flex;
justify-content: space-between;
gap: 20px;
}
.fenytop {
padding: 22px 0;
font-size: 16px;
line-height: 30px;
text-align: right;
margin-left: auto;
flex-shrink: 0;
}
.fenytop,
.fenytop a {
display: inline-block;
color: #333;
}
.fenytop a:hover {
color: #6ebe52;
}
.fenytop .fydq {
color: #6ebe52;
}
@media screen and (max-width:999px) {
.fenytop {
padding: 5px 0;
}
}
@media screen and (max-width:767px) {
.fenytop a {
font-size: 14px;
line-height: 26px;
}
.fybanner{
display: none;
}
}
@media screen and (min-width:1000px) {
.proyiji{
display: block !important;
}
}
/* a1m1 */
.a1-top{
display: flex;
flex-wrap: wrap;
font-size: 18px;
line-height: 30px;
gap: 20px 48px;
}
.a1-top a{
display: block;
padding: 22px 0;
position: relative;
}
.a1-top a::after{
content: "";
width: 0;
height: 4px;
background-color: #6ebe52;
position: absolute;
bottom: 0;
left: 0;
transition: .5s;
}
.a1-dq a{
color: #6ebe52;
}
.a1-top a:hover::after,
.a1-top .a1-dq a::after{
width: 100%;
}
@media screen and (min-width:1000px) {
.a1m1{
padding-top: 88px;
padding-bottom: 110px;
}
.a1m1 .m1-l{
padding-top: 72px;
width: 43.5%;
}
.a1m1 .m1-nr{
line-height: 28px;
}
.a1m1 .m1-xxq{
bottom: 70px;
}
}
.m-bj{
background-color: #f7f7f7;
}
/* a1m2 */
@media screen and (min-width:1000px) {
.a1m2{
padding-top: 96px;
padding-bottom: 92px;
}
}
.m-lb{
position: relative;
}
.a1m2-lb{
margin-top: 52px;
}
.a1m2-lb .sw-btn>div{
position: absolute;
top: 60px;
}
.a1m2-lb .a1m2-prev{
left: 0;
transform: translate(-132%,-50%);
}
.a1m2-lb .a1m2-next{
right: 0;
transform: translate(132%,-50%);
}
.a1m2-lb::before{
content: "";
width: 100%;
height: 4px;
background: radial-gradient(circle,#ddd 80%,transparent);
border-radius: 1px;
position: absolute;
left: 0;
top: 60px;
}
.a1m2-sw{
padding: 10px;
}
.a1m2-sw .swiper-slide{
height: auto;
}
.a1m2-sw .swiper-slide>div{
display: flex;
flex-direction: column;
height: 100%;
}
.a1m2-num{
font-weight: bold;
font-size: 24px;
line-height: 30px;
color: #6ebe52;
}
.a1m2-circl{
width: 16px;
height: 16px;
border: solid 1px #6ebe52;
background-color: #f7f7f7;
margin: 0 auto;
margin-top: 14px;
border-radius: 50%;
background-clip: content-box;
position: relative;
}
.a1m2-circl::after{
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background-color: #6ebe52;
z-index: 1;
}
.a1m2-circl::before{
content: "";
width: 1px;
height: 40px;
background-color: #6ebe52;
border-radius: 1px;
display: block;
position: absolute;
top: 100%;
left: 50%;
transform: translatex(-50%);
}
.a1m2-nr{
margin-top: 40px;
background-color: #ffffff;
box-shadow: 0px 0px 10px 2px rgba(13, 14, 67, 0.1);
border-radius: 8px;
padding: 12px 26px 18px;
line-height: 28px;
flex: 1;
}
.a1m2-nr em{
font-style: initial;
color: #6ebe52;
}
/* a1m3 */
@media screen and (min-width:1000px) {
.a1m3{
padding-top: 100px;
padding-bottom: 62px;
}
}
.a1m3{
background-color: #6ebe52;
border-radius: 0px 64px 0px 0px;
}
.m4-top .sw-btn{
display: flex;
gap: 10px;
}
.a1m3 .m4-top .sw-btn>div:hover{
background-color: #fff;
color: #6ebe52;
}
.a1m3-lb{
padding-top: 34px;
}
.a1m3-xbt{
margin-top: 16px;
font-size: 20px;
line-height: 30px;
text-align: center;
}
/* a1m4 */
@media screen and (min-width:1000px) {
.a1m4{
padding-top: 80px;
padding-bottom: 102px;
}
}
.a1m4-nr{
margin-top: 8px;
}
.a1m4-xq{
margin-top: 48px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.a1m4-l{
width: 31.7857%;
}
.a1m4-xxq{
position: relative;
overflow: hidden;
}
.a1m4-dnr{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 26px 40px 26px 60px;
background: linear-gradient(to top,rgba(0,0,0,0.7),transparent);
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 223px;
max-height: 100%;
}
.a1m4-l .a1m4-dnr{
padding: 44px;
}
.a1m4-xbt{
font-weight: bold;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}
.a1m4-r{
width: 67.0714%;
}
.a1m4-r-xq{
height: 100%;
display: flex;
justify-content: space-between;
align-content: space-between;
flex-wrap: wrap;
}
.a1m4-r-xq li{
width: 48.66879%;
}
.a1m4-l .a1m4-xxq{
border-radius: 64px 0px 0px 0px;
}
.a1m4-l .a1m4-xxq{
border-radius: 64px 0px 0px 0px;
}
.a1m4-r-xq li:nth-child(4n 1) .a1m4-xxq{
border-radius: 0px 0px 64px 0px;
}
.a1m4-r-xq li:nth-child(4n 2) .a1m4-xxq{
border-radius: 0px 0px 0px 64px;
}
.a1m4-r-xq li:nth-child(4n 3) .a1m4-xxq{
border-radius: 0px 64px 0px 0px;
}
.a1m4-r-xq li:nth-child(4n) .a1m4-xxq{
border-radius: 64px 0px 0px 0px;
}
/* a1m5 */
@media screen and (min-width:1000px) {
.a1m5{
}
.a1m5-dxq li{
padding: 106px 0;
}
.a1m5-dxq li:nth-child(2n){
padding: 122px 0 128px;
}
.a1m5-nr{
line-height: 28px;
}
.a1m5-dxq li:nth-child(2n) .a1m5-nr{
margin-top: 4px;
}
.a1m5-dxq li:nth-child(2n) .a1m5-nr em{
line-height: 36px;
}
}
.a1m5-dxq li:nth-child(2n 1){
background-color: #222222;
border-radius: 64px 0px 0px 0px;
}
.a1m5-xq{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.a1m5-dxq li:nth-child(2n) .a1m5-xq{
flex-direction: row-reverse;
}
.a1m5-l{
width: 43.5714%;
}
.a1m5-nr{
margin-top: 30px;
}
.a1m5-nr em{
font-style: initial;
color: #333;
display: flex;
}
.a1m5-nr em::before{
content: "";
margin-top: 5px;
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 50%;
background: no-repeat center;
background-size: 100% 100%;
flex-shrink: 0;
}
.a1m5-dxq li:nth-child(2n 1) .m1-bt,
.a1m5-dxq li:nth-child(2n 1) .a1m5-nr em{
color: #fff;
}
.a1m5-r{
width: 50%;
}
.a1m5-img{
border-radius: 64px 0px 0px 0px;
overflow: hidden;
}
.a1m5-dxq li:nth-child(2n) .a1m5-img{
border-radius: 0px 0px 64px 0px;
}
@media screen and (max-width:1600px) {
.a1m2-lb .a1m2-prev{
transform: translate(-120%,-50%);
}
.a1m2-lb .a1m2-next{
transform: translate(120%,-50%);
}
}
@media screen and (max-width:1400px) {
.a1m4-dnr{
padding: 20px !important;
}
.a1-top{
gap: 10px 20px;
}
}
@media screen and (max-width:999px){
.a1m2-lb{
margin-top: 20px;
}
.a1m2-lb .sw-btn{
margin-top: 20px;
display: flex;
justify-content: center;
gap: 20px;
}
.a1m2-lb .sw-btn>div{
position: initial;
transform: initial;
}
.a1m3-xbt{
font-size: 18px;
margin-top: 5px;
}
.a1m3-lb{
padding-top: 20px;
}
.a1-top{
font-size: 16px;
}
.mbx .zong{
flex-direction: column-reverse;
gap: 10px;
}
.a1m4-xq{
margin-top: 20px;
}
.a1m4-l,
.a1m4-r{
width: 100%;
}
.a1m4-l .a1m4-dnr{
justify-content: center;
}
.a1m4-l .a1m4-img {
max-width: 200px;
}
.a1m4-r{
margin-top: 20px;
}
.a1m4-l .a1m4-xxq{
width: 100%;
}
.a1m4-xxq{
height: 100%;
display: flex;
}
.a1m4-r .a1m4-xxq{
flex-direction: column;
}
.a1m4-r-xq{
gap: 20px 0;
}
.a1m4-dnr{
position: initial;
background: #222;
height: auto;
flex: 1;
justify-content: flex-start;
}
.a1m5-l{
width: 100%;
margin-bottom: 20px;
}
.a1m5-r{
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.a1m5-nr{
margin-top: 20px;
}
.a1-top a{
padding: 5px 0;
}
}
@media screen and (max-width:767px){
.a1-top{
font-size: 14px;
}
.a1m3-xbt{
font-size: 14px;
line-height: 26px;
}
}
@media screen and (max-width:480px) {
.a1m4-l .a1m4-xxq{
display: block;
}
.a1m4-l .a1m4-img{
max-width: initial;
}
.a1m4-r-xq li{
width: 100%;
}
.a1m4-xxq{
border-radius: 0 !important;
}
}
/* ---------------------2-2---------------------- */
/* a2m1 */
@media screen and (min-width:1000px) {
.a2m1{
padding-top: 66px;
padding-bottom: 96px;
}
.a2m2{
padding-bottom: 110px;
}
.a2m2 .a1m5-xq{
align-items: flex-start;
}
.a2m2 .a1m5-l{
padding-top: 46px;
}
}
.a2m1-xq{
margin-top: 46px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.a2m1-l{
width: 54.7142857%;
}
.a2m1-r{
width: 41.142857%;
padding-top: 30px;
padding-bottom: 100px;
}
.a2m1-xbt{
font-size: 22px;
line-height: 36px;
color: #222222;
}
.a2m1-time{
margin-top: 18px;
font-size: 16px;
line-height: 30px;
color: #989898;
}
.a2m1-lb .sw-btn{
position: absolute;
left: 58.7857%;
bottom: 35px;
z-index: 9;
display: flex;
gap: 14px;
}
/* a2m2 */
.a2m2-bt{
font-weight: bold;
font-size: 28px;
line-height: 30px;
}
.a2m2-img{
border-radius: 0px 0px 64px 0px;
overflow: hidden;
}
@media screen and (max-width:999px) {
.a2m1-xq{
margin-top: 20px;
}
.a2m1-r{
padding-top: 0;
}
.a2m1-xbt{
font-size: 18px;
line-height: 30px;
}
.a2m2-bt{
font-size: 24px;
}
}
@media screen and (max-width:767px) {
.a2m1-l,
.a2m1-r{
width: 100%;
}
.a2m1-r{
margin-top: 20px;
padding-bottom: 0;
}
.a2m1-lb .sw-btn{
margin-top: 20px;
position: initial;
justify-content: center;
}
.a2m1-xbt{
font-size: 16px;
}
.a2m1-time{
margin-top: 10px;
font-size: 14px;
line-height: 26px;
}
.a2m2-bt{
font-size: 20px;
}
}
/* ----------------------3-1-------------------- */
/* p1m1 */
@media screen and (min-width:1000px) {
.p1m1{
padding-top: 12px;
padding-bottom: 52px;
}
.p1m1-nr{
line-height: 28px;
}
}
.p1m1-xq li{
padding: 42px 0;
}
.p1m1-bt{
font-weight: bold;
font-size: 30px;
line-height: 36px;
}
.p1m1-nr{
margin-top: 16px;
}
.p1m1-lb{
margin-top: 24px;
}
.p1m1-lb .sw-btn>div{
position: absolute;
top: 50%;
z-index: 9;
}
.p1m1-lb .m-prev{
left: 0;
transform: translate(-125%,-50%);
}
.p1m1-lb .m-next{
right: 0;
transform: translate(125%,-50%);
}
@media screen and (max-width:999px) {
.p1m1-xq li{
padding: 20px 0;
}
.p1m1-lb .sw-btn{
display: flex;
gap: 10px;
justify-content: center;
}
.p1m1-lb .sw-btn>div{
margin-top: 20px;
position: initial;
transform: initial;
}
.p1m1-bt{
font-size: 24px;
line-height: 30px;
}
}
@media screen and (max-width:767px) {
.p1m1-bt{
font-size: 20px;
line-height: 30px;
}
}
/* ---------------------3-3--------------------- */
/* p2m1 */
@media screen and (min-width:999px) {
.p2m1{
padding-top: 52px;
}
.p2m1-nr{
line-height: 28px;
}
.p2m1-btm{
padding-top: 64px;
padding-bottom: 64px;
}
.p2m1-btm .p2m1-nr{
margin-top: 8px;
}
}
.p2m1-bt,.p2m1-nr p strong{
font-weight: bold;
font-size: 28px;
line-height: 36px;
margin-top: -18px;
}
.p2m1-nr{
margin-top: 18px;
}
.p2m1-t-btm{
margin-top: 44px;
display: flex;
}
.p2m1-t-btm li{
position: relative;
padding: 16px 30px 14px;
min-width: 310px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.p2m1-t-btm li:first-child{
padding-left: 0;
min-width: 247px;
}
.p2m1-t-btm li::before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #dddddd;
}
.p2m1-t-btm li:first-child::before{
display: none;
}
.p2m1-xq{
margin-top: 78px;
}
.p2m1-xq>li{
padding: 100px 0 140px;
}
.p2m1-xq>li:nth-child(2n 1){
background-color: #f7f7f7;
border-radius: 64px 1px 1px 1px;
}
.p2m1-sec-top{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.p2m1-sec-l{
width: 41.42857%;
}
.p2m1-xbt{
display: inline-block;
padding: 21px 38px;
background-color: #6ebe52;
border-radius: 32px 0px 0px 0px;
font-size: 24px;
line-height: 30px;
color: #ffffff;
font-weight: bold;
margin-bottom: 6px;
text-align: center;
min-width: 220px;
}
.p2m1-sec-r{
width: 49.0714%;
}
.p2m1-img{
border-radius: 0px 0px 64px 0px;
overflow: hidden;
}
.p2m1-pro{
margin-top: 30px;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 34px 37px;
}
.p2m1-pro li{
padding: 30px 30px;
position: relative;
transition: .5s;
}
.p2m1-pro li::before{
content: "";
width: 0;
height: 8px;
background-color: #6ebe52;
position: absolute;
right: 0;
top: 0;
transition: .5s;
}
.p2m1-pro li:hover{
background-color: #fff;
box-shadow: 0px 0px 18px 2px rgba(13, 14, 67, 0.1);
border-radius: 32px 0px 0px 0px;
}
.p2m1-pro li:hover::before{
width: calc(100% - 30px);
}
.p2m1-line{
margin-top: 18px;
width: 100%;
height: 1px;
background-color: #dddddd;
border-radius: 1px;
}
.p2m1-pro-bt{
font-size: 22px;
line-height: 28px;
}
.p2m1-pro .p2m1-nr{
margin-top: 14px;
}
.p2m1-btm{
background-color: #6ebe52;
border-radius: 0px 0px 64px 0px;
}
.p2m1-btm-bt{
font-size: 20px;
line-height: 30px;
font-weight: bold;
}
/* p2m2 */
@media screen and (min-width:1000px) {
.p2m2{
padding-top: 125px;
padding-bottom: 113px;
}
}
.p2m2-lb{
margin-top: 22px;
}
@media screen and (max-width:1400px) {
.p2m1-t-btm li{
min-width: initial !important;
}
.p2m1-pro li{
padding: 20px;
}
}
@media screen and (max-width:999px) {
.p2m1-bt{
font-size: 24px;
line-height: 30px;
}
.p2m1-t-btm{
margin-top: 20px;
}
.p2m1-t-btm li{
padding: 10px 20px !important;
}
.p2m1-xq{
margin-top: 30px;
}
.p2m1-xq>li{
padding: 20px 0;
}
.p2m1-xbt{
padding: 5px 20px;
font-size: 20px;
margin-bottom: 0;
}
.p2m1-pro{
gap: 20px;
margin-top: 20px;
}
.p2m1-pro-bt{
font-size: 18px;
}
.p2m1-line{
margin-top: 10px;
}
.p2m1-nr,
.p2m1-pro .p2m1-nr{
margin-top: 10px;
}
}
@media screen and (max-width:767px) {
.p2m1-xbt{ border-radius:0px;}
.p2m1-bt{
font-size: 20px;
}
.p2m1-t-btm {
display: grid;
grid-template-columns: repeat(2,1fr);
}
.p2m1-t-btm li::before{
display: none;
}
.p2m1-xbt{
font-size: 18px;
}
.p2m1-pro-bt{
font-size: 16px;
}
.p2m1-pro{
grid-template-columns: repeat(2,1fr);
gap: 0;
}
.p2m1-pro li{
padding: 10px 20px;
}
}
@media screen and (max-width:480px){
.p2m1-pro{
grid-template-columns: repeat(1,1fr);
}
.p2m1-sec-l,
.p2m1-sec-r{
width: 100%;
}
.p2m1-sec-r{
margin-top: 20px;
}
}
/* ---------------------4---------------------- */
/* q1m1 */
@media screen and (min-width:1000px) {
.q1m1{
padding-top: 76px;
padding-bottom: 104px;
}
.q1m1-nr{
line-height: 28px;
}
}
.q1m1-xq>li{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.q1m1-xq>li:nth-child(2n){
flex-direction: row-reverse;
}
.q1m1-l{
width: 50%;
}
.q1m1-img{
border-radius: 0px 64px 0px 0px;
overflow: hidden;
}
.q1m1-xq>li:nth-child(2n) .q1m1-img{
border-radius: 0px 0px 0px 64px;
}
.q1m1-r{
width: 43%;
}
.q1m1-xxq {
margin-top: 18px;
font-size: 16px;
line-height: 30px;
display: grid;
gap: 6px 0;
}
.q1m1-xxq li,.q1m1-xxq p{
display: flex;color:#333;
}
.q1m1-xxq li::before,.q1m1-xxq p::before{
content: "";
margin-top: 5px;
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 50%;
background: no-repeat center;
background-size: 100% 100%;
flex-shrink: 0;
}
.q1m1-nr{
margin-top: 16px;
}
.q1m1-xxq em,.q1m1-xxq p em{
font-style: initial;
color: #6ebe52;
}
/* q1m2 */
@media screen and (min-width:1000px) {
.q1m2{
padding-top: 82px;
padding-bottom: 102px;
}
.q1m2-nr{
line-height: 28px;
}
}
.q1m2{
background-color: #6ebe52;
border-radius: 0px 64px 0px 0px;
}
.q1m2-nr{
max-width: 940px;
margin: 0 auto;
margin-top: 28px;
}
.q1m2-xxq{
margin-top: 46px;
display: flex;
justify-content: center;
}
.q1m2-xxq li{
position: relative;
padding: 16px 20px 14px;
min-width: 310px;
}
.q1m2-xxq li::before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #fff;
opacity: 0.3;
}
.q1m2-xxq li:first-child::before{
display: none;
}
.q1m2-xxq .m1-num{
color: #fff;
}
.q1m2-xxq .m1-num span{
color: #fff;
}
.q1m2-img{
margin-top: 76px;
}
/* q1m3 */
@media screen and (min-width:1000px) {
.q1m3{
padding-top: 105px;
padding-bottom: 110px;
}
}
.q1m1-nr em{
font-style: initial;
color: #6ebe52;
}
.q1m3 .q1m1-xq{
display: grid;
gap: 100px 0;
}
.q1m3-img{
border-radius: 64px 0px 0px 0px;
overflow: hidden;
}
.q1m1-xq>li:nth-child(2n) .q1m3-img{
border-radius: 0px 0px 64px 0px;
}
.q1m3-logo{
margin-top: 34px;
display: flex;
flex-wrap: wrap;
gap: 24px 60px;
}
/* q1m4 */
@media screen and (min-width:1000px) {
.q1m4{
padding-top: 66px;
padding-bottom: 92px;
}
.q1m4-nr{
line-height: 28px;
}
}
.q1m4{
background-color: #f7f7f7;
border-radius: 64px 0px 0px 0px;
}
.q1m4-xq{
margin-top: 46px;
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 20px;
}
.q1m4-xbt{
font-weight: bold;
font-size: 20px;
line-height: 28px;
}
.q1m4-nr{
margin-top: 9px;
}
.q1m4-nr em{
font-style: initial;
}
.q1m4-nr em::before{
content: "";
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 50%;
background: no-repeat center;
background-size: 100% 100%;
flex-shrink: 0;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width:1400px) {
.q1m2-xxq li{
min-width: 200px;
}
}
@media screen and (max-width:999px) {
.q1m1-l,
.q1m1-r{
width: 100%;
}
.q1m1-l{
max-width: 500px;
margin: 0 auto;
}
.q1m1-r{
margin-top: 20px;
}
.q1m1-xq{
display: grid;
gap: 20px 0;
}
.q1m2-xxq{
margin-top: 20px;
}
.q1m2-xxq li{
min-width: initial;
}
.q1m2-img{
margin-top: 30px;
}
.q1m3 .q1m1-xq{
gap: 30px 0;
}
.q1m4-xq{
margin-top: 20px;
}
.q1m4-xbt{
font-size: 18px;
}
}
@media screen and (max-width:767px) {
.q1m1-xxq{
font-size: 14px;
line-height: 26px;
}
.q1m2-xxq{
display: grid;
grid-template-columns: repeat(2,1fr);
}
.q1m2-xxq li::before{
display: none;
}
.q1m4-xq{
grid-template-columns: repeat(1,1fr);
}
.q1m4-xbt{
font-size: 16px;
}
}
@media screen and (max-width:480px) {
.q1m2-xxq li{
padding: 10px;
}
}
/* ---------------------6---------------------- */
/* fy */
.fy {
margin-top: 76px;
width: 100%;
text-align: center;
}
.fy i {
font-size: 16px;
}
.fy a {
width: 52px;
height: 52px;
line-height: 52px;
background-color: #222222;
border-radius: 5px;
margin: 0 7px 5px;
display: inline-block;
text-align: center;
color: #fff;
cursor: pointer;
font-size: 16px;
vertical-align: middle;
}
.fy a:hover i {
color: #fff;
}
.fy .fyxz,
.fy a:hover {
text-decoration: none;
color: #fff;
background: #6ebe52;
}
.fy .sc {
width: initial;
border: none;
vertical-align: middle;
background-color: initial;
margin-left: 0px;
}
.fy .sc:hover {
border: none;
}
.fy .sc input {
transition: .3s;
height: 100%;
font-size: 16px;
line-height: 20px;
cursor: pointer;
color: #999;
background-color: transparent;
padding: 0 14px;
}
.fy .sc i {
font-size: 18px;
line-height: 20px;
color: #999;
}
.fy .sc:hover {
background: none;
}
.fy .sc:hover i {
color: #6ebe52;
}
.fy .sc:hover input {
color: #6ebe52;
}
@media screen and (max-width:999px) {
.fy{
margin-top: 20px;
}
.fy a {
width: 30px;
height: 30px;
line-height: 30px;
margin: 2px;
}
.fy i {
font-size: 12px;
}
.fy .sc i {
font-size: 14px;
}
.fy {
display: block;
text-align: center;
}
}
@media screen and (max-width:767px) {
.fy .sc input {
font-size: 14px;
}
.fy a {
font-size: 14px;
}
}
/* i1m2 */
@media screen and (min-width:1000px) {
.i1m2{
padding-top: 76px;
}
}
.i1m2-xq{
margin-top: 36px;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 50px 30px;
}
.i1m2-xq li{
padding: 68px 30px 54px;
background-color: #ffffff;
box-shadow: 0px 0px 28px 2px rgba(13, 14, 67, 0.1);
border-radius: 32px 0px 0px 0px;
position: relative;
}
.i1m2-xq li::before{
content: "";
width: 0;
height: 8px;
background-color: #6ebe52;
position: absolute;
top: 0;
right: 0;
transition: .5s;
}
.i1m2-xq li:hover::before{
width: calc(100% - 30px);
}
.i1m2-xbt{
font-weight: bold;
font-size: 20px;
line-height: 30px;
color: #222;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 60px;
}
.i1m2-xbt a{
color: #222;
}
.i1m2-xbt a:hover{
color: #6ebe52;
}
.i1m2-xq .m4-nr{
margin-top: 18px;
}
@media screen and (max-width:1400px) {
.i1m2-xq li{
padding: 20px;
}
}
@media screen and (max-width:999px) {
.i1m2-xq{
margin-top: 30px;
gap: 20px;
}
.i1m2-xbt{
font-size: 18px;
}
}
@media screen and (max-width:767px) {
.i1m2-xbt{
font-size: 16px;
}
.i1m2-xq{
grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width:480px) {
.i1m2-xq{
grid-template-columns: repeat(1,1fr);
}
}
/* --------------------7---------------------- */
/* f1m1 */
@media screen and (min-width:1000px) {
.f1m1{
padding-top: 76px;
padding-bottom: 110px;
}
}
/* faq */
.faq{
padding-bottom: 12px;
}
.faq li{
background-color: #ffffff;
margin-bottom: 22px;
}
.faq li:last-child{
margin-bottom: 0;
}
.faqtop{
padding: 14px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f2f2f2;
border-radius: 16px 0px 0px 0px;
cursor: pointer;
}
.faqtop p{
display: flex;
font-size: 18px;
line-height: 30px;
vertical-align: middle;
color: #222;
}
.faqtop span{
width: 28px;
height: 28px;
line-height: 28px;
background-color: #ffffff;
border-radius: 5px;
font-size: 14px;
color: #6ebe52;
text-align: center;
flex-shrink: 0;
margin-right: 10px;
}
.faqnr{
padding: 10px 14px 0;
display: none;
}
.faqnr>div{
display: flex;
}
.faqnr span{
width: 28px;
height: 28px;
line-height: 28px;
background-color: #6ebe52;
border-radius: 5px;
font-size: 14px;
color: #fff;
text-align: center;
flex-shrink: 0;
margin-right: 10px;
}
.faqnr p{
font-size: 16px;
line-height: 30px;
color: #666666;
}
.faqx{
display: none;
}
.aq .faqx{
display: block;
}
.aq .faqy{
display: none;
}
@media screen and (max-width:999px) {
.faq{
padding-bottom: 0;
}
.faqtop p{
font-size: 16px;
}
.faqtop span{
font-size: 16px;
}
.faqtop,
.faqnr{
padding: 10px;
}
.faqnr p{
font-size: 14px;
line-height: 26px;
}
.faq li{
margin-bottom: 20px;
}
}
@media screen and (max-width:767px) {
.faq li{
margin-bottom: 10px;
}
.faqtop p{
font-size: 14px;
line-height: 26px;
}
}
/* ---------------------7-2---------------------- */
/* d1m1 */
@media screen and (min-width:1000px) {
.d1m1{
padding-top: 76px;
padding-bottom: 104px;
}
}
.d1m1-search form{
width: 100%;
max-width: 689px;
margin: 0 auto;
display: flex;
background-color: #ffffff;
box-shadow: 0px 0px 18px 2px rgba(13, 14, 67, 0.1);
border-radius: 10px;
overflow: hidden;
position: relative;
z-index: 1;
}
.d1m1-sou{
font-size: 16px;
line-height: 30px;
padding: 14px 16px;
width: 100%;
color: #666;
}
.d1m1-suo{
width: 56px;
height: 56px;
flex-shrink: 0;
background-color: transparent;
cursor: pointer;
}
.d1m1-search .d1m1-sou1{
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
position: absolute;
z-index: -1;
right: 0;
top: 0;
font-size: 30px;
transition: .5s;
}
.d1m1-suo:hover .d1m1-sou1{
color: #6ebe52;
}
.d1m1-search ::-webkit-input-placeholder {
color: #666;
}
.d1m1-search :-o-placeholder {
color: #666;
}
.d1m1-search ::-moz-placeholder {
color: #666;
}
.d1m1-search :-ms-input-placeholder {
color: #666;
}
.d1m1-dow{
margin-top: 60px;
padding-bottom: 44px;
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 39px;
}
.d1m1-dow li{
background-color: #ffffff;
box-shadow: 0px 0px 17px 1px rgba(51, 51, 51, 0.08);
}
.d1m1-dow a{
padding: 44px 30px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
cursor: pointer;
gap: 20px;
}
.d1m1-dow a::before{
content: "";
width: 0;
height: 4px;
background-color: #6ebe52;
border-radius: 1px;
transition: .5s;
position: absolute;
bottom: 0;
left: 0;
}
.d1m1-dow a:hover::before{
width: 100%;
}
.d1m1-dow span{
font-size: 16px;
line-height: 30px;
color: #222;
}
.d1m1-dow img{
filter: grayscale(1);
width: 37px;
flex-shrink: 0;
}
.d1m1-dow a:hover img{
filter: initial;
}
@media screen and (max-width:999px) {
.d1m1-dow{
margin-top: 30px;
padding-bottom: 0;
gap: 20px;
}
.d1m1-dow a{
padding: 20px;
}
}
@media screen and (max-width:767px) {
.d1m1-dow{
grid-template-columns: repeat(1,1fr);
gap: 10px;
}
.d1m1-dow a{
padding: 10px 20px;
}
.d1m1-dow span{
font-size: 14px;
line-height: 26px;
}
.d1m1-sou{
padding: 5px 16px;
font-size: 14px;
}
.d1m1-suo,
.d1m1-search .d1m1-sou1{
width: 40px;
height: 40px;
line-height: 40px;
}
.d1m1-search .d1m1-sou1{
font-size: 20px;
}
.d1m1-dow img{
width: 30px;
}
}
/* -----------------------8------------------- */
/* n1m1 */
@media screen and (min-width:1000px) {
.n1m1{
padding-top: 76px;
padding-bottom: 104px;
}
.n1m1 .m4-xq{
padding-bottom: 30px;
}
}
.n1m1 .m4-xq{
margin-top: 0;
}
/* -------------------8-2-------------------- */
/* n2m1 */
@media screen and (min-width:1000px) {
.n2m1{
padding-top: 68px;
padding-bottom: 66px;
}
.n2m1-nr{
line-height: 28px;
}
}
.n2m1-bt{
font-weight: bold;
font-size: 28px;
line-height: 38px;
color: #222;
}
.n2m1-time{
margin-top: 16px;
padding-bottom: 14px;
font-size: 16px;
line-height: 28px;
color: #999999;
text-align: center;
border-bottom: 1px solid #ccc;
}
.n2m1-nr{
margin-top: 24px;
text-indent: 2em;
}
.n2m1-nr img{
max-width: calc(100% - 36px);
}
.n2m1-nr p:has( img ){
text-indent: 0;
}
.fanp{
margin-top: 30px;
padding-top: 24px;
border-top: 1px solid #cccccc;
}
.fanp li{
font-size: 16px;
line-height: 28px;
color: #666666;
}
.fanp li a{
color: #666;
}
.fanp li a:hover{
color: #6ebe52;
}
/* n2m2 */
@media screen and (min-width:1000px) {
.n2m2{
padding-bottom: 110px;
}
}
.n2m2 .m4-xq{
margin-top: 30px;
}
@media screen and (max-width:999px) {
.n2m1-time{
margin-top: 10px;
padding-bottom: 10px;
}
.n2m1-bt{
font-size: 24px;
line-height: 30px;
}
.fanp{
margin-top: 20px;
padding-top: 10px;
}
}
@media screen and (max-width:767px) {
.n2m1-time,
.fanp li{
font-size: 14px;
line-height: 26px;
}
.n2m1-bt{
font-size: 20px;
}
}
/* --------------------9----------------------- */
/* t1m1 */
@media screen and (min-width:1000px) {
.t1m1{
padding-top: 64px;
padding-bottom: 70px;
}
}
.t1m1-xq{
margin-top: 52px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.t1m1-l{
width: 31.42857%;
}
.t1m1-xq-nr{
font-size: 18px;
line-height: 32px;
opacity: 0.9;
}
.t1m1-r{
width: 61.142857%;
}
/* t1m2 */
@media screen and (min-width:1000px) {
.t1m2{
padding-bottom: 110px;
}
}
.t1m2-recruit{
margin-top: 32px;
border-radius: 32px 0px 0px 0px;
overflow: hidden;
}
.t1m2-recruit tr{
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
}
.t1m2-recruit tr td{
text-align: center;
font-size: 16px;
line-height: 30px;
min-width: 80px;
}
.t1m2-recruit tr td>p{
padding: 17px;white-space: nowrap;
}
.t1m2-recruit tr:first-child{
background-color: #6ebe52;
}
.t1m2-recruit tr:first-child td{
color: #fff;
font-size: 18px;
}
.t1m2-recruit tr:first-child td p{
color: #fff;
padding: 23px;
}
.t1m2-recruit tr td:first-child{
text-align: left;
min-width: 160px;
}
.t1m2-recruit tr td:first-child>p{
padding-left: 50px;
}
.t1m2-sub,
.t1m2-add{
font-size: 32px;
line-height: 30px;
cursor: pointer;
}
.t1m2-add{
color: #a4a5b1;
}
.t1m2-sub,
.t1m2-btmh .t1m2-add{
display: none;
}
.t1m2-btmh .t1m2-sub{
display: block;
}
.t1m2-wnr{
padding: 24px 50px;
text-align: left;
display: none;
}
.t1m2-dnr{
margin-bottom: 30px;
}
.t1m2-dnr:last-child{
margin-bottom: 0;
}
.t1m2-xbt{
font-weight: bold;
font-size: 20px;
line-height: 30px;
}
.t1m2-nr,
.t1m2-nr p{
color: #666;
}
@media screen and (max-width:999px) {
.t1m1-xq{
margin-top: 20px;
}
.t1m1-l,
.t1m1-r{
width: 100%;
}
.t1m1-r{
margin-top: 20px;
}
.t1m1-xq-nr{
font-size: 16px;
line-height: 30px;
}
.t1m2-recruit tr td>p{
padding: 10px 20px !important;
}
.t1m2-xbt{
font-size: 18px;
}
.t1m2-dnr{
margin-bottom: 20px;
}
}
@media screen and (max-width:767px){
.t1m2-recruit tr:first-child td{
font-size: 16px;
}
.t1m2-recruit tr td{
font-size: 14px;
}
.t1m2-wnr{
padding: 10px 20px;
}
.t1m2-xbt{
font-size: 16px;
}
.t1m1-xq-nr{
font-size: 14px;
line-height: 26px;
}
}
@media screen and (max-width:480px) {
.t1m2-recruit tr td>p{
padding: 10px !important;
}
}
/* ----------------------10--------------------- */
/* c1m1 */
@media screen and (min-width:1000px) {
.c1m1{
padding-top: 66px;
padding-bottom: 132px;
display:none;
}
}
.c1m1 .m3-lb{
margin-top: 52px;
}
/* c1m2 */
@media screen and (min-width:1000px) {
.c1m2{
padding-top: 433px;
padding-bottom: 118px;
}
}
.c1m2{
background: no-repeat center;
background-size: cover;
}
.c1m2-lb{
padding: 0 72px;
}
.c1m2-sw{
padding: 10px;
}
.c1m2-sw .swiper-slide{
background-color: #ffffff;
box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.08);
border-radius: 64px 0px 0px 0px;
padding: 50px 36px 46px;
transition: .5s;
}
.c1m2-sw .swiper-slide:hover{
background-color: #6ebe52;
}
.c1m2-xbt{
font-size: 24px;
line-height: 30px;
color: #222222;
transition: .5s;
}
.c1m2-lx{
margin-top: 42px;
display: grid;
gap: 26px 0;
}
.c1m2-lx li{
display: flex;
}
.c1m2-lx i{
flex-shrink: 0;
width: 55px;
height: 55px;
line-height: 55px;
background-color: #222222;
text-align: center;
color: #fff;
border-radius: 50%;
margin-right: 10px;
font-size: 24px;
font-style: initial;
}
.c1m2-lx-bt{
font-size: 20px;
line-height: 28px;
color: #989898;
transition: .5s;
}
.c1m2-lx-nr{
font-size: 16px;
line-height: 26px;
color: #222222;
transition: .5s;
}
.c1m2-lx-nr a{
color: #222;
}
.c1m2-lx-nr a:hover{
text-decoration: underline;
text-underline-offset: 4px
}
.c1m2-sw .swiper-slide:hover .c1m2-xbt,
.c1m2-sw .swiper-slide:hover .c1m2-lx-bt,
.c1m2-sw .swiper-slide:hover .c1m2-lx-nr,
.c1m2-sw .swiper-slide:hover .c1m2-lx-nr a{
color: #fff;
}
.c1m2-lb .sw-btn>div{
position: absolute;
top: 50%;
transform: translatey(-50%);
z-index: 9;
}
.c1m2-lb .c1m2-prev{
left: 15px;
}
.c1m2-lb .c1m2-next{
right: 15px;
}
/* c1m3 */
@media screen and (min-width:1000px) {
.c1m3{
padding-top: 124px;
padding-bottom: 110px;
}
}
.map{
border-radius: 64px 0px 64px 0px;
overflow: hidden;
}
@media screen and (max-width:1400px) {
.c1m2-sw .swiper-slide{
padding: 20px;
}
}
@media screen and (max-width:999px) {
.c1m1 .m3-lb{
margin-top: 20px;
}
.c1m2-lb{
padding: 0;
}
.c1m2-lb .sw-btn{
display: flex;
justify-content: center;
gap: 10px;
}
.c1m2-lb .sw-btn>div{
position: initial;
transform: initial;
}
.c1m2-lx{
margin-top: 20px;
gap: 10px;
}
.c1m2-lx i{
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
}
.c1m2-xbt{
font-size: 20px;
}
.c1m2-lx-bt{
font-size: 18px;
}
}
@media screen and (max-width:767px) {
.c1m2-xbt{
font-size: 18px;
}
.c1m2-lx-bt{
font-size: 16px;
}
.c1m2-lx-nr{
font-size: 14px;
}
.map{
border-radius: 30px 0px 30px 0px;
overflow: hidden;
}
}
.m-center {
text-align: center;
}
.m-white,
.m-white p,
.m-white a {
color: #fff;
}
.m-white a:hover {
color: #6ebe52;
}
/* zhengshu */
#baguettebox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #222;
background-color: rgba(0, 0, 0, .8);
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
z-index: 99999999999999999999999999999999999999;
}
#baguettebox-overlay.visible {
opacity: 1
}
#baguettebox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
#baguettebox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%
}
#baguettebox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
#baguettebox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, .6);
}
#baguettebox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px
}
#baguettebox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
-webkit-transition: left .4s ease, -webkit-transform .4s ease;
transition: left .4s ease, -moz-transform .4s ease;
transition: left .4s ease, transform .4s ease
}
#baguettebox-slider.bounce-from-right {
-webkit-animation: bouncefromright .4s ease-out;
animation: bouncefromright .4s ease-out
}
#baguettebox-slider.bounce-from-left {
-webkit-animation: bouncefromleft .4s ease-out;
animation: bouncefromleft .4s ease-out
}
.baguettebox-button#next-button,
.baguettebox-button#previous-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px
}
.baguettebox-button {
position: absolute;
cursor: pointer;
outline: 0;
padding: 0;
margin: 0;
border: 0;
-moz-border-radius: 15%;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, .5);
color: #ddd;
font: 1.6em sans-serif;
-webkit-transition: background-color .4s ease;
transition: background-color .4s ease;
}
.baguettebox-button:hover {
background-color: rgba(50, 50, 50, .9)
}
.baguettebox-button#next-button {
right: 2%
}
.baguettebox-button#previous-button {
left: 2%
}
.baguettebox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% 6px);
width: 30px;
height: 30px
}
.baguettebox-button svg {
position: absolute;
left: 0;
top: 0
}
.spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}
.double-bounce1,
.double-bounce2 {
width: 100%;
height: 100%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
opacity: .6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2s infinite ease-in-out;
animation: bounce 2s infinite ease-in-out
}
.double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s
}
@-webkit-keyframes bouncefromright {
0% {
margin-left: 0
}
50% {
margin-left: -30px
}
100% {
margin-left: 0
}
}
@keyframes bouncefromright {
0% {
margin-left: 0
}
50% {
margin-left: -30px
}
100% {
margin-left: 0
}
}
@-webkit-keyframes bouncefromleft {
0% {
margin-left: 0
}
50% {
margin-left: 30px
}
100% {
margin-left: 0
}
}
@keyframes bouncefromleft {
0% {
margin-left: 0
}
50% {
margin-left: 30px
}
100% {
margin-left: 0
}
}
@-webkit-keyframes bounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounce {
0%,
100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1)
}
}
.wuone{line-height: 38px; color: #989898; font-size: 18px;}
@font-face {
font-family: "iconfont";
font-display: swap;
src:
format('woff2'),
format('woff'),
format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-facebook4:before {
content: "\e88d";
}
.icon-linkedin1:before {
content: "\e812";
}
.icon-instagram2:before {
content: "\e88f";
}
.icon-facebook3:before {
content: "\e64e";
}
.icon-twitter2:before {
content: "\e7ff";
}
.icon-calendar3:before {
content: "\e8c5";
}
.icon-email3:before {
content: "\e92f";
}
.icon-twitter3:before {
content: "\e7fd";
}
.icon-twitter4:before {
content: "\e7fe";
}
.icon-fax2:before {
content: "\e622";
}
.icon-facebook1:before {
content: "\e6e5";
}
.icon-message1:before {
content: "\e633";
}
.icon-youtube2:before {
content: "\e880";
}
.icon-facebook2:before {
content: "\e617";
}
.icon-tel3:before {
content: "\e621";
}
.icon-calendar2:before {
content: "\e8b4";
}
.icon-tel2:before {
content: "\e643";
}
.icon-diqiu1:before {
content: "\e9ee";
}
.icon-wechat1:before {
content: "\e6c7";
}
.icon-tiktok:before {
content: "\e62e";
}
.icon-diqiu:before {
content: "\e642";
}
.icon-xiaoxiaojt:before {
content: "\ee74";
}
.icon-email2:before {
content: "\e601";
}
.icon-rise-full:before {
content: "\ea08";
}
.icon-home1:before {
content: "\e674";
}
.icon-youtube1:before {
content: "\e612";
}
.icon-home:before {
content: "\e624";
}
.icon-edit:before {
content: "\e611";
}
.icon-facebook:before {
content: "\e620";
}
.icon-pinterest:before {
content: "\e8ab";
}
.icon-linkedin:before {
content: "\e648";
}
.icon-youtube:before {
content: "\e6d6";
}
.icon-twitter:before {
content: "\e607";
}
.icon-bigger:before {
content: "\e647";
}
.icon-left:before {
content: "\e72c";
}
.icon-right:before {
content: "\e72d";
}
.icon-up1:before {
content: "\e72e";
}
.icon-bottom1:before {
content: "\e72f";
}
.icon-left1:before {
content: "\e730";
}
.icon-right1:before {
content: "\e731";
}
.icon-up:before {
content: "\e73e";
}
.icon-bottom:before {
content: "\e73f";
}
.icon-instagram:before {
content: "\e79d";
}
.icon-tumblr:before {
content: "\e79e";
}
.icon-download:before {
content: "\e7a0";
}
.icon-download1:before {
content: "\e7a7";
}
.icon-search4:before {
content: "\e7b2";
}
.icon-address:before {
content: "\e7bc";
}
.icon-email:before {
content: "\e7bd";
}
.icon-contact:before {
content: "\e7be";
}
.icon-whatsapp:before {
content: "\e7bf";
}
.icon-fax:before {
content: "\e7c2";
}
.icon-mobile:before {
content: "\e7c6";
}
.icon-phone:before {
content: "\e7c8";
}
.icon-tel:before {
content: "\e7c7";
}
.icon-phone1:before {
content: "\e7cb";
}
.icon-skype:before {
content: "\e7cc";
}
.icon-whatsapp1:before {
content: "\e7c1";
}
.icon-address1:before {
content: "\e7c3";
}
.icon-contact1:before {
content: "\e7c4";
}
.icon-email1:before {
content: "\e7c5";
}
.icon-skype1:before {
content: "\e7c9";
}
.icon-fax1:before {
content: "\e7ca";
}
.icon-qq:before {
content: "\e7ce";
}
.icon-tel1:before {
content: "\e7cd";
}
.icon-wechat:before {
content: "\e7cf";
}
.icon-phone2:before {
content: "\e7d0";
}
.icon-message:before {
content: "\e7da";
}
.icon-calendar:before {
content: "\e7e1";
}
.icon-calendar1:before {
content: "\e7e3";
}
.icon-top:before {
content: "\e7ed";
}
.icon-youbian:before {
content: "\e60f";
}
.icon-jian2:before {
content: "\e600";
}
.icon-jia2:before {
content: "\e608";
}
.icon-vk:before {
content: "\e735";
}
.icon-instagram1:before {
content: "\e640";
}
.icon-up7:before {
content: "\e722";
}
.icon-bottom7:before {
content: "\e723";
}
.icon-left7:before {
content: "\e724";
}
.icon-right7:before {
content: "\e725";
}
.icon-sousuo:before {
content: "\e616";
}
.icon-sousuo1:before {
content: "\e65b";
}
.icon-shangchuan:before {
content: "\e602";
}
.icon-top1:before {
content: "\e637";
}
.m3-cou{
display:none;
margin-top: 20px;
}
.m3-couh i{
transform: rotate(90deg);
transition: .5s;
}
.p2m1-xbt-n{
margin-top: 30px;
font-size: 24px;
line-height: 30px;
color: #6ebe52;
}
@media screen and (max-width:999px) {
.m3-cou{
display:flex;
align-items: center;
justify-content: space-between;
}
.m3-cou div{
display: none;
}
.p2m1-xbt-n{
margin-top: 20px;
font-size: 20px;
color: #6ebe52;
}
}
@media screen and (max-width:767px){
.p2m1-xbt-n{
font-size: 18px;
}
.p2m1-xq>li:nth-child(2n 1){
border-radius: 0;
}
}
.main2>div{
max-width:1920px;
margin: 0 auto;
}
.m4-lb{
margin-top: 52px;
}
.m4-sw{
overflow: initial;
pointer-events: none;
}
.m4-sw .swiper-slide{
background-color: #fff;
box-shadow: 0px 0px 28px 2px rgba(13, 14, 67, 0.1);
border-radius: 32px 0px 0px 0px;
padding-left: 30px;
padding-top: 46px;
padding-bottom: 33px;
position: relative;
opacity: 0;
transition: .5s;
}
.m4-sw .swiper-slide::before{
content: "";
width: 0;
height: 8px;
background-color: #6ebe52;
border-radius: 1px;
position: absolute;
right: 0;
top: 0;
transition: .5s;
}
.m4-sw .swiper-slide:hover::before{
width: calc(100% - 30px);
}
.m4-sw .swiper-slide-active ,.m4-sw .swiper-slide-next ,.m4-sw .swiper-slide-next .swiper-slide{
opacity: 1;
pointer-events: initial;
}
.m4-lb .sw-btn{
margin-top: 30px;
display: flex;
justify-content: center;
gap: 10px;
}
@media screen and (max-width:1400px) {
.m4-sw .swiper-slide{
padding: 20px;
}
}
@media screen and (max-width:999px) {
.m4-lb{
margin-top: 20px;
}
}
@media screen and (max-width:767px) {
.hezuohban{display: none;}
}
/* 11.1 */
.tankaungb {
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: #000;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 9999999999
}
.tankaungb .tkg {
text-align: center;
position: absolute;
top: 24px;
right: 34px;
font-size:34px;
cursor: pointer;
transform: rotate(45deg);
color: #333;
border-radius: 50%;
transition: .5s;
z-index: 99;
}
.tankaungb .tkg:hover {
color: #6ebe52;
}
.tankaungn {
position: fixed;
left: 5%;
top: 5%;
right: 5%;
bottom: 5%;
display: flex;
align-items: center;
}
.aqn-w {
position: relative;
padding: 0 10px;
width: 100%;
max-width: 820px;
margin: 0 auto;
max-height: calc(100vh - 20%);
overflow: auto;
scrollbar-color: #6ebe52 #fff;
scrollbar-width: thin;
}
.aqn-w::-webkit-scrollbar {
width: 5px;
}
.aqn-w::-webkit-scrollbar-track {
background: #fff;
}
.aqn-w::-webkit-scrollbar-thumb {
background-color: #6ebe52;
}
.aqn {
overflow: hidden;
position: relative;
background-color: #ffffff;
border-radius: 64px 1px 64px 1px;
margin: 0 auto;
}
.tk-xq{
display: flex;
}
.tk-l{
width: 50.2469%;
}
.tk-img{
height: 100%;
}
.tk-img img{
height: 100%;
object-fit: cover;
}
.tk-r{
padding-top: 60px;
padding-left: 50px;
padding-right: 36px;
flex: 1;
}
.tk-nr{
font-size: 20px;
line-height: 30px;
margin-bottom: 6px;
}
.tk-bd {
padding-bottom: 10px;
}
.tk-bd form>div {
margin-bottom: 26px;
}
.tk-bd input{
width: 100%;
padding: 12px 10px;
font-size: 18px;
line-height: 30px;
color: #999;
background-color: #fff;
border-radius: 5px;
border: solid 1px #dddddd;
}
.tk-bd .tk-btn{
width: 100%;
max-width: 197px;
}
.tk-bd .tk-btn input{
font-size: 16px;
background-color: #6ebe52;
color: #ffffff;
cursor: pointer;
transition: .5s;
}
.tk-bd .tk-btn input:hover{
background-color: #fff;
color: #6ebe52;
}
.tk-lx{
font-size: 16px;
line-height: 30px;
}
@media screen and (max-width:999px) {
.aqn{
}
.tankaungb .tkg{
top: 5px;
right: 5px;
font-size: 24px;
}
.tk-r{
padding: 20px;
}
.tk-nr{
font-size: 18px;
}
.tk-bd input{
padding: 5px 10px;
font-size: 16px;
}
}
@media screen and (max-width:767px){
.aqn{
border-radius: 0;
}
.tk-l{
display: none;
}
.tk-r{
flex: initial;
width: 100%;
}
.tk-nr{
font-size: 16px;
}
.tk-bd form>div{
margin-bottom: 10px;
}
.tk-bd input,.tk-bd .tk-btn input{
font-size: 14px;
line-height: 26px;
}
.tk-lx{
font-size: 14px;
line-height: 26px;
}
}
@media screen and (max-width:480px) {
}