* {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    outline: none;
}

a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}

a:hover {
    color: #007548;
}

::-webkit-scrollbar {
    width: 9px;
    background-color: #eaeaea;
}

::-webkit-scrollbar-thumb {
    border: solid 2px #eaeaea;
    width: 5px;
    border-radius: 10px;
    background-color: #009944;
}

::-webkit-scrollbar-corner {
    background-color: #eaeaea;
}

::-webkit-scrollbar:horizontal {
    height: 9px;
}

::-webkit-selection {
    background: #007548;
    color: #fff;
}

::-moz-selection {
    background: #007548;
    color: #fff;
}

::selection {
    background: #007548;
    color: #fff;
}

.yuan {
    /* font-family: "" !important; */
    font-family: "微软雅黑";
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    color: #4B4948;
    min-width: 1300px;
    font-family: "sourcehansanscn", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    box-sizing: border-box;
    padding: 10px 60px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.header.headerindex {
    background: none;
    box-shadow: none;
    padding: 21px 200px;
}

.header.headerindex.mainhead {
    background-color: #009944;
}

.header .logo {
    position: absolute;
    width: 300px;
    overflow: hidden;
    background: 0px 10px;
    background-size: 177px;
    /* left: 10%;
    margin-left: -150px; */
    text-align: center;
    top: 50%;
    margin-top: -31px;
    left: 0;
}

.header.headerindex .logo {
    background-size: 100%;
    left: 0;
    /* margin-left: -150px; */
    top: 50%;
    width: 300px;
    margin-top: -31px;
    /* padding: 20px 0px; */
    /* background: #fff; */
    text-align: center;
    /* border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px; */
}

.header .logo img {
    width: 195px;
    height: auto;
}

.geji {
    src: url(../../images/wechat.svg);
}

.nav {
    width: 80%;
    display: flex;
    margin: 0 auto;
}

.nav li {
    position: relative;
    text-align: center;
    flex: 1;
}

.nav a {
    position: relative;
    display: inline-block;
    height: 58px;
    line-height: 58px;
    width: 100%;
    font-size: 16px;
    color: #5e5e5e;
}

.nav a:hover {
    color: #007548;
}

.nav .logocen {
    width: 300px;
    flex: inherit;
}

.lang {
    position: absolute;
    right: 190px;
    top: 20px;
    color: #fff;
    z-index: 5;
}

.lang a {
    color: #fff;
}

.lang a:hover {
    font-weight: bold;
}

.lang a.hover {
    font-weight: bold;
}

.header.dbno a,
.header.dbno .lang {
    color: #505050;
}

.header .nav li .nav_two {
    position: absolute;
    top: 55px;
    left: -25%;
    width: 150%;
    display: none;
    padding: 20px 0px;
    padding-top: 0px;
}

.header .nav li:hover .nav_two {
    display: block;
}

.header .nav .nav_two li {
    float: none;
    margin-left: 0px;
    width: 100%;
}

.header .nav li .nav_two a {
    text-align: center;
}

.header .nav .nav_two li a {
    line-height: 45px;
    height: 45px;
    font-weight: 400;
}

.header .nav .nav_two li a:hover {
    font-weight: bold;
}

.header .nav .nav_two a {
    text-transform: uppercase;
}

.header.dbno .nav a:hover {
    font-weight: bold;
}

.header.dbno .nav li .nav_two {
    background: #ffffff;
    top: 75px;
}

.lianx {
    position: absolute;
    right: 60px;
    top: 20px;
    text-align: right;
}

.lianx span {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.lianx span a {
    color: #fff;
    font-size: 20px;
    /* background-image: url(../images/jtleft.png); */
}

.triangle_icon {
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    right: 50%;
    margin-right: -6px;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    top: -5px;
    border-color: #e1e6f0 transparent transparent #e1e6f0;
    border-style: solid;
    border-width: 1px;
}

.lianx span div {
    display: none;
    width: 110px;
    position: absolute;
    left: -40px;
    top: 28px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e1e6f0;
    border-radius: 6px;
    -webkit-transition: visibility .1s;
    transition: visibility .1s;
    z-index: 5;
    border-radius: 5px;
}

.lianx span div img {
    width: 100%;
}

.lianx span:hover div {
    display: block;
}

.lianx span:last-child {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
}

.header.dbno .lianx span a {
    color: #505050;
}

.header.dbno .lianx span:last-child {
    color: #007548;
}

.erj::after {
    content: ' ';
    height: 5px;
    width: 5px;
    display: inline-block;
    transform: rotate(45deg);
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-left: 7px;
    margin-top: 0px;
    position: absolute;
    top: 45%;
}

.header.dbno .erj::after {
    border-bottom: 1px solid #929292;
    border-right: 1px solid #929292;
}

.header.headerindex .nav a {
    color: #fff;
}

.header.dbno .nav a {
    height: 80px;
    line-height: 80px;
}

.header.dbno {
    -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
}

.header .sj_nav,
.products_list.products_app {
    display: none;
}

.banner {
    width: 100%;
    background-color: #ccc;
    /* height: calc(100vh); */
    position: relative;
    margin-top: 100px;
}

.swiper01 {
    width: 100%;
    height: 100%;
}

.swiper01 .swiper-slide {
    position: relative;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
}

.swiper01 .swiper-slide .txt {
    position: absolute;
    z-index: 5;
    top: 35%;
    width: 100%;
    color: #fff;
}

.swiper01 .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1.2);
    -webkit-transition: all 3s 0s;
    transition: all 3s 0s;
}

.swiper01 .swiper-slide.swiper-slide-active img {
    transform: scale(1);
}

.swiper01 .swiper-slide span {
    display: block;
    text-align: center;
    letter-spacing: 2px;
}

.swiper01 .swiper-slide .txt_a {
    font-size: 20px;
    -webkit-animation: fadeOutDown 2s;
    animation: fadeOutDown 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper01 .swiper-slide .txt_b {
    font-size: 40px;
    margin: 10px 0px;
    font-weight: bold;
    letter-spacing: 5px;
    -webkit-animation: fadeOutDown 2s;
    animation: fadeOutDown 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper01 .swiper-slide .txt_c {
    font-size: 20px;
    -webkit-animation: fadeOutDown 2s;
    animation: fadeOutDown 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper01 .swiper-slide .txt_d {
    display: block;
    width: 160px;
    background: #fff;
    color: #6f6f6f;
    margin: 0 auto;
    line-height: 50px;
    font-size: 20px;
    margin-top: 20px;
    -webkit-animation: fadeOutDown 2s;
    animation: fadeOutDown 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper01 .swiper-slide.swiper-slide-active .txt_a {
    -webkit-animation: fadeInUp 1.5s;
    animation: fadeInUp 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper01 .swiper-slide.swiper-slide-active .txt_b {
    -webkit-animation: fadeInUp 1.5s;
    animation: fadeInUp 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper01 .swiper-slide.swiper-slide-active .txt_c {
    -webkit-animation: fadeInUp 1.8s;
    animation: fadeInUp 1.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper01 .swiper-slide.swiper-slide-active .txt_d {
    -webkit-animation: fadeInUp 2s;
    animation: fadeInUp 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper01 video {
    width: 100%;
    height: auto\9;
    height: 100%;
    object-fit: cover;
}

.swiper01 .swiper-pagination {
    bottom: 80px;
}

.swiper01 .swiper-button-prev {
    background-image: url(../images/jtleft.png);
    background-size: 24px;
    left: 4%;
}

.swiper01 .swiper-button-next {
    background-image: url(../images/jtright.png);
    background-size: 24px;
    right: 4%;
}

.swiper01 .swiper-button-prev,
.swiper01 .swiper-button-next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #045ba8;
    color: #fff;
    text-align: center;
    margin: -30px 0 0;
    outline: none;
    border-radius: 100%;
    transition: all .5s ease;
    top: 45%;
    border: 1px solid #045ba8;
}

.swiper01 .swiper-pagination-bullet {
    height: 40px;
    opacity: 1;
    width: 100px;
    border-radius: 0;
    background: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    border-bottom-color: rgba(255, 255, 255, 0.6);
    position: relative;
}

.swiper01.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}

.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    font-weight: bold;
}

.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    display: block;
    content: '';
    width: 16px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -23px;
}

.about {
    position: relative;
    padding: 30px 0;
    background: url(../images/bgjz.png) #009944 left top;
}

.about .you_title {
    margin-top: 100px;
}

.about .you_title .title_txt h2 {
    color: #fff;
}

.about .you_title .title_txt h2::after {
    background: #ffffff;
}

#container {
    width: 1200px;
    height: 800px;
    margin-left: -50px;
}

#container p {
    display: inline-block;
    font-size: 18px!important;
}

#container div p:last-child {}

#container div p:last-child::before {
    content: ':  ';
}

.about .about_left {
    float: left;
    width: 50%;
}

.about .about_right {
    float: right;
    width: 45%;
    margin-top: 200px;
}

.about .about_right .text {
    color: #b99542;
    margin-top: 50px;
    font-size: 50px;
}

.about.about_jm .about_left {
    float: none;
    width: 80%;
    margin: 0 auto;
}

.about.about_jm #container {
    width: 100%;
    height: 900px;
    margin-left: 0;
}

.about.about_jm h2.title {
    text-align: center;
    color: #fff;
    font-size: 50px;
    position: absolute;
    width: 100%;
    top: 110px;
}

.dq_qy {
    width: 80%;
    margin: 0 auto;
    display: flex;
}

.dq_qy li {
    flex: 1;
    text-align: center;
    background: #ffffff;
    color: #585858;
    line-height: 45px;
    margin: 1px;
}

.dq_qy li.hover {
    background: #b99542;
    color: #fff;
}

.dqlist {
    width: 80%;
    margin: 0 auto;
    color: #fff;
    margin-top: 45px;
}

.dqlist ul {
    overflow: hidden;
    display: none;
}

.dqlist ul:nth-child(1) {
    display: block;
}

.dqlist ul li {
    width: 25%;
    float: left;
    margin-bottom: 25px;
}

.dqlist ul li h2 {
    font-size: 16px;
    margin-bottom: 8px;
}

.dqlist ul li h3 {
    font-weight: 400;
    font-size: 14px;
    color: #dadada;
}

.net_num_box {
    width: 100%;
    margin-top: 50px;
    display: flex;
}

.net_num_box div {
    display: inline-block;
    vertical-align: middle;
}

.net_num_box div div {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

.net_num_box div div.net_icon_box {
    position: relative;
    width: 4.79vw;
    height: 4.79vw;
    border-radius: 100%;
    text-align: center;
    line-height: 4.79vw;
    background-color: #fff;
    margin-right: 16px;
    background-image: url(../images/xx.png);
    display: none;
}

.net_num_box>div>div.net_icon_box::before {
    content: "";
    display: block;
    width: 163%;
    padding-bottom: 163%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: inherit;
}

.net_num_box .timer {
    font-size: 60px;
    font-weight: bold;
}

.net_num_box .miaos {
    font-size: 18px;
    display: block;
}

.net_num_box .miaos img {
    display: inline-block;
    width: 24px;
    vertical-align: middle;
}

.at_on {
    width: 100%;
}

.at_on:nth-child(1),
.at_on:nth-child(2) {}

.at_on i {
    display: block;
}

.at_on i img {
    vertical-align: middle;
}

.at_on:nth-child(2n) {}

.line_bottom_left {
    background: url(../images/line_bottom_left.png) left top no-repeat;
    height: 29px;
    position: absolute;
    bottom: 0;
    width: 20%;
}

.line_bottom_right {
    background: url(../images/line_bottom_right.png) right top no-repeat;
    height: 29px;
    position: absolute;
    bottom: 0;
    width: 20%;
    right: 0;
}

.line_bottom_center {
    background: url(../images/line_bottom_center.png) center top no-repeat;
    height: 29px;
    position: absolute;
    bottom: 0;
    width: 60%;
    left: 20%;
}

.about_a {
    width: 80%;
    margin: 0 auto;
}

.about_a_1 {
    width: 48%;
    float: left;
    margin-top: 150px;
}

.about_a_1 h2 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
}

.about_a_1 p {
    color: #ececec;
    line-height: 33px;
}

.idx-tags {
    width: 90%;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

.about_a_1 .idx-tags {
    width: 100%;
    margin-left: -34px;
    margin-top: 50px;
}

.idx-tags ul {
    overflow: hidden;
}

.idx-tags ul li {
    float: left;
    width: 25%;
    font-size: 22px;
    text-align: center;
}

.idx-tags .tags_left {
    font-family: "Impact", "AkzidenzGrotesk-ExtraBoldCondAlt" !important;
    margin-right: 10px;
    font-size: 50px;
    display: inline-block;
    color: #fff;
}

.about_a_1 .idx-tags .tags_left {
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
}

.idx-tags .col2 {
    display: inline-block;
    text-align: left;
}

.about_a_1 .idx-tags .col2 {
    color: #b3b3b3;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
}

.about_a_2 {
    width: 50%;
    float: right;
    margin-top: 110px;
}

.about_a_2 img {
    width: 100%;
    height: auto;
    padding: 10% 0%;
}

.pub_case {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start;
    margin-top: 100px;
    color: #fff;
}

.pub_case .pub_casetxt {
    width: 53.714%;
    padding-right: 3%;
}

.pub_case .pub_info {
    width: 46.286%;
    padding-right: 0;
    margin-top: .12rem;
    line-height: 2.44;
    text-align: justify;
    letter-spacing: 1px;
}

.pub_title {
    color: #fff;
    line-height: 1.2;
    font-size: 50px;
    font-weight: bold;
}

.pub_title_en {
    line-height: 1.33;
    margin-top: 20px;
    text-transform: capitalize;
    font-size: 50px;
    font-family: en_b;
    font-weight: 100;
}

.pub_case .idx-tags {
    width: 100%;
    margin-top: 50px;
}

.pub_case .idx-tags ul li {
    float: left;
    width: 32%;
    font-size: 22px;
    text-align: left;
    display: flex;
}

.pub_case .idx-tags .col2 {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    margin-top: 5px;
}

.pub_case .idx-tags .tags_left {
    font-weight: bold;
}

.pub_case .idx-tags li:nth-child(3) .tags_left span {
    display: block;
    line-height: 56px;
}

.pub_case.pub_caseen .pub_title {
    text-transform: uppercase;
    font-size: 30px;
}

.pub_case.pub_caseen .pub_title_en {
    font-size: 30px;
    text-transform: uppercase;
}

.pub_case.pub_caseen .idx-tags .tags_left {
    font-size: 35px;
    display: block;
}

.pub_case.pub_caseen .idx-tags ul li {
    text-align: center;
    display: block;
}

.pub_case.pub_caseen .idx-tags .col2 {
    text-align: center;
}

.pub_case.pub_caseen .idx-tags li:nth-child(3) .tags_left span {
    line-height: 42px;
}

.pub_case.pub_caseen .pub_info {
    width: 50%;
    padding-right: 0;
    margin-top: .12rem;
    line-height: 28px;
    text-align: justify;
    letter-spacing: 0;
}

.dian {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
}

.dian li {
    background: #fff;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    padding: 20px;
    font-size: 30px;
    margin: 0 50px;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;
}

.dian li:nth-child(1) {
    background: none;
    width: auto;
    padding: 0;
    height: auto;
    margin: 0;
}

.dian li img {
    width: 330px;
}

.abouten .dian li {
    background: #fff;
    height: 50px;
    width: 59px;
    border-radius: 50%;
    padding: 20px;
    font-size: 16px;
    margin: 0 50px;
    padding: 34px 30px;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;
}

.abouten .dian li:nth-child(1) {
    background: none;
    width: auto;
    padding: 0;
    height: auto;
    margin: 0;
}

.about.about_story {
    background: url(../images/bgjztwo.jpg) #fff;
}

.about.about_story .you_title .title_txt h2 {
    color: #007548;
}

.about.about_story .you_title .title_txt h2::after {
    background: #007548;
}

.story {
    margin: 0 auto;
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
    display: flex;
    margin-bottom: 150px;
}

.story .story_a {
    height: 380px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    color: #717171;
    line-height: 39px;
    letter-spacing: 1px;
    width: 50%;
    margin-right: 5%;
}

.story .story_c {
    height: 340px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    color: #717171;
    line-height: 35px;
    letter-spacing: 6px;
    color: #1e8d44;
    font-weight: bold;
    font-size: 18px;
    margin-right: 20px;
    width: 10%;
}

.story .story_b {
    width: 30%;
    text-align: right;
}

.story .story_b img {
    width: 100%;
}

.story.storyen {
    position: relative;
    display: block;
}

.story.storyen .story_b {
    position: absolute;
    right: 0;
    top: 0;
}

.story.storyen .story_a {
    writing-mode: initial;
    height: auto;
    line-height: 25px;
    letter-spacing: 1px;
    width: 60%;
    margin-right: 5%;
    margin-top: 20px;
}

.story.storyen .story_c {
    writing-mode: inherit;
    width: 50%;
    line-height: 35px;
    height: auto;
    letter-spacing: inherit;
}

@media screen and (max-width:1770px) {
    .story .story_a {
        height: 450px;
    }
}

@media screen and (max-width:1470px) {
    .story .story_a {
        height: 490px;
    }
}

.nr_banner.nr_bannertwo {
    overflow: hidden;
    position: relative;
    background: rgba(0, 153, 68, 0.2);
}

.nr_banner.nr_bannertwo video {
    margin-top: -200px;
}

.nr_banner.nr_bannertwo img {
    position: relative;
}

.nr_banner.nr_bannertwo .videobg {
    top: 0;
    left: 0;
    background: #007548;
    opacity: 0.3;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
}

.products_shu li {
    position: relative;
    overflow: hidden;
}

.products_shu li::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 66.66%;
    top: 0;
    z-index: 4;
    left: 0;
    pointer-events: none;
    background: linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, white, white 50%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
}

.products_shu li .pic {}

.products_shu li .pic img {
    display: block;
    float: right;
}

.products_shu li:nth-child(2n) .pic img {
    float: left;
}

.products_shu li:nth-child(2n)::after {
    right: 0;
    left: auto;
    background: linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(right, white, white 50%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
}

.products_shu li:nth-child(2n) .txt {
    right: 10%;
    left: auto;
}

.nr_banner .tel {
    text-align: center;
    font-size: 35px;
    line-height: 1;
    left: 50%;
    color: #fff;
    position: absolute;
    top: 71%;
    width: 1200px;
    z-index: 5;
    margin-left: -600px;
}

.nr_banner .en {
    text-align: center;
    font-size: 21px;
    line-height: 1;
    left: 50%;
    color: #fff;
    top: 70%;
    margin-top: 30px;
    width: 1200px;
    z-index: 5;
    text-transform: uppercase;
}

.nr_banner h2 {
    text-align: center;
    font-size: 60px;
    line-height: 1;
    left: 50%;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 1200px;
    z-index: 5;
    margin-left: -600px;
}

.nr_banner h2::after {
    margin: 0 auto;
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #ffe300;
    margin-bottom: 50px;
    margin-top: 50px;
}

.nr_banner h2.jm::after {
    margin-bottom: 30px;
    margin-top: 30px;
}

.products_shu li span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-image: none;
    background-color: #007548;
    color: #fff;
    text-align: center;
    outline: none;
    border-radius: 100%;
    transition: all .5s ease;
    top: 45%;
    border: 1px solid #007548;
    background-image: url(../images/jtright.png);
    background-size: 24px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
}

.products_shu li span:hover {
    margin-left: 10px;
}

.products_shu li span a {
    height: 100%;
    width: 200px;
    font-size: 20px;
    padding-left: 20px;
    position: absolute;
    color: #007548;
}

.products_shu li .txt {
    color: #007548;
    position: absolute;
    z-index: 5;
    top: 40%;
    font-size: 50px;
    left: 10%;
    line-height: 200%;
}

.about .luans_right {
    position: relative;
    z-index: 5;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 50px;
}

.about .luans_right .swiper-luans {
    width: 70%;
    margin: 0 auto;
}

.about .luans_right img {
    width: 100%;
    height: auto;
    display: block;
}

.about .luans_right .swiper-button-next {
    right: 0;
    top: 0;
    margin-top: 0;
    background-color: #01673f9c;
    width: 11%;
    height: 100%;
    padding-right: 2px;
}

.about .luans_right .swiper-button-prev {
    left: 0;
    top: 0;
    margin-top: 0;
    background-color: #01673f9c;
    width: 11%;
    height: 100%;
    padding-left: 2px;
}

.prots {
    background: url(../images/第18页.png) no-repeat;
    height: 915px;
    position: relative;
    background-size: cover;
}

.prots .pic_a {
    left: 28%;
    position: absolute;
    z-index: 5;
    width: 480px;
    height: 480px;
    top: 50%;
    margin-top: -240px;
}

.prots .pic_b {
    z-index: 4;
    position: absolute;
    width: 425px;
    height: 425px;
    top: 50%;
    margin-top: -205px;
    left: 42%;
}

.quanquan {
    z-index: 4;
    position: absolute;
    width: 400px;
    height: 400px;
    top: 50%;
    margin-top: -193px;
    left: 21%;
}

.quanquan span {
    display: block;
    width: 500px;
    height: 500px;
    border: 1px solid #fff;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    margin-top: -250px;
    opacity: 0.5;
}

.quanquan span:nth-child(1) {}

.quanquan span:nth-child(2) {
    width: 640px;
    height: 640px;
    margin-top: -320px;
}

.quanquan span:nth-child(3) {
    width: 800px;
    height: 800px;
    margin-top: -400px;
}

.prots .box {
    z-index: 6;
    position: absolute;
    width: 400px;
    height: 400px;
    top: 50%;
    margin-top: -193px;
    left: 21%;
}

.prots .box .dot-con {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: translateX(26%);
}

.prots .box .dot-con .note {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    cursor: pointer;
    transition: opacity 0.8s ease-in-out;
    top: 0rem;
    left: -0.3rem;
}

.prots .box .dot-con .note:nth-child(1) {
    top: -141px;
    left: -200px;
}

.prots .box .dot-con .note:nth-child(2) {
    top: 400px;
    left: -200px;
}

.prots .box .dot-con .note:nth-child(3) {
    top: -141px;
    left: 670px;
}

.prots .box .dot-con .note:nth-child(4) {
    top: 400px;
    left: 670px;
}

.prots .box .dot-con .note>em {
    display: inline-block;
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    background-color: rgb(255 255 255 / 23%);
}

.prots .box .dot-con .note>em>i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background-color: #ffffff;
    font-size: 36px;
}

.prots .box .dot-con .note>em>span {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    z-index: 6;
    opacity: 0;
}

.prots .box .dot-con .note>em>span>img {
    width: 100%;
}

.prots .box .dot-con .note>em>small {
    height: 54px;
    line-height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: calc(100% + 20px);
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    font-size: 22px;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transform-origin: 0 50%;
    color: #ffffff;
    font-style: initial;
    opacity: 0.7;
    text-align: left;
}

.prots .box .dot-con .note>em>small p {
    font-size: 14px;
}

.prots .box .dot-con .note>span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* border: 1px solid rgb(255 255 255 / 16%); */
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    border-radius: 50%;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.prots .box .dot-con .note .bg3 {
    position: absolute;
    width: 100%;
    top: -0.1rem;
    left: 0;
    opacity: 0;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    pointer-events: none;
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}

.prots .box .dot-con .note.on>em {
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
}

.prots .box .dot-con .note.on>em>span {
    opacity: 1;
}

.prots .box .dot-con .note.on>span {
    transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    background-color: rgba(255, 255, 255, 0.21);
}

.prots .box .dot-con .note.on>em>small {
    opacity: 1;
    pointer-events: none;
    transform: scale(0.6);
    opacity: 1;
}

.prots .box .dot-con .note.on .bg3 {
    opacity: 1;
    transform: scale(3);
}

.products {
    background: url(../images/banner1.jpg) no-repeat top center;
}

.case {
    background: url(../images/casesbgtwo.jpg) no-repeat top center;
    padding: 70px 0px;
}

.you_title {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 590px;
    margin: 0 auto;
}

.you_title .title_txt {
    text-align: center;
    border: none;
    padding: 0;
    margin: 0 auto;
}

.you_title .title_txt img {
    max-width: 100%;
    height: auto!important;
}

.you_title .title_txt h2 {
    color: #007548;
    font-size: 42px;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.you_title .title_txt h2::after {
    content: '';
    display: block;
    height: 5px;
    width: 60px;
    border-radius: 3px;
    background: #007548;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.you_title .title_txt p {
    color: #b3b3b3;
    font-size: 16px;
    letter-spacing: 4px;
}

.produ .you_title .title_txt h2 {
    color: #fff;
}

.produ .you_title .title_txt h2::after {
    background: #ffffff;
}

.nr_banner {
    width: 100%;
    overflow: hidden;
    height: 100%;
    left: 0;
    top: 0;
    margin-top: 100px;
    background: rgba(0, 153, 68, 0.2);
}

.nr_banner .text {
    width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    display: block;
    animation: a2_6 10s ease infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

.join_a {
    position: relative;
    padding: 250px 0px;
    padding-bottom: 250px;
    background: url(../images/jmbg2.jpg) rgba(0, 153, 68, 0.9) center top;
}

.join_a.join_aa {
    background: url(../images/bgjz.png) #0c7348 left top;
}

.join_a_jm {
    text-align: center;
}

.join_a h2,
.join_b h2,
.join_c h2,
.join_d h2,
.join_e h2,
.join_f h2,
.join_g h2 {
    text-align: center;
    color: #fff;
    font-size: 50px;
    background-image: linear-gradient(90deg, #fff700, #ffb05c, #ffffff);
    -webkit-background-clip: text;
    color: transparent;
}

.join_a .idx-tags {
    margin-bottom: 0px;
    color: #fff;
    margin-top: 50px;
}

.join_b {
    position: relative;
    padding: 150px 0px;
    background: url(../images/bg5.jpg) #f8f8f8 top center no-repeat;
}

.join_b h2 {
    color: #000;
    margin-bottom: 50px;
}

.join_b ul {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
}

.join_b ul li:nth-child(3n) {
    margin-right: 0;
}

.join_b ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
    padding: 55px;
    box-sizing: border-box;
    background-image: linear-gradient(90deg, #009944, #08925d);
    height: 340px;
    margin-bottom: 20px;
    border-radius: 15px;
}

.join_b ul li em {
    color: #fff;
    display: block;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 25px;
}

.join_b ul li span {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}

.join_c {
    background: #fff;
    text-align: center;
    padding: 150px 0;
    width: 100%;
}

.join_c h2 {
    color: #000;
    margin-bottom: 50px;
}

.join_d {
    background: url(../images/bg6.jpg);
    text-align: center;
    padding: 150px 0;
    width: 100%;
}

.join_d h2 {
    color: #fff;
    margin-bottom: 50px;
}

.join_e {
    background: url(../images/bgjztwo.jpg) #fff;
    text-align: center;
    padding: 150px 0;
    width: 100%;
}

.join_e h2 {
    color: #000;
    margin-bottom: 50px;
}

.join_f {
    background: url(../images/bg7.jpg);
    text-align: center;
    padding: 130px 0;
    width: 100%;
}

.join_f h2 {
    color: #fff;
    margin-bottom: 50px;
}

.join_g {
    background: url(../images/bgjztwo.jpg) #fff;
    text-align: center;
    padding: 150px 0;
}

.join_g h2 {
    color: #000;
    margin-bottom: 50px;
}

.join_g .youshia img:nth-child(1) {
    margin-right: 50px;
}

.join_g .youshia img:last-child {
    margin-top: 50px;
}

.navdh {
    padding: 10px 0px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
}

.postion {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #7c7c7c;
    font-size: 16px;
}

.postion a {
    color: #7c7c7c;
    font-size: 16px;
}

.navdh .right img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.navdh .right span {
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    font-size: 16px;
}

.in_crilist ul {
    width: 80%;
    margin: 0 auto;
    display: flex;
}

.in_crilist ul li {
    flex: 1;
    margin: 20px;
}

.in_crilist ul li .in_lipic_img {
    background: #007548;
    color: #fff;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    display: inline-block;
    padding: 20px;
    font-size: 25px;
}

.in_crilist ul li .in_work {
    line-height: 33px;
    margin-top: 20px;
}

#maintwo {
    padding-top: 70vh;
    z-index: 10;
}

.produ {
    background: #fff;
    min-height: 1200px;
}

.produ::before {
    display: block;
    content: '';
}

#sw2 {
    margin-top: 100px;
}

#sw2 .max-wid>.left {
    position: relative;
    width: 22%;
    height: 100%;
}

#sw2 .num-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: auto;
    z-index: 10;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    overflow: hidden;
}

#sw2 .num-box>.a {
    position: absolute;
    z-index: 4;
    overflow: hidden;
    width: 100%;
    height: 50%;
    transform: skewy(-45deg);
    line-height: 155px;
    text-indent: 41px;
}

#sw2 .num-box>.a>em {
    position: absolute;
    width: 100%;
    height: 200%;
    left: 0;
    top: 0;
    transform: skewy(45deg);
    color: #d70917;
    line-height: 150px;
    text-align: left;
    text-indent: 33px;
}

#sw2 .num-box>.b {
    position: absolute;
    z-index: 4;
    overflow: hidden;
    width: 100%;
    height: 50%;
    bottom: 0;
    transform: skewy(-45deg);
}

#sw2 .num-box:after {
    position: absolute;
    content: "";
    height: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 30%;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%) rotate(-45deg) scalex(1);
}

#sw2 .num-box .b em {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 200%;
    left: 0;
    transform: skewy(45deg);
    color: rgba(0, 0, 0, 0.5);
    line-height: 238px;
    text-indent: 35px;
    text-align: center;
    font-size: 20px;
    font-family: en_b;
}

#sw2 .num-box .a em {
    position: absolute;
    width: 100%;
    height: 200%;
    left: 0;
    top: 0;
    transform: skewy(45deg);
    color: #0059a7;
    line-height: 150px;
    text-align: left;
    text-indent: 33px;
    font-size: 50px;
    font-family: en_b;
}

#sw2 .swiper-wrapper .swiper-slide {
    width: 45vw;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}

#sw2 .swiper-wrapper .swiper-slide .inner {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    background: url(../images/casebg.png) no-repeat;
}

#sw2 .swiper-wrapper .swiper-slide .inner .top {
    width: 87%;
    margin: 40px 0px;
    margin-left: 40px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

#sw2 .swiper-wrapper .swiper-slide .inner .top .photo {
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

#sw2 .swiper-wrapper .swiper-slide .inner .mid {
    position: absolute;
    left: 40px;
    z-index: 10;
    width: 65%;
    bottom: 40px;
    border-bottom-left-radius: 9px;
    overflow: hidden;
}

#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(../images/casesbg.png) no-repeat left top;
}

#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3 {
    color: #313131;
    font-size: 18px;
    font-weight: 400;
    text-indent: 15px;
}

#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left h3>i {
    display: inline-block;
    margin-right: 10px;
}

#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .right {
    font-size: 12px;
    color: #999999;
    opacity: 0.3;
    font-weight: bold;
    font-family: en_b;
    opacity: 0;
}

#sw2 .swiper-wrapper .swiper-slide .inner .btm {
    width: 100%;
}

#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
    color: #fff;
    display: none;
}

#sw2 .swiper-wrapper .swiper-slide .inner .mid .msg .left small {
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    display: none;
}

.num-box.on {
    animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
}

#sw2 {
    position: relative;
}

#sw2 .max-wid {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    height: 72%;
    width: 82%;
    max-width: 1400px;
}

#sw2 .swiper-pagination {
    position: absolute;
    height: 100%;
    width: 22%;
    left: auto;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#sw2 .swiper-pagination span {
    margin: 10px 0;
    width: 15px;
    height: 15px;
}

.num-box.on {
    animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
}

.index4 {
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.weui-cell__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.animatethis .js-m {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
}

.idx4top {
    display: flex;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #d4d4d4;
}

.idx4top .title {
    font-size: 42px;
    color: #333;
}

.idxwrapper .morebtn {
    width: 1.8rem;
    line-height: .54rem;
    background: #df2424;
    transition: all .3s ease-in-out;
    font-size: .16rem;
    color: #fff;
    display: block;
    text-align: center;
}

.idx4box {
    position: relative;
    margin-top: 30px;
}

.idx4box .left {
    width: 65%;
    overflow: hidden;
    position: relative;
    display: block;
}

.idx4box .left img {
    transition: all .5s ease-in-out;
    width: 100%;
}

.idx4box .left .content {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    padding: 0 28px;
}

.idx4box .left .h1 {
    font-size: 16px;
    font-family: "DIN";
    color: #fff;
}

.idx4box .left .h2 {
    font-size: 24px;
    color: #fff;
    margin-top: 16px;
}

.idx4box .right {
    position: absolute;
    right: 0;
    width: 33%;
    top: 0;
    bottom: 0;
}

.idx4box .right .item {
    display: flex;
    align-items: center;
    height: 25%;
    border-bottom: 1px solid #e8e8e8;
    padding-right: .15rem;
}

.idx4box .right .item .imgbox {
    width: 34.8%;
    margin-right: .2rem;
    overflow: hidden;
    height: 96px;
}

.idx4box .right .item img {
    object-fit: cover;
    height: 100%;
    transition: all .5s ease-in-out;
}

.idx4box .right .item .h1 {
    font-size: 12px;
    font-family: "DIN";
    color: #aaa;
    margin-bottom: .75vw;
}

.idx4box .right .item .h2 {
    font-size: 16px;
    color: #373737;
    line-height: 1.625;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .3s ease-in-out;
}

.index4:after {
    content: "news";
    position: absolute;
    left: -16px;
    color: #f7f7f7;
    font-size: 9vw;
    text-transform: uppercase;
    font-family: "Microsoft Yahei";
    bottom: -4vw;
    font-weight: bold;
}

footer {
    background: #292929;
    padding-top: 50px;
}

footer .logo {
    width: 2.02rem;
    display: block;
}

footer .container {
    width: 80%;
    margin: 0 auto;
}

.footer1 {
    display: flex;
    align-items: flex-start;
    padding: 50px 0;
}

.footer1 .navs dl {
    float: left;
}

.footer1 .navs dl:not(:last-child) {
    margin-right: 5.5vw;
}

.footer1 dl dt {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 10px;
}

.footer1 dl dd a {
    font-size: 14px;
    color: rgba(255, 255, 255, .4);
    display: block;
    margin-top: 15px;
    transition: all .3s ease-in-out;
}

footer .codebox {
    text-align: center;
    margin-right: 3vw;
}

footer .codebox img {
    width: 140px;
    margin: 0 auto;
}

footer .codebox p {
    font-size: 14px;
    color: #fff;
    line-height: 1.571;
    margin-top: 1px;
}

footer .infobox .item {
    margin-bottom: 20px;
    font-size: 0;
}

footer .infobox .item span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    line-height: 23px;
}

footer .infobox .item span {
    max-width: 260px;
}

footer .infobox .item img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.footer2 {
    border-top: 1px solid #636363;
    display: flex;
    align-items: center;
    padding: 25px 0;
}

.footer2 .left {
    font-size: 14px;
    color: #fff;
}

.footer2 .left a {
    color: #666;
}

.footer2 .linkbox {
    position: relative;
}

.footer2 .linkbox .before {
    width: 300px;
    padding: 10px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .6);
    cursor: pointer;
}

.footer2 .linkbox .before .txt {
    color: rgba(255, 255, 255, 0.702);
    font-size: 14px;
}

.footer2 .linkbox .before img {
    transition: all .5s ease;
    transform: rotate(180deg);
}

.footer2 .linkbox .after {
    position: absolute;
    bottom: 100%;
    width: 100%;
    left: 0;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 15px;
    background: #2d2d2d;
    display: none;
}

.footer2 .linkbox .after a {
    display: block;
    color: rgba(255, 255, 255, 0.702);
    padding: 10px 10px;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    transition: all .3s ease-in-out;
}

.footer2 .linkbox.on .before img {
    transform: rotate(0deg);
}

.weui-cell {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.footer2 .linkbox .after a:last-child {
    border-bottom: 0;
}

.nav_nr {
    width: 1200px;
    margin: 0 auto;
    margin-top: -80px;
    position: relative;
    z-index: 5;
}

.height10 {
    margin-top: 100px;
}

.nav_nr ul {
    padding: 0;
    background-color: #009944;
    display: flex;
    box-shadow: 0 10px 25px -4px rgb(0 62 37);
}

.nav_nr li {
    flex: 3;
    position: relative;
}

.nav_nr li a {
    display: block;
    color: #ffffff;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.nav_nr li a:hover,
.nav_nr li a.hover {
    background-color: #fff;
    color: #01673f;
}

.nav_nr li a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #ddd;
}

.nav_nr li:last-child a::after {
    display: none;
}

.nav_nr li a.hover:after {
    opacity: 0;
}

.produ {
    background: url(../images/bg1.jpg) no-repeat top center;
    background-size: auto 100%;
    background-image: radial-gradient(#013c6f, #0059a7);
    position: relative;
}

.produ .you_title {
    padding-top: 100px;
}

.shuzi {
    width: 80%;
    margin: 0 auto;
    margin-top: 150px;
    position: relative;
}

.shuzi .bigvideo {
    width: 400px;
    height: 400px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0px 0px 33px rgb(3 69 183 / 26%);
    position: relative;
    border: 18px solid #fff;
    z-index: 5;
}

.shuzi .bigvideo video {
    position: relative;
    width: 800px;
    margin-top: -20px;
    z-index: 5;
}

.bigvideo span {
    display: block;
}

.shuzi .bg {
    width: 900px;
    height: 900px;
    left: 50%;
    margin-left: -450px;
    margin-top: -240px;
}

.shuzi .bg i {
    width: 350px;
    height: 350px;
}

.shuzi ul {
    width: 900px;
    top: 0;
    height: 900px;
    left: 50%;
    margin-left: -450px;
    margin-top: -240px;
    position: absolute;
    z-index: 10;
}

.shuzi ul li {
    background-size: 100% 100%;
    position: absolute;
    width: 78px;
    height: 78px;
    text-align: center;
    background: #e83928;
    border-radius: 50%;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    line-height: 80px;
    font-size: 18px;
}

.shuzi ul li p {
    margin-top: 29px;
    background: #045ba8;
    border-radius: 5px;
    padding: 15px;
    width: 160px;
    line-height: 33px;
    margin-left: -60px;
    display: none;
}

.shuzi ul li:hover p {
    display: block;
}

.shuzi ul li img {
    width: 60%;
    display: block;
    margin: 0 auto;
    display: none;
}

.shuzi ul li:nth-child(1) {
    top: 140px;
    left: 170px;
}

.shuzi ul li:nth-child(2) {
    top: 440px;
    left: 20px;
    background: #0085ff;
}

.shuzi ul li:nth-child(3) {
    top: 730px;
    left: 280px;
    background: #4f799a;
}

.shuzi ul li:nth-child(4) {
    top: 200px;
    left: 660px;
    background: #025ba9;
}

.shuzi ul li:nth-child(5) {
    top: 550px;
    left: 690px;
    background: #003557;
}

.bjdh {
    position: absolute;
    z-index: 0;
    bottom: 0;
}

#mask_div1 {
    position: absolute;
    top: 790px;
    opacity: 0.4;
}

.luans {
    overflow: hidden;
    background: #009944;
    overflow: hidden;
}

.luans_left {
    width: 100%;
    position: relative;
    z-index: 5;
    background: #009944;
    margin-top: 0;
}

.luans_left .text {
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 8;
    width: 100%;
    left: 0;
    text-align: center;
}

.luans_left .text span {
    position: absolute;
    left: 30px;
    display: block;
    width: 100%;
    font-size: 60px;
    font-weight: bold;
    opacity: 0.2;
    left: 0px;
    font-size: 65px;
    top: 5px;
}

.luans_left .text h2 {
    font-size: 30px;
    margin-bottom: 10px;
}

.luans_left .text p {
    font-size: 16px;
}


/* .luans_left .text {
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 8;
    width: 100%;
    left: 0;
    text-align: center;
} */

.luans .luans_right {
    width: 100%;
    /* float: right; */
    overflow: hidden;
    position: relative;
}

.luans .luans_right img {
    display: block;
    width: 100%;
    height: auto;
    display: block;
}

.luans .luans_right p {
    position: absolute;
    bottom: 40px;
    text-align: center;
    display: block;
    color: #01683d;
    width: 100%;
    font-size: 25px;
}

.luans .swiper-button-prev {
    background-image: url(../images/jtleft.png);
    background-size: 24px;
    left: 54px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #fff;
}

.luans .swiper-button-next {
    background-image: url(../images/jtright.png);
    background-size: 24px;
    right: auto;
    right: 54px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #fff;
}

.luans .swiper-pagination-fraction {
    color: #d5d5d5;
    width: 120px;
    font-size: 30px;
    font-weight: bold;
    left: auto;
    right: 5%;
    bottom: 40px;
}

.luans .swiper-pagination-current {
    padding-bottom: 10px;
    display: block;
    position: absolute;
    top: -20px;
    color: #fff;
    font-size: 40px;
}

.luans .swiper-pagination-total {
    padding-left: 12px;
    position: absolute;
}

.luans .text {
    color: #fff;
    margin-top: 270px;
    position: absolute;
    z-index: 8;
    width: 100%;
    left: 20%;
}

.luans .text h2 {
    font-size: 60px;
    margin-bottom: 40px;
}

.luans .text span {
    position: absolute;
    left: 30px;
    display: block;
    width: 100%;
    font-size: 100px;
    font-weight: bold;
    top: -55px;
    opacity: 0.2;
}

.luans .text p {
    font-size: 18px;
}

.produ .you_title {
    width: 1000px;
}

.produ .you_title .title_txt p {
    color: #dcdcdc;
    line-height: 28px;
    font-size: 18px;
    background: #045ba894;
    padding: 25px 25px;
    border-radius: 5px;
}

.contact {
    position: relative;
    padding: 150px 0;
    background: url(../images/bgjz.png) #01673f left top;
    padding-top: 100px;
}

.contact .tel {
    text-align: center;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 100px;
}

.contact .map {
    width: 80%;
    margin: 0 auto;
    border: 10px solid #fff;
    overflow: hidden;
    background: #fff;
}

#map {
    width: 100%;
    height: 500px;
}

.contact .map ul {
    background: #fff;
    padding: 100px 55px;
    font-size: 25px;
    float: left;
}

.contact .weixinkf {
    color: #007548;
    background: #fff;
    padding: 100px 55px;
    float: right;
    font-size: 18px;
}

.contact .weixinkf h2 {
    font-size: 18px;
}

.contact .weixinkf img {
    display: inline-block;
    margin-top: 15px;
}

.contact .map strong {
    display: block;
    margin-bottom: 10px;
    color: #007548;
}

.contact .map ul li {
    font-size: 18px;
    margin-bottom: 30px;
}

.contact .map ul li img {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
}

.contact .map ul li:last-child {
    margin-bottom: 0;
}

.alshow {
    position: relative;
    overflow: hidden;
}

.alshow .title {
    position: absolute;
    z-index: 5;
    text-align: center;
    width: 610px;
    left: 50%;
    margin-left: -305px;
    color: #fff;
    top: 100px;
    font-size: 40px;
    display: none;
}

.alshow .title span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    font-size: 100px;
    font-weight: bold;
    top: -25px;
    opacity: 0.3;
}

.alshow .title h2 {
    font-size: 60px;
}

.alshow .you_title h2 {
    color: #fff;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.footer {
    position: relative;
    padding: 0;
    font-size: 14px;
    color: #747474;
    line-height: 20px;
    padding-bottom: 0;
    background: #848484;
}

.footer_1 {
    color: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 70px 10%;
    padding-bottom: 0;
}

.footer_weixin {
    display: flex;
    float: left;
    width: 30%;
}

.footer_weixin li {
    text-align: center;
    margin-right: 20px;
}

.footer_weixin li img {
    border: 1px solid #f1f1f1;
    width: 100px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.footer.footercontact .footer_1 {
    position: absolute;
    left: 7.5%;
    margin-top: -150px;
    z-index: 5;
}

.footer.footercontact .footer_2 {
    padding-top: 190px;
}

.footer_1:after {
    clear: both;
    display: table;
    content: " ";
}

.footer_weizhi {
    float: left;
    width: 40%;
    text-align: center;
}

.footer_weizhi img {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.footer_weizhi span {
    display: block;
    line-height: 41px;
    font-size: 20px;
}

.footer_tel {
    float: right;
    text-align: right;
    width: 30%;
}

.footer_tel span {
    display: block;
}

.footer_tel span:nth-child(1) {
    font-size: 20px;
    margin-bottom: 15px;
}

.footer_tel span:nth-child(4) {
    font-size: 20px;
    margin-top: 15px;
}

.footer_tel span:nth-child(2),
.footer_tel span:nth-child(3) {
    font-family: "Impact", "AkzidenzGrotesk-ExtraBoldCondAlt" !important;
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 36px;
}

.footer_tel img {
    width: 30px;
    vertical-align: text-top;
}

.footer_tel a {
    color: #fff;
}

.footer_2 {
    padding: 50px 10%;
    color: #bcbcbc;
    font-size: 14px;
    line-height: 28px;
    padding-top: 70px;
}

.footer_2 strong {
    color: #bcbcbc;
    margin-right: 10px;
}

.footer_2 a {
    color: #bcbcbc;
    margin-right: 15px;
}

.footer_2 .container {
    width: 100%;
    margin: 0 auto;
}

.footer .text-left {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%;
    float: left;
}

.footer .text-right {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%;
    float: left;
    text-align: right;
}

.gotop {
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    cursor: pointer;
}

.radius-half {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.gotop>div {
    position: relative;
    top: 0;
    margin: 0 auto 50px;
    width: 26px;
    height: 26px;
    opacity: .7;
    border: 1px solid #fff;
    -webkit-transition: all 1s cubic-bezier(.23, 1, .38, 1);
    transition: all 1s cubic-bezier(.23, 1, .38, 1);
}

.gotop:hover>div {
    top: 35px;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    opacity: 1;
}

.gotop:hover>div i {
    top: -30px;
}

.gotop>div i {
    position: absolute;
    top: 10px;
    left: 50%;
    display: block;
    content: "";
    width: 1px;
    height: 55px;
    background: #fff;
    -webkit-transition: all 1s cubic-bezier(.23, 1, .38, 1);
    transition: all 1s cubic-bezier(.23, 1, .38, 1);
}

.gotop>div i::after {
    position: absolute;
    top: 0;
    left: -3.5px;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.classic-cl {
    padding: 0px 0px;
    position: relative;
    padding-bottom: 0;
}

.classic-cl .swiper-slide {
    opacity: 0.3;
    text-align: center;
    position: relative;
}

.classic-cl .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.classic-cl .swiper-button-prev,
.classic-cl .swiper-button-next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-image: none;
    background-color: #007548;
    color: #fff;
    text-align: center;
    margin: -30px 0 0;
    outline: none;
    border-radius: 100%;
    transition: all .5s ease;
    top: 45%;
    border: 1px solid #007548;
}

.classic-cl .swiper-button-next {
    background-image: url(../images/jtright.png);
    background-size: 24px;
}

.classic-cl .swiper-button-prev {
    background-image: url(../images/jtleft.png);
    background-size: 24px;
    left: 4%;
}

.classic-cl .swiper-button-prev::before,
.classic-cl .swiper-button-prev::after,
.classic-cl .swiper-button-next::before,
.classic-cl .swiper-button-next::after {
    display: none;
}

.classic-cl .swiper-button-next {
    left: 92%;
    right: auto;
}

.classic-cl .swiper-slide .pic img {
    width: 100%;
    display: block;
}

.classic-cl .swiper-slide .small_pic {
    position: absolute;
    width: 70%;
    left: 30%;
    bottom: 0;
}

.classic-cl .swiper-slide .small_pic img {
    display: block;
    margin: 0 auto;
}

.classic-cl .swiper-slide .small_pic span {
    display: block;
}

.classic-cl .swiper-slide .small_pic span:nth-child(1) img {
    width: 750px;
}

.classic-cl .slidea .small_pic span:nth-child(2) {
    position: absolute;
    top: 120px;
    left: 290px;
}

.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(2) {
    animation: a1_1 1s ease infinite;
    -webkit-animation: a1_1 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1
}

@keyframes a1_1 {
    from {
        top: 200px;
        opacity: 0
    }
    to {
        top: 120px;
        left: 290px;
        opacity: 1
    }
}

@-webkit-keyframes a1_1 {
    from {
        top: 200px;
        opacity: 0
    }
    to {
        top: 120px;
        left: 290px;
        opacity: 1
    }
}

.classic-cl .slidea .small_pic span:nth-child(3) {
    position: absolute;
    top: 0;
    left: 400px;
    opacity: 0;
}

.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(3) {
    animation: a1_2 1.5s ease infinite;
    -webkit-animation: a1_2 1.5s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-fill-mode: forwards
}

@keyframes a1_2 {
    from {
        top: 50px;
        left: 300px;
        opacity: 0
    }
    to {
        top: 0;
        left: 400px;
        opacity: 1
    }
}

@-webkit-keyframes a1_2 {
    from {
        top: 50px;
        left: 300px;
        opacity: 0
    }
    to {
        top: 0;
        left: 400px;
        opacity: 1
    }
}

.classic-cl .slidea .small_pic span:nth-child(4) {
    position: absolute;
    top: 60px;
    left: 920px;
    left: 65%;
    opacity: 0;
}

.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(4) {
    animation: a1_3 2s ease infinite;
    -webkit-animation: a1_3 2s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-fill-mode: forwards
}

@keyframes a1_3 {
    from {
        left: 50%;
        opacity: 0
    }
    to {
        top: 60px;
        left: 65%;
        opacity: 1
    }
}

@-webkit-keyframes a1_3 {
    from {
        left: 50%;
        opacity: 0
    }
    to {
        top: 60px;
        left: 65%;
        opacity: 1
    }
}

.classic-cl .slidea .small_pic span:nth-child(5) {
    position: absolute;
    top: auto;
    left: 180px;
    bottom: 40px;
    opacity: 0;
}

.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(5) {
    animation: a1_4 2s ease infinite;
    -webkit-animation: a1_4 2s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-fill-mode: forwards
}

@keyframes a1_4 {
    from {
        left: 280px;
        opacity: 0
    }
    to {
        left: 180px;
        bottom: 40px;
        opacity: 1
    }
}

@-webkit-keyframes a1_4 {
    from {
        left: 280px;
        opacity: 0
    }
    to {
        left: 180px;
        bottom: 40px;
        opacity: 1
    }
}

.classic-cl .slidea .small_pic span:nth-child(6) {
    position: absolute;
    top: auto;
    left: 60px;
    bottom: 180px;
    opacity: 0;
}

.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(6) {
    animation: a1_5 2s ease infinite;
    -webkit-animation: a1_5 2s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-fill-mode: forwards
}

@keyframes a1_5 {
    from {
        bottom: 80px;
        left: 160px;
        opacity: 0
    }
    to {
        left: 60px;
        bottom: 180px;
        opacity: 1
    }
}

@-webkit-keyframes a1_5 {
    from {
        bottom: 80px;
        left: 160px;
        opacity: 0
    }
    to {
        left: 60px;
        bottom: 180px;
        opacity: 1
    }
}

.classic-cl .slidea .small_pic span:nth-child(7) {
    position: absolute;
    top: auto;
    left: 700px;
    bottom: 30px;
    opacity: 0;
}

.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(7) {
    animation: a1_6 2s ease infinite;
    -webkit-animation: a1_6 2s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-fill-mode: forwards
}

@keyframes a1_6 {
    from {
        left: 600px;
        opacity: 0
    }
    to {
        left: 700px;
        bottom: 30px;
        opacity: 1
    }
}

@-webkit-keyframes a1_6 {
    from {
        left: 600px;
        opacity: 0
    }
    to {
        left: 700px;
        bottom: 30px;
        opacity: 1
    }
}

.classic-cl .slidea .small_pic span:nth-child(8) {
    position: absolute;
    top: auto;
    left: 970px;
    bottom: 220px;
    opacity: 0;
}

.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(8) {
    animation: a1_7 2s ease infinite;
    -webkit-animation: a1_7 2s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-fill-mode: forwards
}

@keyframes a1_7 {
    from {
        left: 870px;
        bottom: 120px;
        opacity: 0
    }
    to {
        left: 970px;
        bottom: 220px;
        opacity: 1
    }
}

@-webkit-keyframes a1_7 {
    from {
        left: 870px;
        bottom: 120px;
        opacity: 0
    }
    to {
        left: 970px;
        bottom: 220px;
        opacity: 1
    }
}

@media screen and (max-width:1740px) {
    .classic-cl .swiper-slide.slidea .small_pic span:nth-child(1) img {
        width: 650px;
    }
    .classic-cl .swiper-slide .small_pic {
        width: 80%;
        left: 20%;
    }
}

.classic-cl .swiper-slide.slideb .small_pic span:nth-child(1) img {
    width: 450px;
}

.classic-cl .slideb .small_pic span {
    position: absolute;
}

.classic-cl .slideb .small_pic span:nth-child(1) {
    position: static;
}

.classic-cl .slideb .small_pic span:nth-child(2) {
    position: absolute;
    top: -110px;
    opacity: 0;
    left: 220px;
}

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(2) {
    animation: a2_1 1s ease infinite;
    -webkit-animation: a2_1 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes a2_1 {
    from {
        top: 0;
        opacity: 0
    }
    to {
        top: -110px;
        opacity: 1
    }
}

@-webkit-keyframes a2_1 {
    from {
        top: 0;
        opacity: 0
    }
    to {
        top: -110px;
        opacity: 1
    }
}

.classic-cl .slideb .small_pic span:nth-child(3) {
    position: absolute;
    bottom: 30px;
    opacity: 0;
    left: 0px;
}

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(3) {
    animation: a2_2 1s ease infinite;
    -webkit-animation: a2_2 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-fill-mode: forwards
}

@keyframes a2_2 {
    from {
        left: -100px;
        opacity: 0
    }
    to {
        left: 0px;
        opacity: 1
    }
}

@-webkit-keyframes a2_2 {
    from {
        left: -100px;
        opacity: 0
    }
    to {
        left: 0px;
        opacity: 1
    }
}

.classic-cl .slideb .small_pic span:nth-child(4) {
    position: absolute;
    top: -70px;
    opacity: 0;
    right: 250px;
    width: 350px;
}

.classic-cl .slideb .small_pic span:nth-child(4) img {
    width: 100%;
}

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(4) {
    animation: a2_3 1s ease infinite;
    -webkit-animation: a2_3 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-fill-mode: forwards
}

@keyframes a2_3 {
    from {
        right: 100px;
        opacity: 0
    }
    to {
        right: 250px;
        opacity: 1
    }
}

@-webkit-keyframes a2_3 {
    from {
        right: 100px;
        opacity: 0
    }
    to {
        right: 250px;
        opacity: 1
    }
}

.classic-cl .slideb .small_pic span:nth-child(5) {
    position: absolute;
    top: -80px;
    opacity: 0;
    right: 140px;
    width: 340px;
}

.classic-cl .slideb .small_pic span:nth-child(5) img {
    width: 100%;
}

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(5) {
    animation: a2_4 1s ease infinite;
    -webkit-animation: a2_4 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-fill-mode: forwards
}

@keyframes a2_4 {
    from {
        right: 0px;
        opacity: 0
    }
    to {
        right: 140px;
        opacity: 1
    }
}

@-webkit-keyframes a2_4 {
    from {
        right: 0px;
        opacity: 0
    }
    to {
        right: 140px;
        opacity: 1
    }
}

.classic-cl .slideb .small_pic span:nth-child(6) {
    position: absolute;
    top: -180px;
    opacity: 0;
    right: 140px;
}

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(6) {
    animation: a2_5 1s ease infinite;
    -webkit-animation: a2_5 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    animation-fill-mode: forwards
}

@keyframes a2_5 {
    from {
        right: 240px;
        opacity: 0;
        top: 180px;
        transform: rotate(360deg);
    }
    to {
        top: -180px;
        right: 140px;
        opacity: 1;
        transform: rotate(0deg);
    }
}

@-webkit-keyframes a2_5 {
    from {
        right: 240px;
        opacity: 0;
        top: 180px;
        transform: rotate(360deg);
    }
    to {
        top: -180px;
        right: 140px;
        opacity: 1;
        transform: rotate(0deg);
    }
}

.classic-cl .slideb .small_pic span:nth-child(7) {
    position: absolute;
    bottom: 30px;
    opacity: 0;
    right: 140px;
}

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(7) {
    animation: a2_66 1s ease infinite;
    -webkit-animation: a2_66 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-fill-mode: forwards
}

@keyframes a2_66 {
    from {
        right: 0px;
        opacity: 0
    }
    to {
        right: 140px;
        opacity: 1
    }
}

@-webkit-keyframes a2_66 {
    from {
        right: 0px;
        opacity: 0
    }
    to {
        right: 140px;
        opacity: 1
    }
}

.classic-cl .swiper-slide.slidec .small_pic span:nth-child(1) img {
    width: 750px;
    margin-left: 0;
    margin-bottom: 50px;
}

.classic-cl .slidec .small_pic span {
    position: absolute;
}

.classic-cl .slidec .small_pic span:nth-child(1) {
    position: relative;
    z-index: 5;
}

.classic-cl .slidec .small_pic span:nth-child(2) {
    position: absolute;
    top: -110px;
    opacity: 0;
    left: 220px;
}

.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(2) {
    animation: a3_1 1s ease infinite;
    -webkit-animation: a3_1 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes a3_1 {
    from {
        top: 0;
        opacity: 0
    }
    to {
        top: -110px;
        opacity: 1
    }
}

@-webkit-keyframes a3_1 {
    from {
        top: 0;
        opacity: 0
    }
    to {
        top: -110px;
        opacity: 1
    }
}

.classic-cl .slidec .small_pic span:nth-child(3) {
    position: absolute;
    top: -250px;
    opacity: 0;
    left: 1020px;
}

.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(3) {
    animation: a3_2 1s ease infinite;
    -webkit-animation: a3_2 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes a3_2 {
    from {
        top: 0;
        opacity: 0;
        left: 320px;
    }
    to {
        top: -250px;
        opacity: 1;
        left: 1020px;
    }
}

@-webkit-keyframes a3_2 {
    from {
        top: 0;
        opacity: 0;
        left: 320px;
    }
    to {
        top: -250px;
        opacity: 1;
        left: 1020px;
    }
}

.classic-cl .slidec .small_pic span:nth-child(4) {
    position: absolute;
    bottom: 50px;
    opacity: 0;
    left: 660px;
    z-index: 2;
}

.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(4) {
    animation: a3_3 1s ease infinite;
    -webkit-animation: a3_3 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    animation-fill-mode: forwards
}

@keyframes a3_3 {
    from {
        opacity: 0;
        left: 120px;
    }
    to {
        opacity: 1;
        left: 660px;
    }
}

@-webkit-keyframes a3_3 {
    from {
        opacity: 0;
        left: 120px;
    }
    to {
        opacity: 1;
        left: 660px;
    }
}

.classic-cl .swiper-slide.slided .small_pic span:nth-child(1) img {
    width: 650px;
    margin-bottom: 50px;
}

.classic-cl .slided .small_pic span {
    position: absolute;
}

.classic-cl .slided .small_pic span:nth-child(1) {
    position: relative;
    z-index: 5;
}

.classic-cl .slided .small_pic span:nth-child(2) {
    position: absolute;
    top: -30px;
    opacity: 0;
    left: 420px;
}

.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(2) {
    animation: a4_1 1s ease infinite;
    -webkit-animation: a4_1 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes a4_1 {
    from {
        top: 0;
        opacity: 0
    }
    to {
        top: -30px;
        opacity: 1
    }
}

@-webkit-keyframes a4_1 {
    from {
        top: 0;
        opacity: 0
    }
    to {
        top: -30px;
        opacity: 1
    }
}

.classic-cl .slided .small_pic span:nth-child(3) {
    position: absolute;
    top: -60px;
    opacity: 0;
    left: 920px;
}

.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(3) {
    animation: a4_2 1s ease infinite;
    -webkit-animation: a4_2 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes a4_2 {
    from {
        top: 100px;
        opacity: 0
    }
    to {
        top: -60px;
        opacity: 1
    }
}

@-webkit-keyframes a4_2 {
    from {
        top: 100px;
        opacity: 0
    }
    to {
        top: -60px;
        opacity: 1
    }
}

.classic-cl .slided .small_pic span:nth-child(4) {
    position: absolute;
    bottom: 40px;
    opacity: 0;
    left: 180px;
}

.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(4) {
    animation: a4_3 1s ease infinite;
    -webkit-animation: a4_3 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    animation-fill-mode: forwards;
}

@keyframes a4_3 {
    from {
        left: 220px;
        opacity: 0
    }
    to {
        left: 180px;
        opacity: 1
    }
}

@-webkit-keyframes a4_3 {
    from {
        left: 220px;
        opacity: 0
    }
    to {
        left: 180px;
        opacity: 1
    }
}

.classic-cl .slided .small_pic span:nth-child(5) {
    position: absolute;
    bottom: 40px;
    opacity: 0;
    left: 700px;
}

.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(5) {
    animation: a4_4 1s ease infinite;
    -webkit-animation: a4_4 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    animation-fill-mode: forwards;
}

@keyframes a4_4 {
    from {
        left: 220px;
        opacity: 0
    }
    to {
        left: 700px;
        opacity: 1
    }
}

@-webkit-keyframes a4_4 {
    from {
        left: 220px;
        opacity: 0
    }
    to {
        left: 700px;
        opacity: 1
    }
}

.classic-cl .swiper-slide.slidee .small_pic span:nth-child(1) img {
    width: 650px;
    margin-bottom: 50px;
    margin-left: 5%;
}

.classic-cl .slidee .small_pic span {
    position: absolute;
}

.classic-cl .slidee .small_pic span:nth-child(1) {
    position: relative;
    z-index: 5;
}

.classic-cl .swiper-slide.slidee .small_pic {
    width: 100%;
    left: 0%;
}

.classic-cl .swiper-slide.slidee .pic_text {
    text-align: center;
    top: 30%;
}

.classic-cl .swiper-slide.slidee .pic_text h2 i {
    left: 50%;
}

.classic-cl .slidee .small_pic span:nth-child(2) {
    position: absolute;
    top: -70px;
    opacity: 0;
    left: 130px;
}

.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(2) {
    animation: a5_1 1s ease infinite;
    -webkit-animation: a5_1 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

@keyframes a5_1 {
    from {
        top: 0;
        opacity: 0
    }
    to {
        top: -70px;
        opacity: 1
    }
}

@-webkit-keyframes a5_1 {
    from {
        top: 0;
        opacity: 0
    }
    to {
        top: -70px;
        opacity: 1
    }
}

.classic-cl .slidee .small_pic span:nth-child(3) {
    position: absolute;
    top: -90px;
    opacity: 0;
    left: 550px;
}

.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(3) {
    animation: a5_2 1s ease infinite;
    -webkit-animation: a5_2 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .8s;
    -webkit-animation-delay: .8s;
}

@keyframes a5_2 {
    from {
        top: 0;
        left: 650px;
        opacity: 0
    }
    to {
        top: -90px;
        left: 550px;
        opacity: 1
    }
}

@-webkit-keyframes a5_2 {
    from {
        top: 0;
        left: 650px;
        opacity: 0
    }
    to {
        top: -90px;
        left: 550px;
        opacity: 1
    }
}

.classic-cl .slidee .small_pic span:nth-child(4) {
    position: absolute;
    bottom: 50px;
    opacity: 0;
    left: 580px;
}

.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(4) {
    animation: a5_3 1s ease infinite;
    -webkit-animation: a5_3 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .8s;
    -webkit-animation-delay: .8s;
}

@keyframes a5_3 {
    from {
        left: 450px;
        opacity: 0
    }
    to {
        left: 580px;
        opacity: 1
    }
}

@-webkit-keyframes a5_3 {
    from {
        left: 450px;
        opacity: 0
    }
    to {
        left: 580px;
        opacity: 1
    }
}

.classic-cl .slidee .small_pic span:nth-child(5) {
    position: absolute;
    bottom: 50px;
    opacity: 0;
    right: 0;
}

.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(5) {
    animation: a5_4 1s ease infinite;
    -webkit-animation: a5_4 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .8s;
    -webkit-animation-delay: .8s;
}

@keyframes a5_4 {
    from {
        right: -100px;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes a5_4 {
    from {
        right: -100px;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
}

.classic-cl .swiper-slide .pic_text {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 38%;
    text-align: left;
}

.classic-cl .swiper-slide .pic_text h2 {
    z-index: 5;
    position: relative;
    font-size: 50px;
    font-weight: 200;
    letter-spacing: 5px;
}

.classic-cl .swiper-slide .pic_text h2 i {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-style: inherit;
    font-size: 20px;
    letter-spacing: 1px;
    left: 100px;
    top: 44px;
    z-index: -1;
}

.classic-cl .swiper-slide .pic_text span {
    display: block;
    margin-top: 30px;
    font-size: 22px;
    color: #7e7e7e;
    font-weight: 100;
}

.newsart {
    background: #fff;
    padding: 80px 0px;
    margin-top: 100px;
}

.newsart .title {
    width: 80%;
    height: 40px;
    font-size: 26px;
    font-family: 'Microsoft YaHei';
    color: #2d2d2d;
    text-align: center;
    margin: 0 auto;
}

.newsart .source {
    width: 80%;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 10px;
    color: #b7b7b7;
    font-size: 14px;
    float: none;
}

.newsart .article {
    width: 1200px;
    margin: 0 auto;
    line-height: 190%;
    min-height: 400px;
    padding-bottom: 10px;
    overflow: hidden;
    font-size: 18px;
}

.newsart .article img {
    max-width: 100%;
    height: auto;
}

.products_nr {
    padding: 100px 0px;
}

.products_nr ul {
    width: 80%;
    margin: 0 auto;
}

.products_nr ul li {
    float: left;
    width: 22%;
    margin-right: 4%;
    transition: all 0.2s ease-in-out 0s;
}

.products_nr ul li:nth-child(4n) {
    margin-right: 0;
}

.products_nr ul li img {
    width: 100%;
    display: block;
}

.products_nr ul li p {
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #565656;
}

.products_nr ul::after {
    content: '';
    display: block;
    clear: both;
}

.products_nr ul li:hover {
    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px);
}

.join_us {
    width: 80%;
    margin-top: 20px;
    margin: auto;
}

.join_us .h50 {}

.join_us img {
    max-width: 100%;
}

.join_us .us_l {
    width: 30%;
    float: right;
    margin-top: 5%;
}

.join_us .us_l .us_cont {
    margin-left: 10%;
    color: #007548;
}

.join_us .us_l .us_cont .tit_1 {
    position: relative;
    font-size: 60px;
    font-family: 'ral';
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 10px;
    opacity: 0.3;
    z-index: 1;
}

.join_us .us_l .us_cont .tit_2 {
    font-size: 58px;
    font-weight: 700;
    color: #007548;
    margin-top: 10px;
    line-height: 100px;
}

.join_us .us_l .us_cont .tit_3 {
    font-family: 700;
    font-size: 50px;
    color: #b99542;
    line-height: 50px;
}

.join_us .us_l .us_cont .tit_4 {
    font-weight: lighter;
    font-size: 30px;
    line-height: 40px;
    margin-top: 40px;
}

.join_us .us_l .us_cont .tit_5 {
    font-size: 20px;
    vertical-align: middle;
    margin-top: 20px;
}

.join_us .us_l .us_cont .tit_5 font {
    float: left;
}

.join_us .us_l .us_cont .tit_5 span {
    font-size: 50px;
    color: #b99542;
    float: left;
    margin-top: -23px;
}

.join_us .us_l .tit_6 {
    width: 150px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 26px;
    color: #333;
    background: #b99542;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 20%;
}

.join_us .us_l .us_cont .tit_6 {
    width: 150px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 26px;
    color: #333;
    background: #b99542;
    margin-top: 30px;
    margin-bottom: 20px;
}

.join_us .us_l .tit_6 a {
    color: #fff;
}

.join_us .us_l .us_cont .tit_6 a {
    color: #fff;
}

.jonRom {
    background: url(../img/fb_back.png) center no-repeat;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 78px;
    width: 440px;
    height: 78px;
    color: #fff;
    background-size: cover;
    margin: 30px auto;
    vertical-align: middle;
    margin-bottom: 60px;
}

.jonRom span {
    font-size: 26px;
    font-weight: 500;
    vertical-align: middle;
}

.jonRom font {
    vertical-align: middle;
    float: left;
    margin-left: 60px;
}

.jonRom img {
    float: right;
    vertical-align: middle;
    margin: 30px 60px 0 0;
    width: 30px;
}

.join_us .us_r {
    width: 70%;
    float: left;
    margin-top: 5%;
}

.join_us .us_r video {
    width: 100%;
}

.dbbiaoyu {
    text-align: center;
    padding-bottom: 20px;
}

.dbbiaoyu img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.shop_dis {
    width: 80%;
    margin: 110px auto;
    min-width: 1200px;
}

.shop_dis img {
    max-width: 100%;
}

.shop_dis .dis_tit {
    text-align: center;
    font-size: 46px;
    color: #007548;
    font-weight: 700;
    margin-bottom: 20px;
}

.shop_dis .dis_int {
    font-size: 28px;
    font-weight: lighter;
    text-align: center;
    line-height: 40px;
    color: #646564
}

.shop_dis .dis_img {
    margin-top: 50px;
}

.shop_dis .dis_img .img_top {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.shop_dis .dis_img .img_top .img_k:nth-child(1),
.shop_dis .dis_img .img_bottom .img_d:nth-child(1) {
    margin-left: 0;
}

.shop_dis .dis_img .img_top .img_k {
    width: 33%;
    height: 100%;
    float: left;
    margin-left: 0.5%;
}

.shop_dis .dis_img .img_top .img_k img {
    width: 100%;
    height: 100%;
}

.shop_dis .dis_img .img_bottom {
    width: 100%;
    height: 228px;
    overflow: hidden;
    margin-bottom: 10px;
}

.shop_dis .dis_img .img_bottom .img_d {
    width: 19.6%;
    height: 100%;
    float: left;
    margin-left: 0.5%;
}

.shop_dis .dis_img .img_bottom .img_d img {
    width: 100%;
    height: 100%;
}

.step {
    /* background: url(../images/banner3.jpg) no-repeat; */
    background: #009944;
    padding: 200px 0px;
    position: relative;
    background-size: auto 100%;
}

.step .title {
    position: absolute;
    z-index: 5;
    text-align: center;
    width: 610px;
    left: 50%;
    margin-left: -305px;
    color: #fff;
    top: 160px;
    font-size: 40px;
}

.step .title span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    font-size: 100px;
    font-weight: bold;
    top: -25px;
    opacity: 0.3;
    text-transform: uppercase
}

.step .title h2 {
    font-size: 60px;
}

.step .con {
    width: 1200px;
    margin: 0 auto;
    margin-top: 130px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.step .con .dot {
    text-align: center;
    position: relative;
    z-index: 10;
}

.step .con .dot>a:hover {
    transform: scale(1.2);
}

.step .con .dot>a {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    line-height: 90px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background-color: #ffffff;
    color: #01683d;
    display: inline-block;
    overflow: hidden;
}

.step .con .dot span {
    line-height: 1.6;
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.step .con:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    width: 90%;
    top: 45px;
    height: 8px;
    background-color: #fff;
}

.step .con .dot>a>svg {
    width: 47px;
}

.step .stepmo {
    margin-top: 50px;
    text-align: center;
    font-size: 18px;
}

.step .stepmo a {
    display: inline-block;
    background: #007548;
    color: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.step .stepmo a:hover {
    transform: scale(1.1);
}

.section {
    background: #efefef;
    padding: 80px;
}

.section .container {
    margin: 0 auto;
    padding: 60px;
    width: 1200px;
    background: #fff;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title p {
    color: #fff;
    font-size: 35px;
    color: #000;
}

.section.section_yp {
    padding: 0;
    background: #fff;
}

.section.section_yp .container {
    width: 100%;
    padding: 0;
}

.message .tit {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.message li {
    float: left;
    width: 48%;
    margin-top: 30px;
}

.message li input {
    display: block;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 544px;
    font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

.section .container .jm_er {
    text-align: center;
    margin-top: 50px;
}

.section .container .jm_er h2 {
    color: #007548;
    margin-bottom: 20px;
}

.section.section_yp {
    margin-top: 30px;
    border-top: 1px solid #e6e6e6f1;
    padding-top: 25px;
}

.section.section_yp .message li input {
    width: 100%;
    box-sizing: border-box;
}

.section.section_yp .message li textarea {
    width: 100%;
    box-sizing: border-box;
}

.section.section_yp .message {
    overflow: hidden;
}

.section.section_yp .message ul {
    width: 70%;
    float: left;
    display: none;
}

.section.section_yp .erm {
    width: 20%;
    margin-top: 30px;
}

.section.section_yp .section-title {
    margin-bottom: 0px;
    text-align: left;
    font-size: 24px;
}

.section.section_yp .section-title p {
    font-size: 25px;
    font-weight: bold;
    color: #4B4948!important;
}

.section.section_yp .erm img {
    width: 100%;
}

.message li:nth-of-type(even) {
    float: right;
}

.clearfix:after {
    clear: both;
}

.message li.textarea {
    width: 100%;
}

.message li textarea {
    display: block;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 1168px;
    font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

.message li button {
    display: block;
    font-size: 22px;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    width: 100%;
    background-color: #016450;
    color: #fff;
    cursor: pointer;
}

.message li:last-child {
    width: 100%;
}

.section .shenm {
    margin: 0 auto;
    padding: 60px;
    background: #fff;
    text-align: center;
}

.section .shenm h2 {
    margin-bottom: 20px;
    display: none;
}

.section .shenm img {
    width: 80%;
}

.section .shenm p {
    display: none;
}

.history {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 50px 0;
}

.swiper-lishi {
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.swiper-lishi .swiper-slide h5 {
    font-size: 50px;
    color: #b3b3b3;
    margin-top: 60px;
    text-align: center;
}

.swiper-lishi .swiper-slide {
    box-sizing: border-box;
    padding: 40px;
}

.swiper-lishi .swiper-slide p {
    font-size: 14px;
    line-height: 25px;
    color: #7f7f7f;
}

.swiper-lishi .swiper-slide h2 {
    font-size: 40px;
    color: #007548;
}

.swiper-lishi .swiper-slide h4 {
    border-left: 3px solid #007548;
    font-size: 16px;
    color: #007548;
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.swiper-lishi .swiper-slide h2::before {
    content: ' ';
    height: 16px;
    width: 16px;
    display: inline-block;
    transform: rotate(135deg);
    border-bottom: 4px solid #007548;
    border-right: 4px solid #007548;
    margin-top: -5px;
    vertical-align: middle;
}

.khlogo {
    background: url(../images/khlogobg.jpg) no-repeat top;
    position: relative;
    padding: 100px 0px;
}

.ocean {
    height: 70px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2px;
    z-index: 10;
}

.wave {
    height: 70px;
    position: absolute;
    left: 0;
}

.wave {
    bottom: 0;
    background-image: url(../images/wabg.png);
    background-repeat: repeat-x;
    background-size: 50% 70px;
    background-position: 0 bottom;
    background-origin: center bottom;
    width: 200%;
    -webkit-animation: waves 4s linear infinite;
    animation: waves 4s linear infinite;
    z-index: 11;
}

.wave:nth-of-type(3) {
    -webkit-animation: waves 8s linear infinite;
    animation: waves 8s linear infinite;
    z-index: 13;
    opacity: .3;
}

.wave:nth-of-type(2) {
    -webkit-animation: waves 6s linear infinite;
    animation: waves 6s linear infinite;
    opacity: .5;
    z-index: 12;
}

.khlogo ul {
    overflow: hidden;
    padding: 90px;
}

.khlogo ul li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 50px;
}

.khlogo ul li img {
    display: inline-block;
}

.zhaopin {
    width: 80%;
    margin: 110px auto;
    border: 1px solid #f1f1f1;
}

.zp_title {
    display: flex;
}

.zp_title span {
    flex: 1;
    text-align: center;
    line-height: 80px;
    background: #f8f8f8;
}

.zhaopin ul li {
    border-bottom: 1px solid #f8f8f8;
}

.zhaopin ul li:hover {
    background: #f8f8f8;
}

.zhaopin ul li a {
    display: flex;
}

.zhaopin ul li a span {
    flex: 1;
    text-align: center;
    line-height: 80px;
}

.zhaopin_nr {
    width: 80%;
    margin: 110px auto;
    border: 1px solid #f1f1f1;
    padding: 50px;
    margin-top: 50px;
    box-sizing: border-box;
}

.zhiul {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.zhiul li {
    line-height: 30px;
    width: 30%;
    float: left;
    color: #6d6d6d;
    font-size: 14px;
}

.zhaopin_nr_text {
    line-height: 200%;
}

.zpcontact a {
    display: block;
    width: 150px;
    line-height: 60px;
    color: #fff;
    background: #007548;
    text-align: center;
    margin-top: 50px;
}

.kuanj {
    background: url(../images/bg6.jpg) top center;
    position: relative;
    padding-bottom: 150px;
}

.kuanj .you_title {
    padding: 100px 0;
    padding-bottom: 100px;
    z-index: 2;
}

.kuanj .you_title h2 {
    color: #fff;
}

.kuanj .you_title .title_txt p {
    color: #fff;
}

.dqbg {
    opacity: 0.2;
    position: absolute;
    left: 60%;
}

.kuanj_pic {
    width: 1212px;
    margin: 0 auto;
    padding-bottom: 90px;
}

.kuanj_pic .swiper-pagination-bullet-active {
    background: #00ecf0;
}

.kuanj_pic .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 30px 30px;
    background: #fff;
}

.kuanj_pic.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 15px 15px;
}

.kuanj_pic .swiper-container-cube .swiper-cube-shadow {
    background-color: rgba(1, 209, 221, 0.54);
}

.guanx {
    position: absolute;
    width: 1200px;
    height: 1420px;
    top: -480px;
    transform: rotate(125deg);
    z-index: 0;
}

.guanx .shooting_star {
    position: absolute;
    left: 0;
    top: 20%;
    height: 1px;
    background: linear-gradient(-45deg, #02f0fa, rgba(0, 0, 255, 0));
    border-radius: 999px;
    -webkit-filter: drop-shadow(0 0 6px #699bff);
    filter: drop-shadow(0 0 6px #699bff);
    -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
    animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
    webkit-filter: blur(1px);
    filter: blur(1px);
}

.guanx .shooting_star:nth-child(2) {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    top: 25%;
}

.guanx .shooting_star:nth-child(3) {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    top: 10%;
}

.guanx .shooting_star:nth-child(3) {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    top: 0;
}

.qiyeruanj {
    background: #009944;
    padding: 70px 0;
}

.qiyeruanj ul {
    width: 80%;
    margin: 0 auto;
    display: flex;
    text-align: center;
    color: #fff;
}

.qiyeruanj ul li {
    flex: 2;
    margin: 0 25px;
}

.qiyeruanj ul li:last-child {
    flex: 1;
}

.qiyeruanj ul li h3 {
    font-size: 25px;
}

.qiyeruanj ul li h4 {
    margin: 20px;
    font-weight: 400;
}

.qiyeruanj ul li p {
    line-height: 32px;
    font-size: 14px;
    color: #dedede;
}

.in_bgm {
    position: absolute;
    left: 50%;
    top: 888px;
    width: 241px;
    height: 234px;
    transition: all 1.5s;
    margin-left: -890px;
}

.in_bgm .in_circle1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle11.png) center no-repeat;
    animation: zhuan 13s infinite linear;
}

.in_bgm .in_circle2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle22.png) center no-repeat;
    animation: zhuan2 17s infinite linear;
}

.in_bgm .in_circle3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle33.png) center no-repeat;
    animation: zhuan 11s infinite linear;
}

.in_bgm .in_number {
    background: url(../images/in_number44.png) center no-repeat;
}

.in_bgm .in_number {
    width: 241px;
    height: 234px;
}

.in_conference {
    width: 100%;
    position: relative;
    padding-top: 374px;
}

.in_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.in_conference .in_bg {
    height: 1069px;
}

.in_bg .in_bgl {
    position: absolute;
    left: 0;
    top: 0;
    width: 159px;
    height: 217px;
    background: url(../images/in_divbgl.png) center no-repeat;
    transition: all 1s 1s;
}

.in_bg .in_bgm {
    position: absolute;
    left: 143px;
    top: 28px;
    width: 241px;
    height: 234px;
    margin-left: 0;
    transition: all 1.5s;
}

.in_bg .in_bgr {
    position: absolute;
    left: 356px;
    top: 77px;
    z-index: 2;
    width: 1544px;
    height: 992px;
    background: url(../images/in_divbgr.png) left top no-repeat;
    overflow: hidden;
    margin-left: 0;
    transition: left 1.5s, margin-left 1.5s, width 1.5s;
}

.in_conference .in_content {
    height: 340px;
}

.in_conference .in_content .in_confbg {
    position: absolute;
    overflow: hidden;
    width: 1636px;
    height: 279px;
    left: 50%;
    margin-left: -818px;
}

.in_conference .in_content .in_confbg .in_confl {
    display: block;
    width: 636px;
    height: 279px;
    background: url(../images/in_linel.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s 0.5s;
}

.in_conference .in_content .in_confbg .in_confr {
    display: block;
    width: 643px;
    height: 279px;
    background: url(../images/in_liner.png) center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1s 0.5s;
}

.in_conference .in_content .in_conf1 {
    font-size: 51px;
    color: #fff;
    margin-bottom: 20px;
    transition: all 1s;
    text-align: center;
    padding-top: 40px;
    display: block;
}

.in_conference .in_content .in_conf1 i {
    display: block;
    letter-spacing: 5px;
    font-style: normal;
}

.show .in_confbg .in_confl {
    transform: translate(-400px, 0);
    opacity: 0;
}

.show .in_confbg .in_confr {
    transform: translate(400px, 0);
    opacity: 0;
}

#mainthree .kuanj {
    padding-top: 130px;
}

.kuanj .diqiu {
    background: url(../images/in_xzy_guang3.png) no-repeat;
    position: absolute;
    top: -140px;
    height: 300px;
    width: 100%;
    transform: rotate(180deg);
}

.in_guest .in_crilist {
    position: relative;
    z-index: 10;
    width: 85%;
    margin: 0 auto;
}

.in_guest .in_crilist ul {
    overflow: hidden;
}

.in_guest .in_crilist li {
    width: 25%;
    float: left;
    margin-bottom: 35px;
    transition: all 1s;
}

.in_guest .in_crilist li a {
    cursor: pointer;
    color: #8cb2d8;
    width: 100%;
    display: block;
    background: url(../images/in_lbg-11.png) no-repeat bottom center;
}

.in_guest .in_crilist li a:hover {
    color: #fff;
}

.in_guest .in_crilist li .in_lipic {
    width: 100%;
    height: 212px;
    background: url(../images/in_pbg1.png) no-repeat top center;
    position: relative;
    transition: all 1s;
}

.in_guest .in_crilist li .in_lipic2 {
    width: 100%;
    height: 212px;
    background: url(../images/in_pbg1-2.png) no-repeat top center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.in_guest .in_crilist li .in_lipic3 {
    width: 100%;
    height: 212px;
    background: url(../images/in_pbg1-3.png) no-repeat top center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.in_guest .in_crilist li .in_lipic_img {
    width: 100%;
    height: 212px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.in_guest .in_crilist a:hover .in_lipic2 {
    animation: zhuan 7s infinite linear;
}

.in_guest .in_crilist a:hover .in_lipic3 {
    animation: zhuan2 11s infinite linear;
}

.in_guest .in_crilist .in_lipic_img {
    line-height: 212px;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}

.in_guest .in_crilist .in_text {
    text-align: center;
    line-height: 35px;
    margin-top: 10px;
}

.kuanj .two {
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    margin-top: 100px;
}

.kuanj .two .top {
    display: flex;
}

.kuanj .two .top .item {
    transition: all .3s ease-in-out;
    position: relative;
    flex: 1;
    text-align: center;
    padding: 25px 0;
    border-bottom: 1px solid rgba(234, 233, 229, .3);
    cursor: pointer;
    z-index: 0;
    border-top: 1px solid rgba(234, 233, 229, .3);
    border-left: 1px solid rgba(234, 233, 229, .3);
}

.kuanj .two .top .item:last-child {
    border-right: 1px solid rgba(234, 233, 229, .3);
}

.kuanj .two .top .item.on {
    padding: 35px 0 15px;
}

.kuanj .two .top .item img {
    margin: 0 auto;
    width: 60px;
}

.kuanj .two .top .item p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    margin-top: 10px;
}

.kuanj .two .top .item.on p {
    color: #fff;
}

.kuanj .two .top .item:after {
    transition: all .3s;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom right, #e52b29, #f48b14);
    z-index: -1;
    opacity: 0;
}

.kuanj .two .top .item.on:after {
    bottom: -8%;
    opacity: 1;
}

.kuanj .two .bottom {
    padding: 40px 0 55px 90px;
    border: 1px solid rgba(234, 233, 229, .3);
    border-top: none;
}

.kuanj .two .bottom .box {
    display: none;
}

.kuanj .two .bottom h1 {
    font-size: 30px;
    color: #fff;
}

.kuanj .two .bottom p {
    font-size: 18px;
    color: rgba(255, 254, 254, 0.7);
    padding-left: 5px;
    margin-top: 15px;
}

.kuanj .two .bottom p:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 4px;
    background: #f7b426;
    vertical-align: middle;
    margin-right: 15px;
}

.kuanj.aboutnr {
    background: url(../images/bannerthree.jpg) no-repeat #0b0e2c;
}

.news_list {
    padding: 15px 0 27px 0;
    width: 1400px;
    margin: 0 auto;
    margin-top: 100px;
}

.news_list>a {
    display: block;
    margin-bottom: 20px;
}

.pure:before,
.pure:after {
    content: "";
    display: table;
}

.pure:after {
    clear: both;
}

.new_time {
    float: left;
    width: 10%;
    margin-right: 10px;
    margin-top: 53px;
    font-size: 30px;
    line-height: 30px;
    font-family: "Impact", "AkzidenzGrotesk-ExtraBoldCondAlt" !important;
}

.new_time>span {
    font-size: 18px;
}

.new_tex_box {
    float: right;
    padding: 35px 0;
    width: 79.6%;
    margin-right: -4.615%;
    transition: all .5s ease;
    padding-right: 4.615%;
}

.new_tex_box>img {
    float: left;
    width: 30%;
    margin-left: -10%;
    transition: all .5s ease;
}

.new_tex_box>div {
    float: right;
    width: 66.6666%;
}

.new_tex_box1 {
    float: right;
    padding: 15px 0;
    width: 100%;
    margin-right: -4.615%;
    transition: all .5s ease;
    padding-right: 4.615%;
}

.new_tex_box1>div {
    float: left;
    width: 66.6666%;
}

.new_title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 40px;
    transition: all .5s ease;
}

.new_info1 {
    font-size: 16px;
    line-height: 2;
    color: rgba(0, 0, 0, .5);
    margin-top: 10px;
    transition: all .5s ease;
    text-align: justify;
}

.new_info {
    font-size: 16px;
    line-height: 2;
    color: rgba(0, 0, 0, .5);
    margin-top: 20px;
    transition: all .5s ease;
    text-align: justify;
}

.news_list>a:hover .new_tex_box {
    background-color: #fff;
    -webkit-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
    -moz-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
    box-shadow: 0 0 54px rgba(29, 56, 75, .26);
}

.news_list>a:hover .new_tex_box1 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px rgba(29, 56, 75, .26);
    -moz-box-shadow: 0 0 24px rgba(29, 56, 75, .26);
    box-shadow: 0 0 24px rgba(29, 56, 75, .26);
}

.news_list>a:hover .new_tex_box>img {
    margin-left: -13%;
}

.about_nr {
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    color: #fff;
}

.about_nr .about_a_1 {
    width: 70%;
    padding-top: 140px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.about_nr .about_a_1 h2 {
    margin-bottom: 20px;
    font-size: 40px;
}

.about_nr .about_a_1 p {
    line-height: 40px;
    font-size: 18px;
}

.about_nr .en_b {
    -webkit-text-stroke: 1px rgb(4 91 168 / 55%);
    position: absolute;
    color: transparent;
    font-size: 420px;
    white-space: nowrap;
    font-family: en_b;
    text-align: center;
    z-index: 1;
    width: 100%;
    display: block;
}

.about_nr .en_b em {
    display: inline-block;
    font-style: normal;
}

.aboutnr .luans_right {
    position: relative;
    z-index: 5;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.aboutnr .luans_right .swiper-luans {
    width: 70%;
    margin: 0 auto;
}

.aboutnr .luans_right img {
    width: 100%;
    height: auto;
}

.aboutnr .luans_right .swiper-button-prev {
    left: 0;
    top: 0;
    margin-top: 0;
    background-color: #0b0e2c9e;
    width: 11%;
    height: 100%;
    padding-left: 2px;
}

.aboutnr .luans_right .swiper-button-next {
    right: 0;
    top: 0;
    margin-top: 0;
    background-color: #0b0e2c9e;
    width: 11%;
    height: 100%;
    padding-right: 2px;
}

.show .in_cont {
    opacity: 0;
}

.show .in_main .in_span {
    transform: scale(0, 0);
    opacity: 0;
}

.show .in_main .in_img {
    transform: scale(0, 0);
    opacity: 0;
}

.show .in_main .in_i {
    transform: scale(0, 0);
    opacity: 0;
}

.show .in_bg .in_bgl {
    transform: translate(-159px, 0);
    opacity: 0;
}

.show .in_bg .in_bgm {
    left: 50%;
    margin-left: -120px;
}

.show .in_bg .in_bgr {
    left: 50%;
    margin-left: 120px;
    width: 0;
}

.show .in_conf1 {
    transform: translate(0, 50px);
    opacity: 0;
}

.scroll {
    border: 2px solid #fff;
    height: 40px;
    width: 20px;
    border-radius: 30px;
    position: absolute;
    top: 88vh;
    z-index: 6;
    left: 50%;
    margin-left: -10px;
}

.scroll span {
    height: 10px;
    width: 1px;
    background: #fff;
    display: block;
    margin: 0 auto;
}

.scroll em {
    height: 10px;
    width: 3px;
    background: #fff;
    display: block;
    margin: 0 auto;
    -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation: line1Beforeaa 1.5s infinite alternate;
    animation: line1Beforeaa 0.5s infinite alternate;
}

.kuanj.fanse {
    background: url(../images/bg7.jpg) no-repeat top center #0b0e2c;
}

.kuanj.fanse .you_title {
    height: 100vh;
    margin-top: -130px;
    padding: 0;
    width: 1000px;
}

.yoush {
    width: 80%;
    min-width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
    position: relative;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.kuanj.fanse .you_title h2 {
    font-size: 52px;
}

.kuanj.fanse .you_title p {
    font-size: 20px;
}

.yoush .yoush_a {
    width: 46.2857%;
    float: left;
    margin-top: 40px;
    margin-left: -50px;
    transition: all 0.3s ease-in;
}

.yoush .yoush_a h2 {
    font-size: 50px;
    color: #ffffff;
    padding-top: 50px;
    position: relative;
    padding-left: 70px;
}

.yoush .yoush_a h2 p {
    color: #fff;
    text-align: justify;
    font-size: 30px;
    font-family: en_b;
    opacity: 0.7;
}

.yoush .yoush_a .pp {
    font-size: 18px;
    color: #cbcbcb;
    line-height: 2.22;
    text-align: justify;
    margin-top: 20px;
    padding-left: 70px;
}

.yoush .yoush_a span {
    display: block;
    font-weight: bold;
    font-family: en_b;
    color: transparent;
    font-size: 180px;
    -webkit-text-stroke: 1px #D70917;
    -webkit-text-stroke: 1px #2e7ef0;
    opacity: .3;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: -1;
}

.yoush .yoush_a i {
    display: block;
    position: relative;
    display: inline-block;
    padding-left: 70px;
    margin-top: 50px;
}

.yoush .yoush_a i::before {
    content: "";
    width: 40px;
    height: 2px;
    background: #fff;
    display: block;
    transition: all 0.3s ease-in;
}

.yoush:hover .yoush_a i::before {
    width: 100px;
}

.yoush .yoush_a i::after {
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    right: -4px;
    bottom: 6px;
    transform: rotate(45deg);
}

.yoush:hover {
    opacity: 1;
}

.yoush .yoush_b {
    width: 46.2857%;
    float: right;
    margin-right: -50px;
    transition: all 0.3s ease-in;
}

.fanan .yoush:nth-child(2n) .yoush_a {
    float: right;
    margin-left: 0px;
    margin-right: -50px;
}

.fanan .yoush:nth-child(2n) .yoush_b {
    float: left;
    margin-right: 0px;
    margin-left: -50px;
}

.yoush:hover .yoush_a {
    margin-left: 0px;
}

.yoush:hover .yoush_b {
    margin-right: 0px;
}

.yoush:nth-child(2n):hover .yoush_a {
    margin-right: 0px;
}

.yoush:nth-child(2n):hover .yoush_b {
    margin-left: 0px;
}

.fanan .yoush:nth-child(1) .yoush_a span {
    top: 120px;
}

.fanan .yoush:nth-child(2) .yoush_a span {
    top: 260px;
}

.fanan .yoush:nth-child(3) .yoush_a span {
    top: 410px;
}

.fanan .yoush:nth-child(4) .yoush_a span {
    top: 570px;
}

.fanan .yoush:nth-child(5) .yoush_a span {
    top: 720px;
}

.fanan .yoush:nth-child(6) .yoush_a span {
    top: 870px;
}

.fanan .yoush:nth-child(7) .yoush_a span {
    top: 1020px;
}

.fanan .yoush:nth-child(8) .yoush_a span {
    top: 1170px;
}

.fanan .yoush:nth-child(9) .yoush_a span {
    top: 1320px;
}

.fanan .yoush:nth-child(10) .yoush_a span {
    top: 1500px;
}

.yoush .yoush_b img {
    -webkit-mask: url(data:img/png;base64,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);
    -webkit-mask-size: 100% 100%;
}

.fanan {
    position: relative;
    z-index: 2;
}

.page2Wrap {
    position: relative;
    height: 500px;
    margin-top: 100px;
}

.page2Wrap .wrap,
.page2Wrap ul,
.page2Wrap li,
.page2Wrap img {
    transform-style: preserve-3d;
    transform-origin: center;
}

.page2Wrap .wrap,
.page2Wrap ul,
.page2Wrap li,
.page2Wrap li span,
.page2Wrap li .round {
    position: absolute;
    width: 26.0417vw;
    height: 26.0417vw;
    left: 50%;
    top: 50%;
    margin-left: -13.0208vw;
    margin-top: -13.0208vw;
}

.page2Wrap .wrap {
    -webkit-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    transition: All 1s 0s;
}

.page2Wrap ul {
    -webkit-animation: y 20s linear 0s infinite;
    -moz-animation: y 20s linear 0s infinite;
    -ms-animation: y 20s linear 0s infinite;
    animation: y 20s linear 0s infinite;
}

.page2Wrap li {
    border: 5px solid #5ec0ff;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-transition: All 1.4s 0s;
    -moz-transition: All 1.4s 0s;
    -ms-transition: All 1.4s 0s;
    transition: All 1.4s 0s;
}

.page2Wrap li:nth-child(1) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li:nth-child(2) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(60deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li:nth-child(3) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(-60deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li span {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: z 12s linear 0s infinite;
    -moz-animation: z 12s linear 0s infinite;
    -ms-animation: z 12s linear 0s infinite;
    animation: z 12s linear 0s infinite;
}

.page2Wrap li:nth-child(1) span {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}

.page2Wrap li:nth-child(1) .round {
    -webkit-animation: z 3s linear 0s infinite;
    -moz-animation: z 3s linear 0s infinite;
    -ms-animation: z 3s linear 0s infinite;
    animation: z 3s linear 0s infinite;
}

.page2Wrap li:nth-child(2) .round {
    -webkit-animation: z 3s linear 1s infinite;
    -moz-animation: z 3s linear 1s infinite;
    -ms-animation: z 3s linear 1s infinite;
    animation: z 3s linear 1s infinite;
}

.page2Wrap li:nth-child(3) .round {
    -webkit-animation: z 3s linear 2s infinite;
    -moz-animation: z 3s linear 2s infinite;
    -ms-animation: z 3s linear 2s infinite;
    animation: z 3s linear 2s infinite;
}

#classify {
    position: absolute;
    width: 500px;
    height: 500px;
    left: 50%;
    margin-left: -200px;
    top: 456px;
}

#classify .classify {
    position: absolute;
    width: 26.0417vw;
    height: 26.0417vw;
    left: 50%;
    top: 0;
    margin-left: -13.0208vw;
}

#classify .tit {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
    transition: color .3s;
}

#classify .tit strong {
    font-size: 1.4rem;
}

#classify .classify_con h5 sup,
#classify .tit strong sup {
    font-size: 12px;
}

#classify .tit span {
    font-size: 1rem;
}

#classify li:nth-child(1) .tit {
    top: -5.2083vw;
    left: 6.5104vw;
}

#classify li:nth-child(2) .tit {
    top: 2.6042vw;
    left: -7.5521vw;
}

#classify li:nth-child(3) .tit {
    top: 15.625vw;
    left: -6.5104vw;
}

#classify li:nth-child(4) .tit {
    top: 25vw;
    left: 9.1146vw;
}

#classify li:nth-child(5) .tit {
    top: 15.625vw;
    left: 25.5208vw;
}

#classify li:nth-child(6) .tit {
    top: 2.6042vw;
    left: 25.5208vw;
}

.soft_pic {
    width: 100%;
    margin-top: 200px;
}

.soft_pic ul {}

.soft_pic li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.soft_pic li .text i {
    font-style: inherit;
    font-weight: bold;
}

.soft_pic li .text span {
    display: block;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 40px;
}

.soft_pic li .text {
    width: 50%;
    color: #fff;
    padding: 50px 10%;
    box-sizing: border-box;
    line-height: 30px;
}

.soft_pic li img {
    width: 50%;
    display: block;
}

.kuanj.soft {
    padding-bottom: 50px;
}

.dhbg {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 0;
}

.allpro {
    position: fixed;
    z-index: 50;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.allpro .bg {
    content: '';
    display: block;
    background-color: rgba(0, 117, 72, 0.75);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}

.allpro h2 {
    position: relative;
    z-index: 5;
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin-top: 200px;
    margin-bottom: 50px;
}

.allpro ul {
    position: relative;
    z-index: 5;
    width: 80%;
    height: 60%;
    margin: 0 auto;
    overflow-y: scroll;
    padding: 20px;
    box-sizing: border-box;
}

.allpro ul li {
    width: 23%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    margin-right: 2%;
    margin-bottom: 30px;
    border-radius: 5px;
}

.allpro ul li img {
    width: 100%;
    height: auto;
}

.allpro ul li span {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
}

.allpro ul li:nth-child(4n) {
    margin-right: 0;
}

.allpro .close {
    position: absolute;
    top: 200px;
    background: #fff;
    color: #007548;
    z-index: 5;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    left: 87%;
    cursor: pointer;
}

.bigpc {
    display: block;
}

.bigapp {
    display: none;
}

.mdmore {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    background: #fff;
    color: #01673f;
    width: 410px;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
    .bigpc {
        display: none;
    }
    .bigapp {
        display: block;
    }
    .header .logo img {
        height: auto;
        opacity: 1;
        display: block;
        width: auto;
        height: 40px;
        margin-top: 5px;
        margin-left: 5px;
    }
    .mdmore {
        width: 90%;
        font-size: 12px;
    }
    body {
        min-width: auto;
    }
    .header,
    .header.no,
    .header.notwo {
        height: 55px;
    }
    .header {
        padding: 0;
    }
    .header .logo {
        height: 50px;
        left: 0;
        margin-left: 0;
    }
    .header.headerindex {
        padding: 0;
        min-width: auto;
        background: #fff;
    }
    .nav {
        position: fixed;
        background: #fff;
        width: 100%;
        height: 100%;
        margin-top: 0px;
        display: none;
        margin-top: 50px;
        padding-top: 30px;
        margin-left: 0;
        border-top: 1px solid #f1f1f1;
    }
    .header.headerindex .nav a {
        color: #000000;
    }
    .nav li {
        float: none;
        width: 100%;
        text-align: center;
    }
    .header .sj_nav {
        display: block;
        position: relative;
        width: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        float: right;
        margin-right: 3%;
        margin-top: 9px;
    }
    .header .sj_nav::before,
    .header .sj_nav::after {
        content: "";
        display: block;
        height: 2px;
        width: 80%;
        background: #727272;
    }
    .header .sj_nav::before {
        margin-bottom: 5px;
        -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-animation: line1Before 1.5s infinite alternate;
        animation: line1Before 1.5s infinite alternate;
    }
    .header .sj_nav span {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background: #afafaf;
        bottom: 2px;
        -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-animation: line1span 1.8s infinite alternate;
        animation: line1span 1.8s infinite alternate;
    }
    .header .sj_nav::after {
        -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-animation: line1after 2s infinite alternate;
        animation: line1after 2s infinite alternate;
    }
    .header .sj_nav::after {
        width: 75%;
        background: #01673f;
    }
    .header.headerindex .logo img {
        opacity: 1;
        display: block;
        width: auto;
        height: 40px;
        margin-top: 5px;
        margin-left: 5px;
    }
    .header.headerindex .logo {
        height: 50px;
        background-position: 5px 5px;
        background: none;
        padding: 0;
        margin-left: 0;
        left: 0;
        width: 170px;
    }
    .header.dbno .nav a {
        height: 60px;
        line-height: 60px;
    }
    .lianx {
        display: none;
    }
    .bor_top img {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .header.dbno .nav .nav_two {
        display: none!important;
    }
    .header.dbno .erj::after {
        display: none!important;
    }
    .bor_top,
    .bor_left,
    .bor_right,
    .bor_bom_left,
    .bor_bom_right {
        display: none;
    }
    .banner {
        height: auto;
        margin-top: 0px;
    }
    .swiper01 video {
        height: 107%;
    }
    .swiper01 .swiper-pagination {
        bottom: 30px;
    }
    .swiper01 .swiper-button-prev,
    .swiper01 .swiper-button-next {
        top: 55%;
        background-size: 15px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .swiper01 .swiper-slide .txt {
        top: 43%;
    }
    .swiper01 .swiper-slide .txt_a {
        width: 100%;
        font-size: 30px;
    }
    .swiper01 .swiper-slide .txt_b {
        font-size: 30px;
        width: 100%;
    }
    .swiper01 .swiper-slide img.bigpc {
        display: none;
    }
    .swiper01 .swiper-slide img.bigap {
        display: block;
    }
    .swiper01 .swiper-slide img {
        width: 100%;
        display: block;
        margin-left: 0;
        position: relative;
        left: 0;
    }
    .swiper01 .swiper-pagination-bullet {
        height: 20px;
        font-size: 12px;
        width: 30px;
    }
    .swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        bottom: -10px;
        height: 2px;
    }
    .about .about_left {
        width: 100%;
        margin: 0 auto;
        float: none;
        overflow: hidden;
    }
    #container {
        width: 120%;
        margin-left: 0;
        height: 350px;
        margin-left: -10%;
    }
    #container p {
        font-size: 12px!important;
    }
    .about .about_right {
        float: none;
        width: 90%;
        margin-top: 0;
        margin: 0 auto;
    }
    .about .about_right .about_right_zt {
        text-align: center;
    }
    .about .about_right .about_right_zt img {
        width: 150px;
    }
    .net_num_box {
        display: block;
        margin-top: 20px;
        text-align: center;
    }
    .at_on:nth-child(1),
    .at_on:nth-child(2) {
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }
    .net_num_box .timer {
        font-size: 25px;
    }
    .net_num_box .miaos img {
        width: 17px;
    }
    .net_num_box .miaos {
        font-size: 14px;
    }
    .footer_weixin {
        width: 100%;
        float: none;
        text-align: center;
        display: block
    }
    .footer_weizhi {
        width: 100%;
    }
    .footer_weizhi img {
        width: 150px;
    }
    .footer_tel {
        width: 100%;
        text-align: center;
    }
    .footer_tel span:nth-child(1) {
        margin-bottom: 0px;
    }
    .footer_weixin li {
        margin: 20px;
        display: inline-block;
    }
    .footer .text-right {
        display: none;
    }
    .footer .text-left {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }
    .footer_1 {
        padding: 30px 5%;
    }
    .footer_2 {
        padding: 30px 5%;
        padding-top: 0;
    }
    .footer {
        padding-bottom: 160px;
    }
    .gotop {
        bottom: -20px;
    }
    .prots {
        overflow: hidden;
        height: 825px;
    }
    .prots .box {}
    .prots .pic_a {
        left: 20%;
        position: absolute;
        z-index: 5;
        width: 50%;
        height: auto;
        top: 110px;
        margin-top: 0;
    }
    .prots .pic_a img,
    .prots .pic_b img {
        width: 100%;
    }
    .prots .pic_b {
        z-index: 4;
        position: absolute;
        width: 45%;
        height: auto;
        top: 123px;
        left: 40%;
        margin-top: 0;
    }
    .prots .pic_a img {
        width: 100%;
    }
    .quanquan {
        z-index: 4;
        position: absolute;
        width: 400px;
        height: 400px;
        top: 210px;
        margin-top: -185px;
        left: -5%;
        transform: scale(0.5);
    }
    .prots .box {
        z-index: 6;
        position: absolute;
        width: 90%;
        height: 400px;
        top: 370px;
        margin-top: 0;
        left: 5%;
    }
    .quanquan span:nth-child(1) {
        width: 400px;
        height: 400px;
    }
    .quanquan span:nth-child(2) {
        width: 470px;
        height: 470px;
        margin-top: -288px;
    }
    .quanquan span:nth-child(3) {
        width: 530px;
        height: 530px;
        margin-top: -320px;
    }
    .prots .box .dot-con {
        transform: inherit;
    }
    .prots .box .dot-con .note {
        position: static;
        width: 100%;
        text-align: left;
        border-radius: 0;
        margin-bottom: 30px;
    }
    .prots .box .dot-con .note>em>i {
        display: none;
    }
    .prots .box .dot-con .note>em>span {
        opacity: 1;
    }
    .prots .box .dot-con .note>em>span {
        width: 60px;
        float: left;
        height: 60px;
        position: static;
        display: block;
        margin-left: 0;
    }
    .prots .box .dot-con .note .bg3 {
        display: none;
    }
    .prots .box .dot-con .note>em {
        background: none;
        position: static;
        border-radius: 0;
        overflow: hidden;
    }
    .prots .box .dot-con .note>em>small {
        white-space: break-spaces;
        font-size: 16px;
        height: auto;
        opacity: 1;
        float: left;
        position: static;
        width: 75%;
        margin-left: 5%;
    }
    .prots .box .dot-con .note>em>small p {
        font-size: 12px;
        line-height: 20px;
        color: #ddd;
    }
    .prots .box .dot-con .note>span {
        width: 60px;
        height: 60px;
    }
    .alshow {}
    .classic-cl .swiper-slide .pic img {
        width: 230%;
    }
    .classic-cl .swiper-slide .small_pic {
        width: 100%;
        left: 0;
    }
    .classic-cl .swiper-slide.slidea .small_pic span:nth-child(1) img {
        width: 80%;
    }
    .classic-cl .slidea .small_pic span:nth-child(2) {
        position: absolute;
        top: 40px;
        left: 13%;
        width: 80px;
    }
    .classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(2) {
        animation: a1_1 1s ease infinite;
        -webkit-animation: a1_1 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1
    }
    @keyframes a1_1 {
        from {
            top: 200px;
            opacity: 0
        }
        to {
            top: 40px;
            left: 13%;
            opacity: 1
        }
    }
    @-webkit-keyframes a1_1 {
        from {
            top: 200px;
            opacity: 0
        }
        to {
            top: 40px;
            left: 13%;
            opacity: 1
        }
    }
    .classic-cl .slidea .small_pic span:nth-child(2) img,
    .classic-cl .slidea .small_pic span:nth-child(3) img,
    .classic-cl .slidea .small_pic span:nth-child(4) img,
    .classic-cl .slidea .small_pic span:nth-child(5) img,
    .classic-cl .slidea .small_pic span:nth-child(6) img,
    .classic-cl .slidea .small_pic span:nth-child(7) img,
    .classic-cl .slidea .small_pic span:nth-child(8) img {
        width: 100%;
    }
    .classic-cl .slidea .small_pic span:nth-child(3) {
        left: 30%;
        width: 80px;
    }
    .classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(3) {
        animation: a1_2 1.5s ease infinite;
        -webkit-animation: a1_2 1.5s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
        animation-fill-mode: forwards
    }
    @keyframes a1_2 {
        from {
            top: 50px;
            left: 10%;
            opacity: 0
        }
        to {
            top: 0;
            left: 30%;
            opacity: 1
        }
    }
    @-webkit-keyframes a1_2 {
        from {
            top: 50px;
            left: 10%;
            opacity: 0
        }
        to {
            top: 0;
            left: 30%;
            opacity: 1
        }
    }
    .classic-cl .slidea .small_pic span:nth-child(4) {
        width: 80px;
        top: 6px;
    }
    .classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(4) {
        animation: a1_3 2s ease infinite;
        -webkit-animation: a1_3 2s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 0.8s;
        -webkit-animation-delay: 0.8s;
        animation-fill-mode: forwards
    }
    @keyframes a1_3 {
        from {
            left: 50%;
            opacity: 0
        }
        to {
            left: 65%;
            opacity: 1
        }
    }
    @-webkit-keyframes a1_3 {
        from {
            left: 50%;
            opacity: 0
        }
        to {
            top: 60px;
            left: 65%;
            opacity: 1
        }
    }
    .classic-cl .slidea .small_pic span:nth-child(5) {
        position: absolute;
        top: auto;
        left: 5%;
        width: 150px;
        bottom: 10px;
        opacity: 0;
    }
    .classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(5) {
        animation: a1_4 2s ease infinite;
        -webkit-animation: a1_4 2s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 0.8s;
        -webkit-animation-delay: 0.8s;
        animation-fill-mode: forwards
    }
    @keyframes a1_4 {
        from {
            left: 280px;
            opacity: 0
        }
        to {
            left: 5%;
            bottom: 10px;
            opacity: 1
        }
    }
    @-webkit-keyframes a1_4 {
        from {
            left: 280px;
            opacity: 0
        }
        to {
            left: 5%;
            bottom: 10px;
            opacity: 1
        }
    }
    .classic-cl .slidea .small_pic span:nth-child(6) {
        position: absolute;
        top: auto;
        width: 50px;
        left: 10px;
        bottom: 90px;
        opacity: 0;
    }
    .classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(6) {
        animation: a1_5 2s ease infinite;
        -webkit-animation: a1_5 2s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 0.8s;
        -webkit-animation-delay: 0.8s;
        animation-fill-mode: forwards
    }
    @keyframes a1_5 {
        from {
            bottom: 80px;
            left: 160px;
            opacity: 0
        }
        to {
            left: 10px;
            bottom: 90px;
            opacity: 1
        }
    }
    @-webkit-keyframes a1_5 {
        from {
            bottom: 80px;
            left: 160px;
            opacity: 0
        }
        to {
            left: 10px;
            bottom: 90px;
            opacity: 1
        }
    }
    .classic-cl .slidea .small_pic span:nth-child(7) {
        position: absolute;
        top: auto;
        left: auto;
        right: 40px;
        width: 150px;
        bottom: 10px;
        opacity: 0;
    }
    .classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(7) {
        animation: a1_6 2s ease infinite;
        -webkit-animation: a1_6 2s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 0.8s;
        -webkit-animation-delay: 0.8s;
        animation-fill-mode: forwards
    }
    @keyframes a1_6 {
        from {
            left: 600px;
            opacity: 0
        }
        to {
            right: 40px;
            bottom: 10px;
            opacity: 1;
            left: auto;
        }
    }
    @-webkit-keyframes a1_6 {
        from {
            left: 600px;
            opacity: 0
        }
        to {
            right: 40px;
            bottom: 10px;
            opacity: 1;
            left: auto;
        }
    }
    .classic-cl .slidea .small_pic span:nth-child(8) {
        position: absolute;
        left: auto;
        top: auto;
        right: 0;
        width: 90px;
        bottom: 120px;
        opacity: 0;
    }
    .classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(8) {
        animation: a1_7 2s ease infinite;
        -webkit-animation: a1_7 2s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 0.8s;
        -webkit-animation-delay: 0.8s;
        animation-fill-mode: forwards
    }
    @keyframes a1_7 {
        from {
            left: 870px;
            bottom: 20px;
            opacity: 0
        }
        to {
            right: 0;
            bottom: 120px;
            opacity: 1;
            left: auto;
        }
    }
    @-webkit-keyframes a1_7 {
        from {
            left: 870px;
            bottom: 20px;
            opacity: 0
        }
        to {
            right: 0;
            bottom: 120px;
            opacity: 1;
            left: auto;
        }
    }
    .classic-cl .swiper-button-prev,
    .classic-cl .swiper-button-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .classic-cl .swiper-button-prev {
        background-image: url(../images/jtleft.png);
        background-size: 18px;
        left: 4%;
    }
    .classic-cl .swiper-button-next {
        background-size: 18px;
        left: 87%;
    }
    .classic-cl .swiper-slide.slideb .small_pic span:nth-child(1) img {
        width: 50%;
    }
    .classic-cl .slideb .small_pic span img {
        width: 100%;
    }
    .classic-cl .slideb .small_pic span:nth-child(2) {
        position: absolute;
        width: 80px;
        top: -40px;
        opacity: 0;
        left: 5%;
    }
    .classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(2) {
        animation: a2_1 1s ease infinite;
        -webkit-animation: a2_1 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
    @keyframes a2_1 {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: -40px;
            opacity: 1
        }
    }
    @-webkit-keyframes a2_1 {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: -40px;
            opacity: 1
        }
    }
    .classic-cl .slideb .small_pic span:nth-child(3) {
        position: absolute;
        bottom: 30px;
        width: 110px;
        opacity: 0;
        left: 10px;
    }
    .classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(3) {
        animation: a2_2 1s ease infinite;
        -webkit-animation: a2_2 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
        animation-fill-mode: forwards
    }
    @keyframes a2_2 {
        from {
            left: -100px;
            opacity: 0
        }
        to {
            left: 10px;
            opacity: 1
        }
    }
    @-webkit-keyframes a2_2 {
        from {
            left: -100px;
            opacity: 0
        }
        to {
            left: 10px;
            opacity: 1
        }
    }
    .classic-cl .slideb .small_pic span:nth-child(4) {
        position: absolute;
        top: -70px;
        opacity: 0;
        right: 70px;
        width: 120px;
    }
    .classic-cl .slideb .small_pic span:nth-child(4) img {
        width: 100%;
    }
    .classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(4) {
        animation: a2_3 1s ease infinite;
        -webkit-animation: a2_3 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
        animation-fill-mode: forwards
    }
    @keyframes a2_3 {
        from {
            right: 100px;
            opacity: 0
        }
        to {
            right: 70px;
            opacity: 1
        }
    }
    @-webkit-keyframes a2_3 {
        from {
            right: 100px;
            opacity: 0
        }
        to {
            right: 70px;
            opacity: 1
        }
    }
    .classic-cl .slideb .small_pic span:nth-child(5) {
        position: absolute;
        top: 40px;
        opacity: 0;
        right: 60px;
        width: 110px;
    }
    .classic-cl .slideb .small_pic span:nth-child(5) img {
        width: 100%;
    }
    .classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(5) {
        animation: a2_4 1s ease infinite;
        -webkit-animation: a2_4 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
        animation-fill-mode: forwards
    }
    @keyframes a2_4 {
        from {
            right: 0px;
            opacity: 0
        }
        to {
            right: 60px;
            opacity: 1
        }
    }
    @-webkit-keyframes a2_4 {
        from {
            right: 0px;
            opacity: 0
        }
        to {
            right: 60px;
            opacity: 1
        }
    }
    .classic-cl .slideb .small_pic span:nth-child(6) {
        position: absolute;
        top: -30px;
        opacity: 0;
        right: 20px;
        width: 70px;
    }
    .classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(6) {
        animation: a2_5 1s ease infinite;
        -webkit-animation: a2_5 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
        animation-fill-mode: forwards
    }
    @keyframes a2_5 {
        from {
            right: 240px;
            opacity: 0;
            top: 180px;
            transform: rotate(360deg);
        }
        to {
            top: -30px;
            right: 20px;
            opacity: 1;
            transform: rotate(0deg);
        }
    }
    @-webkit-keyframes a2_5 {
        from {
            right: 240px;
            opacity: 0;
            top: 180px;
            transform: rotate(360deg);
        }
        to {
            top: -30px;
            right: 20px;
            opacity: 1;
            transform: rotate(0deg);
        }
    }
    .classic-cl .slideb .small_pic span:nth-child(7) {
        position: absolute;
        bottom: 10px;
        opacity: 0;
        right: 30px;
        width: 100px;
    }
    .classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(7) {
        animation: a2_66 1s ease infinite;
        -webkit-animation: a2_66 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
        animation-fill-mode: forwards
    }
    @keyframes a2_66 {
        from {
            right: 0px;
            opacity: 0
        }
        to {
            right: 30px;
            opacity: 1
        }
    }
    @-webkit-keyframes a2_66 {
        from {
            right: 0px;
            opacity: 0
        }
        to {
            right: 30px;
            opacity: 1
        }
    }
    .classic-cl .slidec .small_pic span img {
        width: 100%;
    }
    .classic-cl .swiper-slide.slidec .small_pic span:nth-child(1) img {
        width: 70%;
    }
    .classic-cl .slidec .small_pic span:nth-child(2) {
        position: absolute;
        top: -40px;
        opacity: 0;
        left: 10%;
        width: 70%;
    }
    .classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(2) {
        animation: a3_1 1s ease infinite;
        -webkit-animation: a3_1 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
    @keyframes a3_1 {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: -40px;
            opacity: 1
        }
    }
    @-webkit-keyframes a3_1 {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: -40px;
            opacity: 1
        }
    }
    .classic-cl .slidec .small_pic span:nth-child(3) {
        position: absolute;
        top: -120px;
        opacity: 0;
        left: 75%;
        width: 100px;
    }
    .classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(3) {
        animation: a3_2 1s ease infinite;
        -webkit-animation: a3_2 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
    @keyframes a3_2 {
        from {
            top: 0;
            opacity: 0;
            left: 55%;
        }
        to {
            top: -120px;
            opacity: 1;
            left: 75%;
        }
    }
    @-webkit-keyframes a3_2 {
        from {
            top: 0;
            opacity: 0;
            left: 55%;
        }
        to {
            top: -120px;
            opacity: 1;
            left: 75%;
        }
    }
    .classic-cl .slidec .small_pic span:nth-child(4) {
        position: absolute;
        bottom: 20px;
        opacity: 0;
        left: 50%;
        z-index: 2;
    }
    .classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(4) {
        animation: a3_3 1s ease infinite;
        -webkit-animation: a3_3 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: .5s;
        -webkit-animation-delay: .5s;
        animation-fill-mode: forwards
    }
    @keyframes a3_3 {
        from {
            opacity: 0;
            left: 20%;
        }
        to {
            opacity: 1;
            left: 50%;
        }
    }
    @-webkit-keyframes a3_3 {
        from {
            opacity: 0;
            left: 20%;
        }
        to {
            opacity: 1;
            left: 50%;
        }
    }
    .classic-cl .swiper-slide.slided .small_pic span:nth-child(1) img {
        width: 80%;
        margin-bottom: 20px;
    }
    .classic-cl .swiper-slide .small_pic img {
        width: 100%;
    }
    .classic-cl .slided .small_pic span:nth-child(2) {
        position: absolute;
        top: 38px;
        opacity: 1;
        left: 33px;
        width: 100px;
    }
    .classic-cl .slided.swiper-slide-active .small_pic span:nth-child(2) {
        animation: a4_1 1s ease infinite;
        -webkit-animation: a4_1 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
    @keyframes a4_1 {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: 38px;
            opacity: 1
        }
    }
    @-webkit-keyframes a4_1 {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: 38px;
            opacity: 1
        }
    }
    .classic-cl .slided .small_pic span:nth-child(3) {
        position: absolute;
        top: 40px;
        opacity: 1;
        width: 50px;
        left: 63%;
        z-index: 5;
    }
    .classic-cl .slided.swiper-slide-active .small_pic span:nth-child(3) {
        animation: a4_2 1s ease infinite;
        -webkit-animation: a4_2 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
    @keyframes a4_2 {
        from {
            top: 100px;
            opacity: 0
        }
        to {
            top: 40px;
            opacity: 1
        }
    }
    @-webkit-keyframes a4_2 {
        from {
            top: 100px;
            opacity: 0
        }
        to {
            top: 40px;
            opacity: 1
        }
    }
    .classic-cl .slided .small_pic span:nth-child(4) {
        position: absolute;
        bottom: 0;
        opacity: 0;
        left: 0;
        width: 160px;
    }
    .classic-cl .slided.swiper-slide-active .small_pic span:nth-child(4) {
        animation: a4_3 1s ease infinite;
        -webkit-animation: a4_3 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: .5s;
        -webkit-animation-delay: .5s;
        animation-fill-mode: forwards;
    }
    @keyframes a4_3 {
        from {
            left: 220px;
            opacity: 0
        }
        to {
            left: 0;
            opacity: 1
        }
    }
    @-webkit-keyframes a4_3 {
        from {
            left: 220px;
            opacity: 0
        }
        to {
            left: 0;
            opacity: 1
        }
    }
    .classic-cl .slided .small_pic span:nth-child(5) {
        position: absolute;
        bottom: 10px;
        opacity: 0;
        left: 40%;
        width: 200px;
    }
    .classic-cl .slided.swiper-slide-active .small_pic span:nth-child(5) {
        animation: a4_4 1s ease infinite;
        -webkit-animation: a4_4 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-delay: .5s;
        -webkit-animation-delay: .5s;
        animation-fill-mode: forwards;
    }
    @keyframes a4_4 {
        from {
            left: 35%;
            opacity: 0
        }
        to {
            left: 40%;
            opacity: 1
        }
    }
    @-webkit-keyframes a4_4 {
        from {
            left: 35%;
            opacity: 0
        }
        to {
            left: 40%;
            opacity: 1
        }
    }
    .classic-cl .swiper-slide.slidee .small_pic span:nth-child(1) img {
        width: 70%;
    }
    .classic-cl .slidee .small_pic span:nth-child(2) {
        position: absolute;
        top: -30px;
        opacity: 0;
        left: 8%;
        width: 50%;
    }
    .classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(2) {
        animation: a5_1 1s ease infinite;
        -webkit-animation: a5_1 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: .5s;
        -webkit-animation-delay: .5s;
    }
    @keyframes a5_1 {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: -30px;
            opacity: 1
        }
    }
    @-webkit-keyframes a5_1 {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: -30px;
            opacity: 1
        }
    }
    .classic-cl .slidee .small_pic span:nth-child(3) {
        position: absolute;
        top: -38px;
        opacity: 0;
        left: 54%;
        width: 90px;
    }
    .classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(3) {
        animation: a5_2 1s ease infinite;
        -webkit-animation: a5_2 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: .8s;
        -webkit-animation-delay: .8s;
    }
    @keyframes a5_2 {
        from {
            top: 0;
            left: 34%;
            opacity: 0
        }
        to {
            top: -38px;
            left: 54%;
            opacity: 1
        }
    }
    @-webkit-keyframes a5_2 {
        from {
            top: 0;
            left: 34%;
            opacity: 0
        }
        to {
            top: -38px;
            left: 54%;
            opacity: 1
        }
    }
    .classic-cl .slidee .small_pic span:nth-child(4) {
        position: absolute;
        bottom: 50px;
        opacity: 0;
        left: 58%;
        width: 110px;
    }
    .classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(4) {
        animation: a5_3 1s ease infinite;
        -webkit-animation: a5_3 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: .8s;
        -webkit-animation-delay: .8s;
    }
    @keyframes a5_3 {
        from {
            left: 40%;
            opacity: 0
        }
        to {
            left: 58%;
            opacity: 1
        }
    }
    @-webkit-keyframes a5_3 {
        from {
            left: 40%;
            opacity: 0
        }
        to {
            left: 58%;
            opacity: 1
        }
    }
    .classic-cl .slidee .small_pic span:nth-child(5) {
        position: absolute;
        bottom: 110px;
        opacity: 0;
        right: -30px;
        width: 50%;
    }
    .classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(5) {
        animation: a5_4 1s ease infinite;
        -webkit-animation: a5_4 1s infinite;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-delay: .8s;
        -webkit-animation-delay: .8s;
    }
    @keyframes a5_4 {
        from {
            right: -100px;
            opacity: 0
        }
        to {
            right: -30px;
            opacity: 1
        }
    }
    @-webkit-keyframes a5_4 {
        from {
            right: -100px;
            opacity: 0
        }
        to {
            right: -30px;
            opacity: 1
        }
    }
    .classic-cl .swiper-slide .pic_text {
        display: none;
    }
    .step .stepmo a {
        padding: 10px 16px;
        font-size: 12px;
    }
    .luans {}
    .luans .luans_left {
        width: 100%;
        float: none;
        padding-bottom: 40px;
    }
    .luans .luans_right {
        width: 100%;
        float: none;
    }
    .luans .luans_left .bg3,
    .luans .luans_left .bg2,
    .luans .luans_left .bg1 {
        display: none;
    }
    .luans .text {
        color: #fff;
        margin-top: 50px;
        position: relative;
        z-index: 8;
        width: 100%;
        left: 0;
        text-align: center;
    }
    .luans .text span {
        left: 0px;
        font-size: 35px;
        top: -10px;
    }
    .luans .text h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .luans .text p {
        font-size: 12px;
    }
    .luans .luans_right img {
        width: 100%;
    }
    .luans .swiper-pagination-fraction {
        font-size: 14px;
        width: 70px;
        bottom: 15px;
    }
    .luans .swiper-pagination-current {
        font-size: 20px;
        top: -10px;
        padding-bottom: 0;
    }
    .luans .swiper-pagination-total {
        padding-left: 7px;
    }
    .luans .swiper-button-next {
        right: 5%;
        left: auto;
    }
    .luans .swiper-button-prev {
        left: 5%;
    }
    .luans .swiper-button-prev {
        width: 30px;
        height: 30px;
        background-size: 15px;
    }
    .luans .swiper-button-next {
        width: 30px;
        height: 30px;
        background-size: 15px;
    }
    .luans .luans_right p {
        position: absolute;
        bottom: 0;
        text-align: center;
        display: block;
        color: #ffffff;
        width: 100%;
        font-size: 14px;
        background-color: rgb(1 104 61 / 67%);
        padding: 10px 0px;
    }
    .luans .swiper-pagination-fraction {
        bottom: 7px;
    }
    .step {
        padding: 30px 0px;
    }
    .step .title {
        position: absolute;
        z-index: 5;
        text-align: center;
        width: 100%;
        left: 0;
        margin-left: 0;
        color: #fff;
        top: 40px;
        font-size: 40px;
    }
    .step .title span {
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        font-size: 35px;
        font-weight: bold;
        top: -10px;
        opacity: 0.3;
        text-transform: uppercase;
    }
    .step .title h2 {
        font-size: 20px;
    }
    .step .con {
        width: 90%;
        margin-top: 80px;
    }
    .step .con .dot>a {
        width: 45px;
        height: 45px;
        font-size: 14px;
        line-height: 45px;
    }
    .step .con .dot span {
        margin-top: 10px;
        font-size: 12px;
        font-weight: 400;
    }
    .step .con:after {
        top: 25px;
        height: 5px;
    }
    .step .con .dot>a>svg {
        width: 24px;
    }
    .step .stepmo {
        font-size: 14px;
        margin-top: 35px;
    }
    .join_us {
        width: 90%;
        margin-top: 30px;
    }
    .join_us .us_l {
        width: 100%;
    }
    .join_us .us_l .us_cont {
        position: relative;
        margin-left: 50%;
    }
    .join_us .us_l .us_cont .us_text {
        margin-left: -50%;
    }
    .join_us .us_l .us_cont .video {
        margin-bottom: 0;
    }
    .join_us .us_l .us_cont .tit_1 {
        letter-spacing: 8px;
        font-size: 25px;
    }
    .join_us .us_l .us_cont .tit_2 {
        font-size: 25px;
        margin-top: 0;
        line-height: 40px;
    }
    .join_us .us_l .us_cont .tit_3 {
        font-size: 18px;
        color: #b99542;
        line-height: 30px;
    }
    .join_us .us_l .us_cont .tit_4 {
        font-weight: lighter;
        font-size: 16px;
        line-height: 30px;
        margin-top: 0;
    }
    .join_us .us_l .us_cont .tit_5 span {
        font-size: 40px;
        margin-top: -20px;
    }
    .join_us .us_r {
        width: 100%;
        margin: 20px 0px;
    }
    .join_us .us_l .us_cont .tit_5 {
        font-size: 14px;
    }
    .join_us .us_l .us_cont .tit_6 {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
    .join_us .us_l .us_cont .tit_6 a {
        display: block;
        font-size: 14px;
    }
    .join_us .us_l .tit_6 {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-left: 0;
    }
    .join_us .us_l .tit_6 a {
        display: block;
        font-size: 14px;
    }
    .shop_dis {
        width: 90%;
        margin: 20px auto;
        min-width: auto;
    }
    .shop_dis .dis_tit {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .shop_dis .dis_int {
        font-size: 16px;
    }
    .shop_dis .dis_img {
        margin-top: 30px;
    }
    .shop_dis .dis_img img {
        display: block;
    }
    .shop_dis .dis_img .img_top .img_k {
        width: 100%;
    }
    .shop_dis .dis_img .img_top {
        height: auto;
    }
    .shop_dis .dis_img .img_top .img_k:nth-child(2) {
        width: 48.5%;
        margin-left: 0;
        height: 130px;
        margin-top: 10px;
    }
    .shop_dis .dis_img .img_top .img_k:nth-child(3) {
        width: 48.5%;
        float: right;
        height: 130px;
        margin-left: 0;
        margin-top: 10px;
    }
    .shop_dis .dis_img .img_bottom .img_d {
        width: 48.5%;
        margin-left: 0;
        height: 130px;
        margin-bottom: 10px;
    }
    .shop_dis .dis_img .img_bottom .img_d:nth-child(2n) {
        float: right;
    }
    .shop_dis .dis_img .img_bottom {
        height: auto;
    }
    .shop_dis .dis_img .img_bottom .img_d:last-child {
        width: 100%;
        height: auto;
    }
    .section {
        padding: 0;
    }
    .section .shenm {
        margin: 0 auto;
        padding: 20px;
        padding-top: 0;
        width: 100%;
        box-sizing: border-box;
        background: #fff;
        text-align: center;
        padding-bottom: 0;
    }
    .section .shenm p {
        olor: #898989;
        line-height: 20px;
        font-size: 14px;
    }
    .dbbiaoyu {
        box-sizing: border-box;
        padding: 30px 0px;
    }
    .nr_banner {
        margin-top: 55px;
    }
    .nr_banner .text {
        width: 120%;
        margin-left: 0;
        left: -10%;
    }
    .about {
        padding-top: 0;
    }
    .nav_nr {
        margin-top: 0;
        width: 100%;
    }
    .nav_nr li a {
        font-size: 14px;
        line-height: 50px;
    }
    .you_title {
        width: 90%;
    }
    .about .you_title {
        margin-top: 30px;
    }
    .you_title .title_txt h2 {
        font-size: 25px;
    }
    .you_title .title_txt p {
        font-size: 12px;
        letter-spacing: 2px;
    }
    .you_title .title_txt h2::after {
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .about_a {
        width: 90%;
    }
    .about_a_1 {
        width: 100%;
        margin-top: 30px;
    }
    .about_a_1 h2 {
        font-size: 20px;
    }
    .about_a_1 .idx-tags {
        margin-left: 0;
        margin: 30px 0px;
        margin-bottom: 0;
    }
    .idx-tags ul li {
        width: 50%;
        margin-bottom: 20px;
    }
    .idx-tags .tags_left {
        margin-right: 0;
        font-size: 25px;
    }
    .about_a_2 {
        width: 100%;
        margin-top: 0;
    }
    .about.about_story {
        padding-top: 30px;
    }
    .about.about_story .you_title {
        margin-top: 0;
    }
    .story {
        margin-top: 10px;
        display: block;
        width: 90%;
        margin-bottom: 0px;
    }
    .story .story_c {
        width: 100%;
        writing-mode: horizontal-tb;
        height: auto;
        text-align: center;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .story .story_a {
        line-height: 24px;
        height: auto;
        writing-mode: horizontal-tb;
        width: 100%;
        font-size: 12px;
    }
    .story .story_b {
        width: 100%;
        margin-top: 15px;
    }
    .story.storyen .story_b {
        position: relative
    }
    .story.storyen .story_a {
        width: 100%;
    }
    .story.storyen .story_c {
        width: 100%;
    }
    .swiper-lishi {
        width: 100%;
    }
    .swiper-lishi .swiper-slide {
        text-align: center;
        padding: 10px;
    }
    .swiper-lishi .swiper-slide h2 {
        font-size: 25px;
    }
    .swiper-lishi .swiper-slide h4 {
        border-left: none
    }
    .swiper-lishi .swiper-slide h2::before {
        width: 13px;
        height: 13px;
    }
    .swiper-lishi .swiper-wrapper {
        padding-bottom: 30px;
    }
    .qiyeruanj {
        padding: 30px 0;
    }
    .qiyeruanj ul {
        width: 90%;
        display: block;
    }
    .qiyeruanj ul li {
        margin: 0 auto;
        margin-bottom: 20px;
        border-bottom: 1px solid #005534;
        padding-bottom: 22px;
    }
    .qiyeruanj ul li h4 {
        margin: 10px;
    }
    .qiyeruanj ul li h3 {
        font-size: 20px;
    }
    .qiyeruanj ul li h4 {
        font-size: 14px;
    }
    .qiyeruanj ul li p {
        line-height: 23px;
        font-size: 12px;
    }
    .pub_case {
        width: 90%;
        display: block;
        margin-top: 30px;
    }
    .pub_case .pub_casetxt {
        width: 100%;
        padding-right: 0;
    }
    .pub_title {
        font-size: 20px;
        text-align: center;
    }
    .pub_title_en {
        font-size: 20px;
        text-align: center;
    }
    .pub_case .idx-tags {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .idx-tags .tags_left {
        display: block;
    }
    .pub_case .idx-tags ul li {
        display: block;
        text-align: center;
        margin-bottom: 0;
    }
    .idx-tags .col2 {
        display: block;
    }
    .about_a_1 .idx-tags .col2 {
        font-size: 14px;
        line-height: 20px;
    }
    .pub_case .idx-tags .col2 {
        text-align: center;
        font-size: 14px;
        line-height: 22px;
    }
    .pub_case .idx-tags li:nth-child(3) .tags_left span {
        line-height: normal;
    }
    .pub_case .pub_info {
        width: 100%;
        line-height: 22px;
        font-size: 12px;
        color: #f5f5f5;
    }
    .dian {
        width: 90%;
        margin-bottom: 30px;
        margin-top: 30px;
        text-align: center;
    }
    .dian li img {
        width: 220px;
    }
    .dian li:nth-child(1) {
        display: block;
        text-align: left;
        margin-bottom: 20px;
        text-align: center;
    }
    .about_a_1 .idx-tags .tags_left {
        margin-bottom: 0;
    }
    .dian li {
        margin: 0 1%;
        background: #fff;
        height: 10vw;
        width: 10%;
        border-radius: 50%;
        padding: 10px;
        font-size: 15px;
    }
    .abouten .dian {
        display: none;
    }
    .pub_case.pub_caseen .pub_info {
        width: 100%;
        line-height: 20px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .dian li:nth-child(0) {
        margin-left: 0;
    }
    .dian li:last-child {
        margin-right: 0;
    }
    .about .luans_right {
        width: 100%;
        margin-bottom: 0;
    }
    .about .luans_right .swiper-luans {
        width: 100%;
    }
    .lang {
        right: 60px;
        color: #505050;
        top: 19px;
        font-size: 14px;
    }
    .lang a {
        color: #505050;
    }
    .pub_case.pub_caseen .pub_title,
    .pub_case.pub_caseen .pub_title_en {
        font-size: 16px;
    }
    .pub_case.pub_caseen .idx-tags {
        display: none;
    }
    .navdh {
        width: 90%;
        margin-top: 20px;
    }
    .navdh a,
    .navdh .right span {
        font-size: 14px;
    }
    .zhaopin {
        width: 90%;
        margin: 30px auto;
    }
    .zp_title span {
        font-size: 14px;
        line-height: 60px;
    }
    .zhaopin ul li a span:nth-child(5),
    .zp_title span:nth-child(5),
    .zhaopin ul li a span:nth-child(4),
    .zp_title span:nth-child(4) {
        display: none;
    }
    .zhaopin ul li a span {
        color: #626262;
        line-height: 50px;
        font-size: 14px;
    }
    .nr_banner h2 {
        font-size: 20px;
    }
    .nr_banner h2::after {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .nr_banner h2.jm::after {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .zhaopin_nr {
        width: 90%;
        margin: 110px auto;
        border: 1px solid #f1f1f1;
        padding: 20px;
        margin-top: 20px;
        box-sizing: border-box;
        margin: 20px auto;
    }
    .zhiul li {
        width: 50%;
    }
    .zhaopin_nr_text {
        font-size: 14px;
    }
    .section.section_yp .section-title p {
        font-size: 16px;
    }
    .section.section_yp .erm {
        width: 40%;
    }
    .products_shu li .pic img {
        height: 40vh;
    }
    .products_shu li .txt {
        left: 5%;
        font-size: 20px;
        top: 30%;
    }
    .products_shu li span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-size: 15px;
    }
    .products_shu li span a {
        height: 100%;
        width: 162px;
        font-size: 14px;
        padding-left: 0;
        position: absolute;
        color: #007548;
    }
    .products_shu li:nth-child(2n) .txt {
        right: 5%;
    }
    .products_nr {
        padding: 20px 0px;
    }
    .products_nr ul {
        width: 90%;
    }
    .products_nr ul li {
        width: 47.5%;
        margin-right: 5%;
        margin-bottom: 10px;
    }
    .products_nr ul li:nth-child(2n) {
        margin-right: 0;
    }
    .products_nr ul li p {
        line-height: 40px;
        font-size: 14px;
    }
    .jquery-lightbox-background {
        box-sizing: border-box;
    }
    .jquery-lightbox-title {
        width: 95.5% !important;
    }
    .nr_banner .texttwo {
        /* width: 190%; */
        margin-left: -65%;
    }
    .nr_banner .tel {
        text-align: center;
        font-size: 18px;
        line-height: 1;
        left: 0;
        color: #fff;
        position: absolute;
        top: 71%;
        width: 100%;
        z-index: 5;
        margin-left: 0;
    }
    .nr_banner .en {
        text-align: center;
        font-size: 12px;
        line-height: 1;
        left: 0;
        color: #fff;
        top: 70%;
        margin-top: 10px;
        width: 100%;
        z-index: 5;
        margin-left: 0;
        text-transform: uppercase;
    }
    .join_a {
        padding: 40px 0px;
    }
    .join_a h2,
    .join_b h2,
    .join_c h2,
    .join_d h2,
    .join_e h2,
    .join_f h2,
    .join_g h2 {
        font-size: 20px;
    }
    .join_a .idx-tags .col2 {
        text-align: center;
        font-size: 15px;
    }
    .join_a .idx-tags {
        margin-top: 20px;
    }
    .join_a .idx-tags ul li:nth-child(3),
    .join_a .idx-tags ul li:nth-child(4) {
        margin-bottom: 0;
    }
    .join_b {
        padding: 30px 0px;
        background-size: 100%;
        padding-bottom: 0;
    }
    .join_b h2 {
        margin-bottom: 30px;
    }
    .join_b ul {
        width: 90%;
    }
    .join_b ul li {
        width: 100%;
        margin-right: 0;
        padding: 15px;
        height: auto;
    }
    .join_b ul li em {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .join_b ul li span {
        color: #fff;
        font-size: 16px;
        line-height: 28px;
    }
    .about.about_jm {
        padding-top: 50px;
        overflow: hidden;
    }
    .about.about_jm h2.title {
        font-size: 30px;
        top: 40px;
    }
    .about.about_jm .about_left {
        width: 120%;
        margin-left: -10%;
    }
    .about.about_jm #container {
        height: 400px;
    }
    .dq_qy {
        width: 90%;
    }
    .dq_qy li {
        font-size: 14px;
    }
    .dqlist {
        width: 90%;
        margin-top: 30px;
    }
    .dqlist ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .join_c,
    .join_f {
        margin-top: 10px;
        padding: 10px 10px;
        background-size: 160%;
    }
    .join_c h2,
    .join_d h2,
    .join_e h2,
    .join_f h2 {
        margin-bottom: 30px;
    }
    .join_d .img {
        width: 90%;
        margin: 0 auto;
    }
    .join_d .img img {
        width: 100%;
    }
    .join_c .img {}
    .join_c .img img {
        width: 80%;
    }
    .join_d,
    .join_e {
        padding: 30px 0;
        background-size: 160%;
    }
    .in_crilist ul {
        width: 920px;
        display: block;
        overflow: hidden;
    }
    .in_crilist {
        width: 100%;
        margin: 0 auto;
        overflow-x: auto;
    }
    .in_crilist ul li {
        margin-top: 0px;
        float: left;
    }
    .in_crilist ul li .in_work {
        line-height: 22px;
        margin-top: 10px;
        font-size: 12px;
        color: #6b6b6b;
    }
    .in_crilist ul li .in_lipic_img {
        background: #007548;
        color: #fff;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        display: inline-block;
        padding: 16px;
        font-size: 16px;
    }
    .join_f .img {
        overflow-x: auto;
    }
    .join_f .img img {
        width: 100%;
        display: block;
        margin: 50px auto 0;
        vertical-align: middle;
    }
    .section {
        background: #fff;
        padding: 30px 0px;
    }
    .section .container {
        margin: 0 auto;
        width: 90%;
        box-sizing: border-box;
        padding: 0;
    }
    .section-title {
        margin-bottom: 30px;
    }
    .section-title p {
        font-size: 20px;
    }
    .message li {
        margin-top: 20px;
        width: 100%;
    }
    .message li input {
        box-sizing: border-box;
        width: 100%;
        font-size: 14px;
        padding: 10px;
    }
    .message li textarea {
        width: 100%;
        box-sizing: border-box;
        font-size: 14px;
        padding: 10px;
    }
    .message li button {
        font-size: 16px;
    }
    .section .container .jm_er {
        margin-top: 20px;
    }
    .section .container .jm_er img {
        width: 80%;
    }
    .section .container .jm_er h2 {
        font-size: 20px;
    }
    .news_list {
        margin-top: 0px;
        width: 90%;
    }
    .news_list>a {
        margin-bottom: 0;
    }
    .new_time {
        display: none;
    }
    .new_tex_box1 {
        width: 100%;
        margin-right: auto;
        padding-right: unset;
        padding: 0;
    }
    .new_tex_box1 {
        width: 100%;
        margin-right: auto;
        padding-right: unset;
        padding: 0;
        margin-top:20px;
    }
    .new_tex_box1>div {
        width: 100%;
    }
    .new_tex_box1>div {
        width: 100%;
    }
    .new_title {
        font-size: 16px;
        font-weight: 400;
        margin-top: 10px;
        width: 100%;
    }
    .new_info {
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; 
    }
    .new_info1 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .new_tex_box1 .at_on:nth-child(1),
    .new_tex_box1 .at_on:nth-child(2) {
        width: 100%;
        margin-bottom: 0;
    }
    .news_list>a:hover .new_tex_box>img {
        margin-left: 0;
    }
    .news_list>a:hover .new_tex_box {
        box-shadow: none;
    }
    .newsart {
        background: #fff;
        padding: 30px 0px;
        margin-top: 0;
    }
    .newsart .title {
        width: 90%;
        height: auto;
        font-size: 20px;
    }
    .newsart .source {
        width: 90%;
    }
    .newsart .article {
        width: 90%;
    }
    .newsart .article img {
        max-width: 100%;
        height: auto!important;
        display: block;
        margin: 0 auto;
    }
    .nr_banner .en.entwo {
        top: 60%;
    }
    .contact {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .contact .tel {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .contact .map {
        width: 90%;
    }
    #map {
        height: 400px;
    }
    .contact .map ul {
        padding: 0;
        margin-top: 40px;
    }
    .contact .map ul li {
        font-size: 16px;
        text-align: center;
    }
    .contact .weixinkf {
        color: #007548;
        background: #fff;
        padding: 50px 0;
        float: right;
        font-size: 18px;
        width: 100%;
        text-align: center;
    }
    .contact .weixinkf h2 {
        font-size: 16px;
    }
    .join_a_jm img {
        width: 80%;
    }
    .about_a_1 p {
        line-height: 24px;
        font-size: 12px;
    }
}

@keyframes zhuan {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes zhuan2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes tail {
    0% {
        width: 0;
    }
    30% {
        width: 100px;
    }
    100% {
        width: 0;
    }
}

@keyframes tail {
    0% {
        width: 0;
    }
    30% {
        width: 100px;
    }
    100% {
        width: 0;
    }
}

@-webkit-keyframes shining {
    0% {
        width: 0;
    }
    50% {
        width: 30px;
    }
    100% {
        width: 0;
    }
}

@keyframes shining {
    0% {
        width: 0;
    }
    50% {
        width: 30px;
    }
    100% {
        width: 0;
    }
}

@-webkit-keyframes shooting {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(800px);
        transform: translateX(800px);
    }
}

@keyframes shooting {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(800px);
        transform: translateX(800px);
    }
}

@-webkit-keyframes waves {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    0% {
        -webkit-transform: translateX(-25%) translateZ(0) scaleY(.5);
        transform: translateX(-25%) translateZ(0) scaleY(.5)
    }
    0% {
        -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

@keyframes waves {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    0% {
        -webkit-transform: translateX(-25%) translateZ(0) scaleY(.5);
        transform: translateX(-25%) translateZ(0) scaleY(.5)
    }
    0% {
        -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

@keyframes roll_left {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

@keyframes roll_right {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes ripple1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        opacity: 0.1;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
    }
}

@keyframes e1 {
    to {
        transform: rotate(360deg);
    }
}

@font-face {
    font-family: 'en_b';
    src: url("../fonts/EUCLIDCIRCULARA-BOLD_0.TTF");
}

@keyframes a2_6 {
    from {
        transform: scale(1.1);
    }
    to {
        transform: scale(1);
    }
}

@keyframes line1Beforeaa {
    from {
        margin-top: 5px;
    }
    to {
        margin-top: 15px;
    }
}

@keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

@keyframes y {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

;