body {

    background: #fff;

    color: #221815;

    /*font-family: 'Microsoft YaHei', '微软雅黑';*/

    font-family: 'OPPOSans-R', '微软雅黑';

}

.main {

    max-width: 1920px;

    margin: 0 auto;

}

strong{
    font-weight: bold !important;
}
.index_banner {
    --swiper-theme-color: #33ad6c;
}
.phone {
    display: none;
}
.go_en img {
    width: 30px;
}
@media screen and (min-width: 1680px) {

    html {

        font-size: 16px;

    }


}


@media screen and (max-width: 1680px) {

    html {

        font-size: 16px;

    }

}


@media screen and (max-width: 1440px) {

    html {

        font-size: 15px;

    }

}


@media screen and (max-width: 1366px) {

    html {

        font-size: 14px;

    }

}


@media screen and (max-width: 1280px) {

    html {

        font-size: 13px;

    }

}

.show_m {

    display: none;

}

.scale {

    transform: scale(1.02);

}


.scale_img {

    overflow: hidden;

}


.scale_img img {

    transition: all .3s;

}


.scale_img:hover img {

    transform: scale(1.02);

}


/* 首页公共样式 */

.com_top {

    padding: 5rem 0;

}


.com_titile {

    font-size: 3.25rem;

    font-weight: 600;

    line-height: 6.25rem;

}


.com_titile::after {

    content: '';

    display: block;

    width: 15rem;

    height: .625rem;

    /*background: #003d57;*/

    background: linear-gradient(135deg,
    #6fba39 0%,
    #6fba39 25%,
    #13a048 25%,
    #13a048 100%);

}


.com_content {

    padding-bottom: 3.75rem;

}


.main {

    /*margin-top: 7.5rem*/

    margin-top: 90px;

}

.box-shadow {

    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);

    max-width: 1300px;

    margin: 0 auto;

    /*position: relative;*/

    z-index: 1;

    background: #fff;

    padding: 0 50px;

    width: 80%;

}

.box-shadow2 {

    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);

    max-width: 1300px;

    margin: 0 auto;

    /*position: relative;*/

    z-index: 1;

    background: #fff;

    width: 80%;

}

.padding50 {

    padding: 0 50px;

}

.pageMenu {

    width: 60%;

}

.pageMenu a {

    color: #333;

    font-size: 1rem;

    margin-right: 20px;

    border: 1px solid #fff;

    padding: 5px;

}

.pageMenu a:hover,
.pageMenu a.active {

    color: #0a9c42;

    background: rgb(10 156 66 / 30%);

    border-radius: 5px;

    border: 1px solid #0a9c42;

}

/* 导航 */

header {

    /*height: 7.5rem;*/

    height: 90px;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    box-shadow: 0 0 .1875rem #ddd;

    background: rgba(255, 255, 255, 1);

    z-index: 999;

    transition: all 0.5s;

}

header.indexHeader {

    background: rgba(255, 255, 255, 0);

    transition: all 0.5s;

}

header.indexHeader .container a {

    color: #fff;

}

.main.indexMain {

    margin-top: 0;

}

header.indexHeader .go_en {

    filter: grayscale(1) brightness(100);

}

.logo1 {

    display: none;

}

.indexHeader .logo1 {

    display: block;

}

.indexHeader .logo2 {

    display: none;

}

header.indexHeader .menubtn .iconfont {

    color: #fff;

}

.menubtn,
.m_nav {

    display: none;

}


header .container {

    display: flex;

    height: 100%;

    justify-content: space-between;

    align-items: center;

    font-family: 'pfbol';

    font-size: 1.25rem;

    color: #333;

}


header nav {

    align-self: stretch;

}


header .container .nav {

    display: flex;

    align-items: center;

    height: 100%;

}


header .container .nav li {

    /* position: relative; */

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}
header .container .nav li:last-child .subnav > ul {
    width: 100%;
    max-width: 1140px;
    margin: auto;
    justify-content: flex-end;
    padding: 0 20px;
}

.nav > li > a {

    /*line-height: 7.5rem;*/

    line-height: 90px;

}


header .container a {

    color: #333;

    font-size: 16px;

}


header .container .nav > li a {

    width: 100%;

    height: 100%;

    padding: 0 1.5625rem;

    /* display: flex;

	align-items: center;

	justify-content: center; */

    transition: all .2s;

}


header .container .nav > li.active > a,
header .container .nav > li:hover > a {

    color: #fff;

    background: #33ad6c;

}


.subnav {

    display: none;

    position: absolute;

    width: 100%;

    /*background: #33ad6c;*/

    background: rgba(51, 173, 108, 0.7);

    /*top: 7.5rem;*/

    top: 90px;

    left: 0;

    height: 4rem;

    font-family: 'Microsoft YaHei', '微软雅黑';

}


.subnav li a {

    color: #fff;

    transition: all .3s;

}


.subnav > ul {

    display: flex;

    justify-content: center;

    line-height: 4rem;

}


.subnav li:hover > a {

    font-weight: bold;

}


/* banner */


.index_banner {

    /*margin-top: 7.5rem;*/

    /*height: 43.75rem; */

    position: relative;

    /* width: calc(100% - 100px); */

    height: calc(100vh - 7.5rem);

    max-width: 1920px;

    max-height: 800px;

}


.index_banner .swiper-button-next:after,
.index_banner .swiper-button-prev:after {

    color: #fff;

}


.index_banner .swiper-slide.swiper-slide-active {

    z-index: 1;

}


.banner_video {

    height: 100%;

}


.index_banner video {

    height: 100%;

    width: 100%;

    /* object-fit: fill; */

    object-fit: cover;

}


.index_banner .swiper-slide {

    height: 100%;

}


.banner_bg {

    height: 100%;

}


.banner_bg img {

    /* width: 100%; */

    height: 100%;

    min-width: 100%;

    position: relative;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}


.index_banner .container::after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    clear: both;

}


.banner_text {

    position: absolute;

    top: 50%;

    color: #fff;

    width: 90%;

    max-width: 1280px;

    display: flex;

    justify-content: space-between;

    transform: translateY(-50%);

    align-items: flex-end;

    left: 0;

    right: 0;

    margin: auto;

}


.banner_text_left1 {

    text-transform: uppercase;

    font-size: 4.125rem;

    font-family: "pangmen";

}


.banner_text_left2 {

    font-size: 3.375rem;

    font-family: 'pfreg';

    margin-top: 1.25rem;

}


.banner_text_right {

    font-size: 2.25rem;

    font-family: "pfreg";

    text-align: right;

}


.side {

    position: fixed;

    right: 1.25rem;

    top: 50%;

    z-index: 100;

    background: #fff;

    border-radius: 1.25rem;

    box-shadow: 0 0 .625rem #ccc;

    padding: 1.5rem 1rem;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transform: translateY(-50%);

    display: none;

    z-index: 999;

}


.gotop {

    text-align: center;

}


.side_logo {

    width: 4.25rem;

    height: 4.25rem;

    background: #009944;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    margin-bottom: 1.25rem;

}


.side_logo img {

    width: 70%;

}


.side li {

    border-top: .0625rem solid #d8d8d8;

    padding: .625rem 0rem .625rem 0;

}


.side li h2 {

    /*font-size: 1rem;*/

    font-size: 14px;

    line-height: 1.5em;

}


.side li p {

    font-size: .75rem;

    line-height: 1.5em;

}


.side li p a .iconfont {

    color: #009944;

    font-size: 1.5rem;

}


.side .side_tel {

    color: #009944;

    font-size: 1rem;

}


/* 首页关于 */

.about-box1 {

    margin-top: -80px;

    padding-bottom: 100px;

}

.about-box2 {

    margin-top: -80px;

    padding-bottom: 50px;

    margin-bottom: 60px;

}

.about-box3 {

    margin-top: -80px;

    margin-bottom: 60px;

}

.box-bg {

    background: #f4fff6;

    padding-top: 80px;

}

.about {

    background: url(/static/picture/bg_about.jpg) no-repeat;

    background-size: 100% 100%;

    color: #fff;

    /*padding: 4.375rem 0;*/

    padding: 20px 0

}


.about_ul {

    display: flex;

    justify-content: space-around;

}


.about_ul li {

    width: 15%;

    text-align: center;

    border-right: .0625rem solid rgba(255, 255, 255, .4);

    display: flex;

    align-items: center;

}


.about_ul li:nth-child(6) {

    border: 0

}


.about_ul .iconfont {

    font-size: 3.375rem;

}


.about_ul .icon {

    /*margin-bottom: 2.5rem;*/

    /*margin-bottom:10px*/

}


.about_ul .about_desc {

    /*font-size: 1.5rem;*/

    font-size: 16px;

    font-family: 'pfmed';

    line-height: 1.5em;

    margin-left: 20px;

}


/* 产品 */

.product {

    background: url(/static/picture/bg_pro.jpg);

    background-size: 100% 100%;

}


.product .com_top {

    display: flex;

    justify-content: space-between;

}


.product .title_right {

    width: 70%;

    padding-top: 20px;

}


.product .com_top .pro_cat {

    display: flex;

    justify-content: space-between;

    font-size: 1.25rem;

    height: 100%;

}
.pro_cat li div div:nth-child(1) {
    border: 2px solid #333;
    border-radius: 50%;
    transition: all 0.5s;
}

.pro_cat li {

    height: 100%;

    transition: all .3s;

    font-size: 15px;

    text-align: center;

    max-width: 60px;

}


.pro_cat li > div {

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    /*justify-content: space-around;*/

}

.pro_cat_title {

    margin-top: 10px;

    line-height: 1.4;

}

.pro_cat li:hover {

    cursor: pointer;

    color: #009944;

}


.pro_cat li img {

    filter: brightness(0);

    transition: all .3s;

    vertical-align: middle;

}


.pro_cat li:hover img {

    filter: brightness(1)

}
.pro_cat li:hover div div:nth-child(1),
.pro_cat li.active div div:nth-child(1) {
    border-color: #009944;
    transition: all 0.5s;
}

.pro_cat li.active {

    color: #009944;

}


.pro_cat li.active img {

    filter: brightness(1)

}


.pro_big_img {

    margin-bottom: 2.5rem;

}


.pro_big_img img {

    width: 100%;

}


.product_ul .swiper-slide {

    /*background: #fff;*/

    text-align: center;

    overflow: hidden;

}


.product_ul .swiper-slide .pro_img {

    /*padding-bottom: 3.125rem;*/

    overflow: hidden;

    transition: all 0.3s;

    position: relative;

}


.product_ul .swiper-slide img {

    max-width: 100%;

}


.product_ul .pro_title_txt {

    width: 100%;

    box-sizing: border-box;

    position: relative;

    text-align: center;

    bottom: 0;

    font-size: 1.5rem;

    line-height: 2.5rem;

    /*padding: 1.25rem 0;*/

    background: #e4e4e4;

}


.product_ul .pro_title {

    width: 100%;

    box-sizing: border-box;

    /*position: absolute;*/

    text-align: center;

    font-size: 20px;

    color: #fff;

    line-height: 2.5rem;

    padding: 1.25rem;

    transition: all 0.3s;

    background: #19a359;

}


.product_ul .pro_title_b {

    font-size: 1.25rem;

    background: #19a359;

    padding: 10px 0;

    color: #fff;

    opacity: 0;

}


.product_ul .swiper-slide a:hover .pro_img {

    transform: scale(1.05);

}


.product_ul .swiper-slide a:hover .pro_title_txt {

    background: #18a258;

    color: #fff;

}


.product_ul .swiper-slide a:hover .pro_title_b {

    /*transform: translateY(-100%);*/

    opacity: 1;

}


.swiper-father {

    margin: 0 -3.75rem;

    position: relative;

    --swiper-navigation-size: 0;

}


.swiper-father .iconfont {

    font-size: 3.625rem;

    color: #fff;

}

.product-swiper .iconfont {

    font-size: 42px;

    color: #18a258

}

.swiper-button-prev,
.swiper-button-next {

    outline: none;

}


.product_swiper,
.news_swiper,
.pro_scene .swiper {

    margin: 0 3.75rem;

}


.swiper-button-next.swiper-button-disabled .iconfont,
.swiper-button-prev.swiper-button-disabled .iconfont {

    color: #282828

}


/* .product_ul .swiper-slide:hover a .pro_title{

	color:#fff;

}

.product_ul .swiper-slide:hover .pro_title{

	background: #19a359;

} */

.product_ul .swiper-slide .pro_title_a {

    font-size: 1.875rem;

}


/* .product_ul .swiper-slide:hover .pro_title_b{

	display:block;

} */

/* 制造 */

.news_made {

    border: 1px solid #c1c1c1;

    padding: 40px;

    background: #fff;

}

.news_made .item {

    margin-bottom: 40px;

}

.news_made .item:last-child {

    margin-bottom: 0;

}

.news_made .item a {

    display: flex;

    justify-content: space-between;

}

.news_made .item .itemImg {

    width: 30%;

    overflow: hidden;

}

.news_made .item .itemImg img {

    transition: all 0.5s;

    width: 100%;

}

.news_made .item .itemText {

    width: 60%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.news_made .item .title {

    font-size: 24px;

    line-height: 1.2;

    color: #333;

}

.news_made .item .time {

    color: #999999;

    font-size: 14px;

}

.news_made .item:hover img {

    transition: all 0.5s;

    transform: scale(1.1);

}

.made {

    background: url(/static/picture/bg_made.jpg);

    background-size: 100% 100%;

}


.made_title {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    margin-bottom: 1.875rem;

    cursor: pointer;

}


.made_title:hover .made_num {

    color: #009944;

}


.made_li {

    margin-bottom: 3rem;

}


.made_title_left .made_num {

    font-family: 'pfbol';

    font-size: 4.5rem;

    line-height: 5rem;

}


.made_title_left .made_num span {

    font-size: 1.875rem;

}


.made_title_left .made_txt {

    font-family: 'pfmed';

    font-size: 1.5rem;

    color: #666666;

}


.made_title .made_more {

    font-size: 1.25rem;

    padding: .625rem 1.875rem;

    border: .0625rem solid #d8d8d8;

    border-radius: 1.875rem;

}


.made_title .made_more a {

    color: #333;

}


.made_ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}


.made_li {

    width: 48%;

}


.made_content_li {

    display: flex;

    height: 15rem;

    margin-bottom: 1.25rem;

}


.made_content_li_txt {

    width: 45%;

    background: #5eb21e;

    padding: .625rem;

    color: #fff;

    text-align: center;

    line-height: 1.5em;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}


.made_content_li_txt > div {

    font-size: 1.75rem;

    line-height: 1.5em;

    padding: .625rem 0;

}


.made_content_li:nth-child(2n) .made_content_li_txt {

    background: #009947;

}


.made_content_li_txt p {

    font-size: 1rem;

}


.made_content_li_img {

    width: 55%;

}


.made_content_li_img img {

    width: 100%;

    height: 100%;

}


/* 新闻 */

.news {

    background: #f4f4f4;

    padding-top: 20px;

    position: relative;

    z-index: 2;

    margin-top: -10px;

}


.news_list .news_ul {

    display: flex;

    flex-wrap: wrap;

    /* justify-content: center */

}


.news_list .news_ul li {

    width: 30%;

    margin: 30px 1.6%;

    background: #fff;

    box-shadow: 0 0 5px #ddd;

    padding-bottom: 30px;

    transition: all .3s;


}


.news_list .news_ul li .iconfont {

    font-size: 30px;

    color: #d9d9d9;

    margin-top: 30px;

    display: block;

}


.news_list .news_ul .news_img img {

    width: 100%;

}


.news_ul {

    padding: .625rem 0;

}


.news_ul .news_txt,
.news_ul .news_arrow {

    padding: 0 15px;

}


.news_ul .swiper-slide {

    background: none;

    /* padding: 1.875rem; */

    box-sizing: border-box;

    overflow: hidden;

    transition: all 0.3s;

    background: #fff;

    height:auto;

}


.news_ul .swiper-slide img {

    width: 100%;


}


.news_list .news_ul li:hover {

    box-shadow: 0 0 20px rgba(0, 0, 0, .1);

}


.news_list .news_ul li img {

    transition: all 0.3s;

}


.news_list .news_ul li:hover img {

    transform: scale(1.05);

}


.news_list .news_ul li:hover .news_txt_title,
.news_list .news_ul li:hover .iconfont {

    color: #009944;

}


.news_ul .swiper-slide:hover {

    background: #fff;

    box-shadow: 0 0 .625rem rgba(0, 0, 0, .1);

}


.news_ul .news_img {

    overflow: hidden;

}


.news_ul .news_txt p {

    margin: 1.25rem 0 10px;

}


.news_txt_date {

    font-size: .875rem;

    color: #999999

}


.news_txt_title {

    /*font-size: 1.5rem;*/

    font-size: 16px;

    color: #333;

    font-family: 'pfmed';

    line-height: 1.2em;

    transition: all 0.3s;

}


.news_txt_desc {

    font-size: 14px;

    color: #999999;

    line-height: 1.5em;

    transition: all 0.3s;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-top: 0 !important;

}


.swiper-father .news_arrow {

    margin-top: 1.875rem;

    margin-bottom: 20px;

}


.news .swiper-button-next,
.news .swiper-button-prev {

    /*top: 25%;*/

}

.swiper-father.news_swipers .iconfont {

    font-size: 42px;

    color: #0a9c42;

}

.swiper-father .news_arrow .iconfont {

    font-size: 1.5625rem;

    color: #999;

    transition: all 0.3s;

}


.news_swiper .swiper-slide:hover .news_txt_title,
.news_swiper .swiper-slide:hover .news_arrow .iconfont {

    color: #009944;

}


.news_swiper .swiper-slide:hover .news_txt_desc {

    color: #282828;

}

.news_swiper .swiper-slide img {

    transition: all 0.5s;

}

.news_swiper .swiper-slide:hover img {

    transform: scale(1.05);

    transition: all 0.5s;

}


/* 发展历程 */

.develop .com_content {

    position: relative;

}


.dev_bg img {

    width: 100%;

}


.dev_cont {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}


.dev_cont img {

    width: 100%;

}


.dev_txt {

    position: absolute;

    margin: 3.125rem 6.25rem;

    top: 0;

    /*font-size: 1rem;*/

    font-size: 14px;

    color: #333;

}


.dev_txt p {

    line-height: 2em;

}


/* 服务 */

.service .com_content {

    display: flex;

    align-items: stretch;

    /* justify-content: space-between; */

}


.service_l {

    width: 70%;

    display: flex;

    margin-right: 3.125rem;

}


.service_l > div {

    margin-right: 1.875rem;

    position: relative;

}


.service_l > div img {

    max-width: 100%;

}


.service_txt {

    width: 100%;

    position: absolute;

    bottom: 3.75rem;

    color: #fff;

    text-align: center;

}


.service_txt_a {

    font-weight: bold;

    font-size: 2.25rem;

    line-height: 2em;

}


.service_txt_a {

    font-size: 1.5rem;

    line-height: 2em;

}


.service_r {

    display: flex;

    align-items: stretch;

    flex-direction: column;

    justify-content: space-between;

    border-left: .0625rem solid #e4e4e4;

}


.service_li {

    padding: 0rem .625rem;

    padding-left: 3.125rem;

    position: relative;

}


.service_li::before {

    content: '';

    width: .8125rem;

    height: .8125rem;

    display: block;

    border-radius: 50%;

    border: .125rem solid #e4e4e4;

    position: absolute;

    left: -0.5625rem;

    background: #fff;

    transition: all .3s;

}


.service_li:hover {

    cursor: pointer;

}


.service_li_a {

    font-family: 'alih';

    font-size: 1.5rem;

    color: #e3e3e3;

    transition: all .3s;


}


.service_li_b {

    font-weight: bold;

    font-size: 16px;

    line-height: 2em;

    transition: all .3s;

}


.service_li:hover .service_li_a {

    color: #222222;

}


.service_li:hover .service_li_b {

    color: #009944;

}


.service_li:hover::before {

    border: .125rem solid #009944;

    background: #009944;

}


/* 底部 */

footer {

    background: url(/static/picture/bg_foot.jpg);

    background-size: 100% 100%;

    color: #fff;

    padding: 4.375rem 0 1.875rem;

}


footer a {

    color: #fff

}


.foot_top {

    display: flex;

    justify-content: space-between;


}


.foot_line {

    content: '';

    display: block;

    width: 100%;

    height: .0625rem;

    background: #5ed589;

    margin: 1.875rem 0;

}


.foot_l {

    width: 50%;

    font-size: 1rem;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}


.foot_l_a {

    display: flex;

}


.foot_l_a img {

    max-width: 100%;

}


.foot_ewm {

    display: flex;

    justify-content: space-around;

    margin-left: 1.875rem;

}


.foot_ewm > div {

    margin: 0 .625rem;

    text-align: center;

    line-height: 2em;

}


.foot_l_b .iconfont {

    font-size: 1.625rem;

    padding: 0 .125rem;

}


.foot_r_b .foot_tel .iconfont {

    font-size: 2.1875rem;

    color: rgba(255, 255, 255, .7);

    padding-right: 1.25rem;

}


.foot_r {

    text-align: right;

    font-family: 'pfmed';

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}


.foot_r_a {

    padding-bottom: 1.875rem;

    border-bottom: .0625rem solid #41c068;

}


.foot_r_a ul {

    /* font-family: 'pfbol'; */

    font-size: 1.25rem;

    display: flex;

    justify-content: space-between;

}


.foot_r_a ul li {

    margin-left: 1.875rem;

}


.foot_r_b {

    color: rgba(255, 255, 255, .7);

    font-size: .875rem;

    line-height: 1.5em;

}


.foot_r_b .foot_tel {

    font-size: 1.875rem;

    color: #fff;

    line-height: 2em;

}


.foot_bottom .fw {

    float: right;

}

.foot_bottom,
.foot_bottom a {


    justify-content: space-between;

    color: rgba(255, 255, 255, .4);

}

.foot_bottom .copy a {

    display: inline-block;

}

/* 内页公共样式 */

.ny_banner {

    position: relative;

    z-index: -1;

}


.ny_banner img {

    width: 100%;

}


.ny_banner .container {

    color: #fff;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    text-align: right;

}


.ny_banner .txt_en {

    font-size: 2.5rem;

    text-transform: uppercase;

    line-height: 1.5em;

}


.ny_banner .txt_cn {

    font-size: 1.875rem;

}


.position {

    font-size: 1rem;

    color: #333;

    text-align: right;

    padding-top: 1.875rem;

    padding-bottom: 1.875rem;

}


.position,
.position a {

    color: #333;

}


.position a.active {

    color: #009847;

}


.position .iconfont {

    font-size: 1.375rem;

    color: #009847;

    font-weight: bold;

}


.ny_title {

    font-size: 2.25rem;

    font-weight: bold;

    line-height: 2em;

    margin: 2.5rem 0;

}


.ny_title::after {

    content: '';

    width: 15rem;

    height: .625rem;

    display: block;

    /* background: linear-gradient(

    to right bottom,

    #6fba39 0%,

    #6fba39 20%,

    #13a048 20%,

    #13a048 100%

  ); */

    background: linear-gradient(135deg,
    #6fba39 0%,
    #6fba39 25%,
    #13a048 25%,
    #13a048 100%);

}


/* 关于页面 */

.introduce {

    display: flex;

    font-size: 1.25rem;

    line-height: 2em;

    flex-direction: column;

}

.introduceText, .introduceImg {

    width: 47%;

}

.introduceBox {

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}

.introduce img {

    max-width: 100%;

}

.introduceTitle {

    margin-top: 0;

}

.introduce p {

    font-size: 16px;

    margin: 1.875rem 0;

    text-align: justify;

}


.introduce > div:nth-child(1) {

    margin-right: 2.1875rem;

}


.introduce_desc {

    display: flex;

    justify-content: center;

    color: #fff;

    /*font-size: 2rem;*/

    line-height: 2em;

    margin: 1.875rem 0;

}


.introduce_desc li {

    background: linear-gradient(to right, #6eb92c, #019a44);

    padding: 10px 1.5625rem;

    /*margin: 0 1.25rem;*/

    margin-right: 1.25rem;

    border-radius: 2.5rem;

    font-size: 1.5rem;

    /*font-size:16px;*/

    width: 100%;

    text-align: center;

}

.introduce_desc li:last-child {

    margin-right: 0

}

.introduce_about {

    display: flex;

    justify-content: center;

    margin-top: 4.375rem;

}

.zlbj_txt {

    width: 100%;

    line-height: 2em;

}
.zlbj_txt img {
    width: 100%;
}
.introduce_about li {

    border: .0625rem solid #eee;

    text-align: center;

    width: 100%;

    /*margin: 0 .3125rem;*/

    font-size: 20px;

    line-height: 1.5em;

    padding: 1.25rem 0;

    background: #fff;

    cursor: pointer;

    transition: all .3s;

    z-index: 9;

    display: flex;

    align-items: center;

    /*flex-direction: column-reverse;*/

    flex-direction: column;

    margin-right: 1rem;

}

.introduce_about li:last-child {

    margin-right: 0

}

.introduce_about li:hover {

    background: #01974d;

    border-color: #01974d;

    color: #fff;

}


.introduce_about li img {

    margin-top: 1.25rem;

    transition: all 1s;

}


.introduce_about li:hover img {

    transform: rotate(360deg);

}


.chejian {

    /*margin-top: -3.125rem;*/

    margin-top: -150px;

    z-index: -1;

    /*margin-bottom: 200px;*/

}

.chejianBox {


}

.chejian_swiper {

    /*overflow: inherit;*/

    padding: 200px 0;

    width: 98%;

    margin: auto;

}

.chejian_swiper img {

    max-width: 100%;

    border-radius: 20px;

}

.chejian_swiper .swiper-slide {

    /*border-radius: 20px;*/

    /*overflow: hidden;*/


}

.chejian .swiper-button-prev {

    margin-left: 20%;

}

.chejian .swiper-button-next {

    margin-right: 20%;

}


.chejian .swiper-slide-prev,
.chejian .swiper-slide-next {

    /*filter: brightness(0.4)*/

}

.chejian .swiper-slide {

    transform-style: preserve-3d;

    perspective: 800px;

}

.chejian .swiper-slide-prev {

    /*transform:translateX(-100px);*/


}

.chejian .swiper-slide-active {

    z-index: 3;

}

.chejian .swiper-slide-active {

    transform: scale(1.3);

}

.chejian .swiper-slide img {

    transform: rotateY(25deg) translateX(170%) scale(2);


}

.chejian .swiper-slide {

    position: relative;

}

.chejian .swiper-slide-prev img {

    transform: rotateY(25deg) translateX(60%) scale(1.6);


}

.chejian .swiper-slide-active img {

    transform: rotateY(0deg) translateX(0px) scale(1);

    opacity: 1;

}

.chejian .swiper-slide-next img {

    transform: rotateY(-25deg) translateX(-60%) scale(1.6);


}


.chejian .swiper-slide-next {

    z-index: 2;

}

.chejian .swiper-slide::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(1, 151, 79, 0.2);

    right: 0;

    transform: rotateY(25deg) translateX(170%) scale(2);

    border-radius: 20px;

}

.chejian .swiper-slide-prev::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(1, 151, 79, 0.4);

    right: 0;

    transform: rotateY(25deg) translateX(60%) scale(1.6);

    border-radius: 20px;

}

.chejian .swiper-slide-next::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(1, 151, 79, 0.4);

    left: 0;

    transform: rotateY(-25deg) translateX(-60%) scale(1.6);

    border-radius: 20px;

}

.chejian .swiper-slide-next ~ .swiper-slide::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(1, 151, 79, 0.2);

    left: 0;

    transform: rotateY(-25deg) translateX(-170%) scale(2);

    border-radius: 20px;

}

.chejian .swiper-slide-active::after {

    display: none;

}

.chejian .swiper-slide-next ~ .swiper-slide {

    z-index: 1;

}

.chejian .swiper-slide-next ~ .swiper-slide img {

    transform: rotateY(-25deg) translateX(-170%) scale(2);

    z-index: -1;

}


.team .swiper-button-next:after,
.team .swiper-button-prev:after,
.chejian .swiper-button-next:after,
.chejian .swiper-button-prev:after {

    display: none;

}


.chejian .iconfont {

    font-size: 5rem;

    color: #fff;

}


.about_title {

    display: flex;

    justify-content: space-between;

    align-items: center;

}


.zizhi {

    /*background: url(../images/bg_about_zizhi.jpg);*/

    background-size: 100%;

}


.zizhi_ul {

    display: flex;

    flex-wrap: wrap;

    /*justify-content: space-between;*/

}


.zizhi_ul li {

    cursor: pointer;

    width: calc((100% - 120px) / 3);

    text-align: center;

    margin-top: 1.25rem;

    margin-bottom: 3.125rem;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transition: all .3s;

    margin-right: 60px;

}

.zizhi_ul li:nth-child(3n) {

    margin-right: 0;

}

.zizhi_ul li div {

    border: .0625rem solid #626262;

    overflow: hidden;

    display: flex;

}


.zizhi_ul li img {

    max-width: 100%;

    transition: all .3s;

}


.zizhi_ul li:hover img {

    transform: scale(1.05);

}


.zizhi_ul li p {

    margin-top: 1.875rem;

    font-size: 20px;

    line-height: 1.5em;

}


.zizhi_ul li:hover p {

    color: #13a048;

}

.zizhi_more {

    font-size: 26px;

    color: #7a7a7a;

    border: 1px solid #7a7a7a;

    width: max-content;

    margin: 30px auto;

    padding: 20px 30px;

    display: block;

    cursor: pointer;

}

#map {

    width: 100%;

    height: 50rem;

    max-width: 1280px;

    background: #eee;

    border-radius: 50px;

    border: 1px solid #009847;

    margin: 10px auto 0;

}


.about_map {

    position: relative;

    max-width: 1000px;

    margin: 30px auto 100px;

}


.about_map img {

    max-width: 100%;

}


.about_map1 {

    position: absolute;

    width: 31.6%;

    bottom: 9%;

    left: 36%;

    /* animation: map1 3s infinite; */

    overflow: hidden;

}


.about_map1 img {

    animation: map1 3s infinite;

}


@keyframes map1 {

    0% {

        opacity: 0;

        transform: scale(0) translate(100%, 100%);

    }


    50% {

        opacity: 1;

        transform: scale(1) translate(0%, 0%);

    }

}


.about_map2 {

    position: absolute;

    width: 31.6%;

    bottom: -12.2%;

    left: 52.5%;

}


.about_map2 img {

    animation: map2 3s infinite;

}


@keyframes map2 {

    0% {

        opacity: 0;

        transform: scale(0) translate(-50%, -50%);

    }


    50% {

        opacity: 1;

        transform: scale(1) translate(0%, 0%);

    }

}


.team {

    margin-bottom: 5rem;

}


.team .about_title {

    /*margin-bottom: 3.125rem;*/

}


.team .ny_title {

    line-height: 1.5em;

}


.team .ny_title p {

    font-size: 18px;

    color: #17a148;

    line-height: 2.5em;

}


.team_swiper .swiper-slide-active {

    z-index: 1;

}


.team_swiper .swiper-slide {

    /* width: 50%; */

    box-shadow: 0 .5rem 1.875rem #ddd;

    transition: all 0.5s;

}


.team_swiper .swiper-slide-next {

    transform: scale(0.8) translateX(-50%);

    filter: contrast(0.5)

}


.team_swiper .swiper-slide-prev {

    transform: scale(0.8) translateX(50%);

    filter: contrast(0.5)

}


.team_swiper img {

    width: 100%;

}


.team .iconfont {

    font-size: 3.75rem;

    color: #fff;

}


.team .swiper-button-prev,
.team .swiper-button-next {

    margin: 0 .625rem

}

.teamImg {

    display: flex;

    justify-content: center;

    margin-bottom: 10px;

}

.teamImg .item {

    width: calc(100% / 4);

    position: relative;

    margin-right: 10px;

    overflow: hidden;

}

.teamImg .item:hover img {

    transition: all 0.5s;

    transform: scale(1.1);

}

.teamImg .item img {

    width: 100%;

    transition: all 0.5s;

}

.teamImg .item:last-child {

    margin-right: 0;

}

.teamImg .item p {

    position: absolute;

    bottom: 0;

    font-size: 18px;

    background: rgba(0, 0, 0, 0.5);

    color: #fff;

    width: 100%;

    padding: 20px 0;

    text-align: center;

}

.teamSub {

    line-height: 1.6;

    margin-top: 20px;

    margin-bottom: 80px;

    display: inline-block;

}

/* 品牌文化 */

.brand_ul {

    text-align: center;

}


.brand_ul img {

    max-width: 100%;

}


.brand_ul li {

    position: relative;

    margin-bottom: 1.25rem;

    cursor: pointer;

}

.brand_ul li .brand_img {

    overflow: hidden;

    border-radius: 20px;

}

.brand_ul li img {

    transition: all 0.5s;

    width: 100%;

}

.brand_ul li:hover img {

    transition: all 0.5s;

    transform: scale(1.1);

}


.brand_txt {

    position: absolute;

    top: 50%;

    /* left: 50%; */

    max-height: 50%;

    max-width: 50%;

    transform: translateY(-50%);

}


.brand_ul li:nth-child(2n+1) .brand_txt {

    right: 15%

}


.brand_ul li:nth-child(2n) .brand_txt {

    left: 15%

}


/* 企业文化 */

#culture {

    background: #e6f5f5;

}


.culture_cont {

    /*max-width: 80rem;*/

    margin: 0 auto;

    padding-top: 50px;

}


.culture_detail,
.detail {

    /*padding: 2.5rem 3.125rem;*/

    background: #fff;

    border-radius: 1.25rem;

    box-sizing: border-box;

}


.culture_desc {

    text-align: center;

    font-size: 1rem;

    line-height: 2em;

    color: #333333;

    margin: 1.875rem 0;

    padding: 0 10%;

}


.culture_nav {

    display: flex;

    text-align: center;

    justify-content: center;

}


.culture_nav li {

    width: 6.375rem;

    height: 6.375rem;

    margin: 0 1.25rem;

    background: #d2e6e6;

    border-radius: 50%;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    animation: all .3s;

}


.culture_nav li .iconfont {

    font-size: 2.125rem;

}


.culture_nav li a {

    color: #333;

}


.culture_nav li p {

    font-size: 16px;

    line-height: 2em;

}


.culture_nav li:hover {

    background: #7df4e1;

}


.culture_ul {

    margin: 3.125rem 0;

}


.culture_li {

    margin-bottom: 4.125rem;

}


.culture_li_img {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 10px;

}

.culture_li_img .imgBox {

    overflow: hidden;

    width: 49%;

    margin-bottom: 1.25rem;

}

.culture_li_img .imgBox:hover img {

    transition: all 0.5s;

    transform: scale(1.1);

}


.culture_li_img img {

    width: 100%;

    transition: all 0.5s;

}


.culture_li_txt {

    display: flex;

}


.culture_txt_l {

    width: 20%;

    margin-right: 3%;

    border-right: .375rem solid #009847;

}


.culture_txt_l h2 {

    font-size: 1.625rem;

    font-weight: bold;

    color: #009847;

    line-height: 1.5em;

}


.culture_txt_l p {

    color: #999;

    font-size: 1rem;

    line-height: 1.3em;

}


.culture_txt_r {

    display: flex;

    align-items: center;

    font-size: .9375rem;

    color: #999999;

    line-height: 1.5em;

}


/* 发展页面 */

#dev {

    background: url(/static/picture/bg_dev.jpg);

    background-size: 100% 100%;

    /*padding: 12.5rem 0;*/

    color: #fff;

    padding: 100px 0 16rem;

}


.dev_ul h2 {

    font-size: 1.8rem;

    font-weight: bold;

}


.dev_ul p {

    padding: .625rem 0;

    font-size: 1.2rem;

    line-height: 1.5em;

}


.dev_ul {

    display: flex;

    flex-direction: column;

}


.dev_ul li {

    padding-bottom: 3.125rem;

}


.dev_ul li:nth-child(2n) {

    position: relative;

    padding-left: 1.875rem;

    margin-left: 50%;

    border-left: .0625rem dotted #fff;

    transform: translateX(-0.0625rem);

}


.dev_ul li:nth-child(2n)::before {

    content: '';

    width: .625rem;

    height: .625rem;

    display: block;

    background: #00d051;

    border-radius: 50%;

    border: .1875rem solid #fff;

    position: absolute;

    left: -0.5rem;

}


.dev_ul li:nth-child(2n+1) {

    text-align: right;

    margin-right: 50%;

    padding-right: 1.875rem;

    border-right: .0625rem dotted #fff;

    transform: translateX(0rem);

}


.dev_ul li:nth-child(2n+1)::before {

    content: '';

    width: .625rem;

    height: .625rem;

    display: block;

    background: #00d051;

    border-radius: 50%;

    border: .1875rem solid #fff;

    position: absolute;

    right: -0.5rem

}


.dev_ul li:last-child {

    width: 100%;

    text-align: center;

    margin-left: 0;

    padding-left: 0;
    padding-right: 0;

}


.dev_ul li:last-child::before {

    content: '';

    width: .625rem;

    height: .625rem;

    display: block;

    background: #00d051;

    border-radius: 50%;

    border: .1875rem solid #fff;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

}


.dev_ul li:last-child h2 {

    padding-top: 1.25rem;

    padding-left: 0;

    padding-right: 0;

}


.zuobiao {

    text-align: left;

    max-width: 1280px;

    margin: 20px auto 50px;

    position: relative;

}

.zuobiaoBox {

    position: absolute;

    width: 50%;

    background: #fff;

    height: 100%;

    top: 0;

    right: 0;

    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);

}

.circle {

    width: 135px;

    height: 135px;

    background: url('/static/picture/map22.png') no-repeat center;

    position: absolute;

    left: -67px;

    top: 20%;

}

.zuobiaoBox::after {

    content: '';

    width: 135px;

    height: 135px;

    background: url('/static/image/map33.png') no-repeat center;

    position: absolute;

    left: -67px;

    top: 20%;

}

.zuobiaoText {

    padding: 20%

}

.zuobiao img {

    max-width: 100%;

}

.zuobiaoBoxTitle {

    background: linear-gradient(to right, #8dcf50, #026e2a);

    -webkit-background-clip: text;

    color: transparent;

    font-size: 32px;

    font-weight: 600;

    margin-bottom: 50px;

}

.zuobiaoAdd {

    font-size: 18px;

    line-height: 2;

}

.zuobiaoAdd p {

    margin-bottom: 30px;

}

.zuobiaoAdd span {

    font-weight: 600;

}


.contactText {

    max-width: 1240px;

    font-size: 16px;

    line-height: 2;

    margin: 30px auto 100px;

}


.contact_ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 5rem 0;

}


.contact_ul li {

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

}


.contact_ul_icon {

    width: 7.5rem;

    height: 7.5rem;

    border-radius: 50%;

    background: #eaeaea;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .3s;

}


.contact_ul li:hover .contact_ul_icon {

    background: linear-gradient(to right, #6eb92c, #019945);

}


.contact_ul_icon .iconfont {

    color: #fff;

    font-size: 3.75rem;

}


.contact_ul h2 {

    font-size: 1.5rem;

    color: #666666;

    line-height: 3em;

}


.contact_ul p {

    font-size: 1.375rem;

    color: #999999;

    transition: all .3s;

}


.contact_ul li:hover p {

    color: #009847;

}

.contact_training {

    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);

    padding: 50px;

    margin-bottom: 50px;

}


/* 人才理念 */

.philosophy,
.training {

    background: #f4f4f4;

}


.philosophy .position,
.training .position {

    background: #fff;


}


.philosophy .detail,
.training .detail {

    margin: 3.125rem auto;

}


.philosophy_ul li {

    display: flex;

    justify-content: space-between;

}


.philosophy_ul li:hover img {

    transition: all 0.5s;

    transform: scale(1.1);

}


.philosophy_ul li > div {

    width: 49%;

    overflow: hidden;

}


.philosophy_ul li img {

    width: 100%;

    transition: all 0.5s;

}


.philosophy_ul li:nth-child(2n) {

    flex-direction: row-reverse;

}


.philosophy_ul li h2 {

    color: #333333;

    font-size: 1.5625rem;

    line-height: 3em;

}


.philosophy_ul li p {

    color: #999999;

    font-size: 16px;

    line-height: 2em;

}


.philosophy_txt {

    display: flex;

    flex-direction: column;

    justify-content: center;

}


/* 人才培养 */

.training_li {

    position: relative;

    cursor: pointer;

}


.training_ul {

    display: flex;

    justify-content: space-between;

}


.training_li_img img {

    max-width: 100%;

}


.training_li_txt {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

}


.training_li_txt h2 {

    font-size: 1.5625rem;

    color: #009847;

    line-height: 2em;

}


.training_li_txt p {

    font-size: 16px;

    color: #666666;

}


.training_li:hover p,
.training_li:hover h2 {

    color: #fff;

}


.com_title_center {

    font-size: 2.25rem;

    line-height: 2em;

    text-align: center;

    margin-bottom: 1.875rem;


}


.com_title_center::after {

    content: '';

    display: block;

    width: 3.125rem;

    height: .625rem;

    background: linear-gradient(to right, #6bb82d, #029a43);

    border-radius: .3125rem;

    margin: 0 auto;

}


.training .news_ul {

    display: flex;

    justify-content: space-between;

    margin-bottom: 4.375rem;

    flex-wrap: wrap;

}


.training .news_ul li {

    background: #fff;

    width: 31%;

    box-shadow: 0 0 .625rem #eee;

    padding-bottom: 1.875rem;

    transition: all .3s;

    overflow: hidden;

    margin-bottom: 1.875rem;

}


.training .news_ul li:hover {

    box-shadow: 0 0 .9375rem #ddd;

}


.training .news_ul li img {

    width: 100%;

    transition: all .3s;

}


.training .news_ul li:hover img {

    transform: scale(1.03);

}


.training .news_ul li .news_txt,
.training .news_ul li .news_arrow {

    padding: 0 1.25rem;

}


.training .news_ul li .news_txt_title {

    height: 2.4em;

    line-height: 1.2em;

    overflow: hidden;

    transition: all .3s;

}


.training .news_ul li .news_arrow .iconfont {

    font-size: 1.875rem;

    transition: all .3s;

}


.training .news_ul li:hover .news_txt_title {

    color: #009944;

}


.training .news_ul li:hover .news_txt_desc {

    color: #282828;

}


.training .news_ul li:hover .news_arrow {

    color: #009944;

}


/* 招聘 */

.recruitments {

    position: inherit;

}

.recruitmentTop {

    background: linear-gradient(to right, #6eba2c, #009944);

    display: flex;

    padding: 1.875rem;

    border-radius: 1.25rem 1.25rem 0 0;

    color: #fff;

    font-size: 1.5rem;

    justify-content: space-between;

}

.recruitmentTop .item {

    width: 15%;

}

.recruitmentTop .item:first-child {

    width: 40%;

}

.recruitmentBottom ul li {

    cursor: pointer;

    /*padding: 1.875rem;*/

    font-size: 18px;

    display: flex;

    justify-content: space-between;

}

.recruitmentBottom ul li:nth-child(even) {

    background: #f4f4f4;

}

.recruitmentBottom ul li .item {

    width: 15%;

    padding: 1.875rem;

}

.recruitmentBottom ul li .item:first-child {

    width: 40%;

}

.recruitment_top {

    font-size: 1.2rem;

    color: #666666;

    line-height: 1.5em;

    margin-bottom: 3.125rem;

}

.recruitmentBottom ul li:hover {

    background: #009847;

    color: #fff;

}


.recruitment_li_title {

    background: linear-gradient(to right, #6eba2c, #009944);

    display: flex;

    padding: 1.875rem;

    border-radius: 1.25rem 1.25rem 0 0;

    color: #fff;

    font-size: 1.5rem;

    justify-content: space-between;

}


.recruitment_li_1 {

    width: 40%;

}


.recruitment_li_2,
.recruitment_li_3,
.recruitment_li_4 {

    width: 15%;

}


.recruitment_li .recruitment_li_desc {

    cursor: pointer;

    padding: 1.875rem;

    font-size: 18px;

}


.recruitment_li:nth-child(2n) {

    background: #fff;

}


.recruitment_li:nth-child(2n+1) {

    background: #f4f4f4;

}


.recruitment_li:hover .recruitment_li_desc,
.recruitment_li_desc.on {

    background: #009847;

    color: #fff;

}


.recruitment_li_desc.on .iconfont {

    display: inline-block;

    transform: rotate(90deg);

}


.recruitment_li_desc {

    display: flex;

    justify-content: space-between;

}


.recruitment_li_desc .icon-icon3 {

    display: none;

}


.recruitment_li_desc .iconfont {

    font-size: 1.25rem;

    margin-left: 1.875rem;

}


.recruitment_li_detail {

    background: rgba(0, 152, 71, .1);

    display: none;

    padding: 0 1.875rem 3.125rem;

}


.recruitment_li_detail h2 {

    font-size: 1.25rem;

    line-height: 2em;

}


.recruitment_li_detail p {

    font-size: 16px;

    line-height: 1.5em;

}

.showRecruitment {

    position: fixed;

    background: #fff;

    background: rgba(0, 0, 0, 0.5);

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 1000;

    padding: 0 20px;

    display: none;

}

.showRecruitment-box {

    /*box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);*/

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 10;

    /*background: #fff;*/

    border-radius: 20px;

    height: 80vh;

    max-width: 1300px;

    width: 90%;

    overflow: auto;

}

.showReTop {

    height: 100px;

    background: linear-gradient(to right, #68b82d, #0a9c42);

    display: flex;

    align-items: center;

    color: #fff;

    justify-content: flex-start;

    padding: 0 50px;

    /*border-radius: 20px 20px 0 0;*/

}

.showReTop .title {

    font-size: 24px;

}

.showReTop .sub {

    font-size: 16px;

    margin-left: 20px;

    margin-top: 5px;

}

.showReTop .add {

    font-size: 16px;

    margin-left: 10%;

    margin-top: 5px;

}

.showDetail {

    padding: 50px;

    color: #333;

    line-height: 1.6;

    font-size: 16px;

    background: #fff;

}

.showDetail a {

    color: #333

}

.close {

    position: absolute;

    right: 30px;

    top: 30px;

    width: 30px;

    height: 30px;

    background: url('/static/picture/close.png') no-repeat center;

}


/* 新闻中心 */

.news_recommend {

    background: #fff;

    padding: 3.125rem 0;

    /*margin-bottom: 3.125rem;*/

}

.news_recommend img {

    transition: all 0.5s;

}

.news_recommend:hover img {

    transition: all 0.5s;

    transform: scale(1.1);

}

.news_recommend .container-inside a {

    display: flex;

    justify-content: space-between;

}


.news_recommend_img {

    width: 60%;

    margin-right: 1.25rem;

    overflow: hidden;

}


.news_recommend_img img {

    width: 100%;

    transition: all .3s;

}


.news_recommend .container a:hover .news_recommend_img img {

    transform: scale(1.03);

}


.news_recommend_txt {

    width: 38%;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    padding: 3.125rem 1.25rem;

}


.news_recommend_txt .news_txt_title {

    font-size: 32px;

    transition: all .3s;

}


.news_recommend .container a:hover .news_recommend_txt .news_txt_title {

    color: #009947;

    transition: all .3s;

}


.news_recommend_txt .news_txt_date,
.news_recommend_txt .news_txt_desc {

    font-size: 16px;

    color: #999999;

}


.news_recommend_txt .iconfont {

    font-size: 1.625rem;

    color: #999999;

}


.news_recommend .container a:hover .news_recommend_txt .news_txt_desc {

    color: #333

}


.news_recommend .container a:hover .news_recommend_txt .iconfont {

    color: #009947;

}


.news_search {

    display: flex;

    margin: 1.875rem 0;

}


.news_search select {

    border: none;

    outline: none;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    padding: 1.25rem 3.125rem;

    cursor: pointer;

    font-size: 16px;

    background: #fff;

}


.news_search select option {

    line-height: 2em;

    outline: none;

}


.news_search > div {

    padding: .3125rem 1.25rem;

    background: #fff;

    border: .0625rem solid #009947;

    border-radius: 2.5rem;

    margin-right: 1.25rem;

}


.news_search .keywords {

    font-size: 16px;

    display: flex;

    align-items: center;

    width: 40%;

}


.news_search input {

    padding: .625rem;

    flex-grow: 1;

}


.news_search .keywords .iconfont {

    font-size: 1.875rem;

    color: #009947

}


input:focus::placeholder {

    opacity: 0;

}


button {

    background: none;

    cursor: pointer;

}


/* 新闻详情 */

.news_detail {

    /*margin: 3.125rem 0;*/

    padding-top: 50px;

}


.news_detail_title {

    text-align: center;

    border-bottom: .0625rem solid #bfc8de;

    margin-bottom: 1.875rem;

}


.news_detail_title h1 {

    font-size: 1.875rem;

    font-weight: bold;

    line-height: 2em;

}


.news_detail_info {

    display: flex;

    justify-content: center;

    color: #7c8f9e;

    font-size: 16px;

    padding-bottom: 1.875rem;

}


.news_detail_info > div {

    margin: 0 .625rem;

}


.news_detail_info .iconfont {

    margin: 0 .3125rem;

}


.news_content {

    line-height: 1.5em;

    margin-bottom: 1.875rem;

}


.news_content {

    text-align: justify;

    font-size: 16px;

}


.news_content img {

    max-width: 100%;
    height: auto !important;

}


.news_content p {

    margin-bottom: .9375rem;

}


.news_page {

    display: flex;

    justify-content: space-between;

}


.news_page > a {

    width: calc((80% - 80px) / 2);

    border: .0625rem solid #b3bdd4;

    line-height: 3em;

    padding: 0rem 1.875rem;

    border-radius: 1.875rem;

    cursor: pointer;

    transition: all .3s;

}


.news_page > a div {

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}


.news_page > a:hover {

    color: #fff;

    background: linear-gradient(to right, #6eba2c, #019944);

}


.news_page > a:first-child {

    /*margin-right: 1.25rem;*/

}
.news_page > a.goBack {
    margin: 0 1.25rem;
    width: 80px;
}

.news_page span {

    color: #282828;

    padding-right: 1.25rem;

    margin-right: 1.25rem;

    border-right: .0625rem solid #b3bdd4;

}


.news_page > a:hover span {

    color: #fff

}


/* 视频 */

.video_ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    /*margin: 4.375rem auto;*/

}

.video_li img {

    transition: all 0.3s;

}

.video_li:hover img {

    transform: scale(1.05);

}

.video_li {

    width: 31%;

    position: relative;

    overflow: hidden;

    margin-bottom: 1.875rem;

    border-radius: 1.25rem;

    cursor: pointer;

}


.video_li img {

    width: 100%;

}


.video_li_txt {

    position: absolute;

    width: 100%;

    padding: .625rem 1.25rem;

    bottom: 0;

    box-sizing: border-box;

}


.video_li_txt .iconfont {

    font-size: 2.5rem;

    color: rgba(255, 255, 255, .6);

}


.video_li_txt h2 {

    color: #fff;

    font-size: 16px;

    line-height: 2em;

    width: 100%;

    display: inline-block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}


.tc {

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, .2);

    z-index: 999999;

    display: none;

}


.tc_video {

    width: 85%;

    height: 80%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    /*background: #fff;*/

    min-height: 18.75rem;

    border-radius: 1.875rem;

}

.tc_video video{
    object-fit: cover;
}

.tc iframe {

    border-radius: 1.875rem;

}


.video_close {

    position: absolute;

    top: 18px;

    right: 1.25rem;

    cursor: pointer;

}


.video_close .iconfont {

    color: #fff;

    font-size: 1.875rem;

}


/* 下载 */

.down .position .container {

    display: flex;

    justify-content: space-between;

}


.down .position .container .search,
.search {

    border: .0625rem solid #009947;

    width: 50%;

    text-align: left;

    padding: .625rem 1.25rem;

    border-radius: 30px;

}


.down .position .container .search input {

    width: 80%;

    margin-right: 10%;

}


.down .position .container .search form {

    display: flex;

    justify-content: space-between;

}


.down .content {

    margin: 3.125rem auto;

}


.down .pro_cate {

    border-bottom: .0625rem solid #eeeeee;

}


.pro_cate ul {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    /* justify-content: space-between; */

}


.pro_cate ul li {

    margin-top: 1.25rem;

    /*min-width: 12%;*/

    width: calc(100% / 5);

}


.pro_cate ul li span {

    /*width: 4em;*/

    font-size: 16px;

    margin-left: 10px;

}


.pro_cate ul li a {

    display: flex;

    /*justify-content: space-around;*/

    align-items: center;

    font-size: 16px;

    padding: 0 1.25rem 1.25rem;

    color: #666666;

    /* transition: all .3s; */

    border-bottom: 0.25rem solid transparent;

}


.pro_cate ul li img {

    /*width: 2.1875rem;*/
    width: 36px;

    margin: 0 .625rem;

    filter: brightness(0);

    transition: all .3s;
    border:1px solid #333;
    border-radius: 50%;

}


.pro_cate ul li.active a,
.pro_cate ul li:hover a {

    color: #089b42;

    border-bottom: .25rem solid;

    border-image: -webkit-linear-gradient(#6fb92c, #009944);

    border-image: -moz-linear-gradient(#6fb92c, #009944);

    border-image: linear-gradient(to right, #6fb92c, #009944) 1;


}


.pro_cate ul li.active img,
.pro_cate ul li:hover img {

    filter: brightness(1);
    border-color: #009944 ;

}


.detail.down_content {

    box-shadow: 0 0 .625rem #eee;

}


.down h1 {

    font-size: 1.8rem;

    color: #009847;

    margin: 1.875rem 0;

    padding-left: 1.875rem;

}


.down_ul .down_title {

    font-size: 1.5rem;

}


.down_ul li {

    display: flex;

    justify-content: space-between;

    font-size: 16px;

    padding: 1.25rem;

    line-height: 1.5em;

    align-items: center;

}


.down_ul li > div:nth-child(1) {

    width: 60%;

}


.down_ul li > div:nth-child(2) {

    width: 20%;

    text-align: center;

}


.down_ul li > div:nth-child(3) {

    width: 10%;

    text-align: center;

}


.down_ul li:nth-child(2n) {

    background: #f4f4f4;

}


.down_ul li .iconfont {

    color: #009947;

    font-size: 1.75rem;

}


.pagination {

    text-align: center;

    margin-top: 50px;

}


.pagination a {

    padding: .75rem 1.25rem;

    margin: 0 .3125rem 0.5rem;

    display: inline-block;

    background: #fff;

    box-shadow: .125rem .125rem .125rem #eee;

}


.pagination a.active {

    background: #009944;

    color: #fff;

}


.pagination a:hover {

    background: #009944;

    color: #fff;

}


/* 常见问题 */

.faq {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.faq.news-detail-menu .pageMenu{
    width: 40%;
}

.service_question {

    background: #f4f4f4;

}


.service_question .search {

    margin: 0 auto;

    background: #fff;

}


.search .iconfont {

    font-size: 1.375rem;

    color: #009847;

    font-weight: bold;

}


.service_question .search form {

    display: flex;

    justify-content: space-between;

}


.service_question input {

    width: 80%;

}


.question .search {

    margin: 0 auto;

}


.question .search form {

    display: flex;

}

.search form {

    display: flex;

    justify-content: space-between;

}

.search form input {

    flex-grow: 1;

}

.search form button {

    background: url('/static/picture/faqSearch.png') no-repeat center;

    width: 36px;

    height: 36px;

}

.question_ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 0.5rem auto;

}


.question_li {

    width: 32%;

    display: flex;

    flex-direction: column;

    line-height: 1.5em;

    border-radius: .625rem;

    border: .0625rem solid #cde3d6;

    margin-bottom: 1.875rem;

}


.question_li > div {

    display: flex;

    align-items: flex-start;

}


.question_q {

    border-radius: .625rem .625rem 0 0;

    padding: 1.875rem 1.875rem .9375rem;

    background: #e2f2e9;

}


.question_a {

    border-radius: 0 0 .625rem .625rem;

    padding: .9375rem 1.875rem 1.875rem;

    background: #fff;

}


.question_q > div {

    color: #fff;

    background: #009847;

    width: 1.875rem;

    height: 1.875rem;

    text-align: center;

    border-radius: 50%;

    margin-right: .625rem;

    flex-shrink: 0;

}


.question_q h2 {

    font-size: 1.25rem;

    color: #333333;

    min-height: 3em;

}


.question_a > div {

    background: #e2f2e9;

    border-radius: 50%;

    width: 1.875rem;

    height: 1.875rem;

    margin-right: .625rem;

    text-align: center;

    flex-shrink: 0;

}


.question_a p {

    font-size: 16px;

    color: #999999;

    text-align: justify;

}


/* 服务理念 */

.service_center_ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}


.service_center_ul li {

    height: 13.125rem;

    width: 33%;

    background: red;

    color: #fff;

    position: relative;

    cursor: pointer;

    margin-bottom: .3125rem;

}


.service_center_ul li > div {

    text-align: right;

    padding: .625rem;

}


.service_center_ul li img {

    width: 20%;

    transition: all .3s;

    width: 4.5625rem;


}


.service_center_ul li p {

    position: absolute;

    bottom: .625rem;

    left: .625rem;

    font-size: 16px;

    transition: all .3s;

    width: 100%;

}


.service_center_ul li:hover p {

    font-size: 18px;

    text-align: center;

    left: 50%;

    bottom: 50%;

    transform: translate(-50%, 50%);

}


.service_center_ul li:hover img {

    transform: rotate(360deg);

}


.service_center_ul li:nth-child(1) {

    background: linear-gradient(to bottom, #f86f64, #fc5392);

}


.service_center_ul li:hover:nth-child(1) {

    background: linear-gradient(to bottom, #fc5392, #f86f64);

}


.service_center_ul li:nth-child(2) {

    background: linear-gradient(to bottom, #c872f2, #f772d1);

}


.service_center_ul li:nth-child(3) {

    background: linear-gradient(to bottom, #c82270, #d09292);

}


.service_center_ul li:nth-child(4) {

    width: 24.5%;

    background: linear-gradient(to bottom, #68e0cf, #209cff);

}


.service_center_ul li:nth-child(5) {

    width: 24.5%;

    background: linear-gradient(to bottom, #fb7099, #fedc46);

}


.service_center_ul li:nth-child(6) {

    width: 24.5%;

    background: linear-gradient(to bottom, #38f8d4, #43ea80);

}


.service_center_ul li:nth-child(7) {

    width: 24.5%;

    background: linear-gradient(to bottom, #9993e3, #b0f0d0);

}

.serviceBox {

    max-width: 1280px;

}

.serviceBox img {

    width: 100%;

    display: block;

}

.serviceBox img {

    position: absolute;

    transition: all 0.5s;

}

.serviceBox img.active {

    position: inherit;

}

.serviceBox .item:hover img.active {

    opacity: 0;

    transition: all 0.5s;

}

.serTop,
.serBottom,
.serTopLeft {

    display: flex;

    justify-content: space-between;

}

.serTopLeft {

    margin-right: 10px;

}

.serTopLeft .item {

    width: calc((100% - 0px) / 2);

    border-radius: 20px 0 20px 0;

    overflow: hidden;

    margin-right: 10px;

    position: relative;

}

.serTopRight {

}

.serTopRight .item {

    margin-bottom: 10px;

    border-radius: 20px 0 20px 0;

    overflow: hidden;

    position: relative;

}

.serBottom .item {

    width: calc((100% - 20px) / 3);

    margin-right: 10px;

    position: relative;

    border-radius: 20px 0 20px 0;

    overflow: hidden;

}

.serTopLeft .item:last-child,
.serBottom .item:last-child {

    margin-right: 0;

}

.serviceBox .itemText {

    position: absolute;

    bottom: 0;

    top: 0;

    left: 0;

    z-index: 5;

    width: 80%;

    right: 0;

    margin: auto;

    height: max-content;

}

.serviceBox .itemText img {

    position: initial;

    width: auto;

}

.serviceBox .itemText p {

    font-size: 24px;

    color: #fff;

    margin: 20px auto;

}

.serviceBox .itemText .itemLine {

    background: #7ad33b;

    width: 50px;

    height: 10px;

}

.serTopLeft .itemText {

    bottom: 10%;

    margin: 0 auto;

    top: auto;

}

.service2 {

    display: flex;

    justify-content: space-between;

    max-width: 1280px;

    margin-top: 100px;

    padding-top: 100px;

    border-top: 1px solid #b5b5b5

}

.service2 img {

    width: 100%;

}

.service2 .item {

    margin-right: 40px;

    width: calc((100% - 40px) / 2);

}

.service2 .item:last-child {

    margin-right: 0

}

.ny_title_a {

    margin-top: 50px;

    padding: 30px;

    /*margin: 1.875rem;*/

    text-align: center;

    border-bottom: .0625rem solid #b5b5b5;

}
.service2 .ny_title_a {
    border-bottom: none;
}

.ny_title_a h2 {

    font-size: 32px;

    font-weight: bold;

}


.ny_title_a p {

    font-size: 22px;

    line-height: 1.5em;

    color: #999999;

}


.service_img {

    /*margin-bottom: 3.125rem;*/

}


.service_img img {

    width: 100%;

}


.service .main {

    padding-bottom: 3.125rem;

}


/* 优势 */

.adv1_img img {

    max-width: 100%;

}

.adv1_img {

    position: relative;

}

.made_advText {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 50px;

    margin: auto;

    height: max-content;

    font-size: 30px;

    color: #fff;

    line-height: 2;

    font-weight: 600;

}

.adv1_icon_ul {

    margin: 3.125rem 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}


.adv1_icon_li {

    display: flex;

    align-items: center;

    width: calc(100% / 3);

    margin-bottom: 50px;

}


.adv1_icon_img {

    /*margin-right: .625rem;*/

    margin-right: 10%;

}


.adv1_icon_txt h2 {

    color: #009947;

    font-weight: bold;

    line-height: 1.5em;

    font-size: 32px;

}


.adv1_icon_txt h2 span {

    /*font-size: 1.6rem;*/

    /*font-size:32px;*/

    font-weight: bold;

}


.adv1_icon_txt p {

    /*font-size: 1rem;*/

    font-size: 24px;

    color: #555555;

    margin-top: 10px;

}


.adv1_ul {

    display: flex;

    flex-wrap: wrap;

}


.adv1_ul li {

    /*width: 24.5%;*/

    width: calc((100% - 50px) / 3);

    /*margin-bottom: .625rem;*/

    /*margin-right: 0.5%;*/

    margin-right: 25px;

    margin-bottom: 25px;

}

.adv1_ul li:nth-child(3n) {

    margin-right: 0;

}

.adv1_ul li img {

    max-width: 100%;

    width: 100%;

}


.made_adv2 {

    background: #f4fff6;

    padding: 30px 50px;

    margin-top: 30px;

}


.made_adv2 .ny_title_a {

    margin-bottom: 3.125rem;

    border-bottom: 1px solid #bfbfbf;

}


.made_adv2 .ny_title_a h2 {

    color: #13a048;

}


.made_adv2 .ny_title_a p {

    color: #6ab82c

}


.made_adv2_ul {

    display: flex;

    justify-content: space-between;

}


.made_adv2_ul li {

    margin: 1.25rem;

    text-align: center;

    cursor: pointer;

    width: 28%;

    /* max-width: 301px; */

}

.made_adv2_ula li {

    max-width: 301px;

}


.made_adv2_ul li div {

    padding: .3125rem;

    border: .0625rem solid #0f0f0f;

}


.made_adv2_ul li img {

    max-width: 100%;

}


.made_adv2_ul li p {

    margin: 1.25rem auto;

    font-size: 16px;

}


.made_adv2_ul2 {

    justify-content: flex-start;

}


.made_adv2_ul2 li {

    width: calc(100% / 3);

    margin-right: 0.5%;

    cursor: pointer;

}


.made_adv2_ul2 li div {

    border: 0;

}


.made_adv4_img {

    border: .0625rem solid #13a048;

    text-align: center;

    overflow: hidden;

}


.made_adv4_img img {

    max-width: 100%;

    transition: all .3s;

}


.made_adv4_ul {

    display: flex;

    flex-wrap: wrap;

}


.made_adv4_li {

    width: 32%;

    margin-bottom: 3.125rem;


    cursor: pointer;

}


.made_adv4_li:nth-child(3n+2) {

    margin: 0 2%

}


.made_adv4_li h2 {

    font-size: 1.6rem;

    color: #13a048;

    margin: 1.25rem 0;

}


.made_adv4_li p {

    font-size: 14px;

    color: #676767;

    margin: 1.25rem 0;

    line-height: 1.5em;

}


.made_adv4_li:hover img {

    transform: scale(1.05);

}

.made_bg1 {

    /*background: url(../images/made_bg1.png) no-repeat;*/

    /*background-position: right;*/

    /*background-size: 15% 100%;*/

}

.made_bg2 {

    /*background: url(../images/made_bg2.png) no-repeat;*/

    /*!* background-size: contain; *!*/

    /*background-size: 15% 100%;*/

    /*background-position:left;*/

    margin-bottom: 100px;

}

.made_adv3_1 {

    display: flex;

    justify-content: space-between;

}


.made_adv3_r {

    width: 40%;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}


.made_adv3_r h2,
.made_adv3_r p {

    width: 100%;

}


.made_adv3_r h2 {

    font-size: 1.875rem;

    margin: 1.25rem 0;

}


.made_adv3_r p {

    font-size: 16px;

    line-height: 1.5em;

}
.made_adv3_r_img1 {
    position: relative;
    width: 95%;
}
.made_adv3_r_img1-1 {
    width: 70%;
    position: absolute;
    padding: 10px;
    background: #fff;
    right: -15%;
    top: -35%;
}
.made_adv3_r_img1 img {
    width: 100%;
}

.made_adv3_l {

    width: 58%;

    margin-left: 0;

}


.made_adv3_l img {

    width: 100%;

}


.made_adv3_l .swiper-button-next:after,
.made_adv3_l .swiper-button-prev:after {

    display: none;

}


.yingjian {

    background: #f4fff6;

    padding: 30px 0;

}


.made_adv3_l .iconfont {

    /*font-size: 2.5rem;*/

    font-size: 60px;

    color: #fff;

}


.made_adv3_l .swiper-button-next,
.made_adv3_l .swiper-button-prev {

    top: 90%;

}

.made_adv3_l .swiper-button-prev {

    left: 30px;

}

.made_adv3_l .swiper-button-next {

    right: 30px;

}

.made_adv3_r_img1 {

    /*width: 80%;*/

}

.mesTitle {

    border-bottom: 1px solid #bfbfbf;

    margin-top: 50px;

    margin-bottom: 30px;

}

.made_adv3_r_img1 img {

    width: 100%;

}


.made_adv3_r_img2 {

    position: absolute;

    right: 0;

    top: 0;

    width: 50%;

    box-shadow: -0.625rem .625rem .0625rem #eeeeee;

}


.made_adv3_r_img2 img {

    width: 100%;

    height: 100%;

}


.made_adv3_a {

    display: flex;

}


.made_adv3_a_l {

    width: 35%;

    position: relative

}


.made_adv3_a_l img {

    max-width: 100%;

}


.adv3a_img {

    position: absolute;

    top: 0;

    left: 0;


}


.adv3a_img1 {

    animation: advImg 2s infinite;

}


.adv3a_img2 {

    animation: advImgA 1.5s infinite;

}


@keyframes advImg {

    0% {

        transform: translateY(0);

    }


    50% {

        transform: translateY(5px);

    }


    100% {

        transform: translateY(0);

    }

}


@keyframes advImgA {

    0% {

        transform: translateY(0);

    }


    50% {

        transform: translateY(-5px);

    }


    100% {

        transform: translateY(0);

    }

}


.made_adv3_a_r {

    width: 65%;

}


.made_adv3_a_r_ul {

    display: flex;

    flex-wrap: wrap;

}


.made_adv3_a_r_li {

    width: calc(95% / 2);

    background: #fff;

    box-shadow: .3125rem .1875rem .9375rem #eee;

    margin-right: 5%;

    margin-bottom: 1.25rem;

    padding: 1.875rem;

    box-sizing: border-box;

    border-radius: .5rem;

}

.made_adv3_a_r_li:nth-child(2n) {

    margin-right: 0;

}

.made_adv3_a_r_li h2 {

    font-size: 1.375rem;

    color: #1db150;

    line-height: 2em;

    position: relative;

}


.made_adv3_a_r_li h2::before {

    content: '';

    display: block;

    /* background: #80d69d; */

    border-left: .625rem solid #80d69d;

    border-top: .3125rem solid transparent;

    border-bottom: .3125rem solid transparent;

    position: absolute;

    left: -1.25rem;

    top: .9375rem;

}


.made_adv3_a_r_li ul {

    display: flex;

    flex-wrap: wrap;

}


.made_adv3_a_r_li ul li {

    width: 100%;

    line-height: 1.5em;

    display: flex;

    margin-bottom: 10px;

    font-size: 14px;

}

.made_adv3_a_r_li:nth-child(2) ul li,
.made_adv3_a_r_li:nth-child(3) ul li,
.made_adv3_a_r_li:nth-child(5) ul li {

    width: 49%;

}

.made_adv3_a_r_li ul li .iconfont {

    font-size: 1.25rem;

    color: #ebb629;

}


.tc_img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}


.adv3_b_ul {

    width: 1240px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.adv3_b_ulm {

    display: none;

}

.made_adv3_b {

    position: relative;

    float: right;

}


.adv3_b_ul > div {

    display: flex;

    flex-direction: column;

    height: 530px;

    justify-content: space-between;

}


.adv3_b_ul > div:nth-child(2) {

    justify-content: center;

    flex-grow: 1;

    text-align: center;

    position: relative;

}


.adv3b_arrow {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: -2;

    display: none;

}


.adv3b_arrow_mb {

    -webkit-mask: no-repeat center;

    mask: no-repeat center;

    -webkit-mask-image: url(/static/picture/made_adv3_b00.png);

    mask-image: url(/static/picture/made_adv3_b00.png);

    position: absolute;

    /* width: 100%;

	height: 100%; */

    width: 377px;

    height: 440px;

    background: #069b42;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    animation: adv3arrow 3s infinite;

    z-index: -1;

}


@keyframes adv3arrow {

    0% {

        width: 0;

        height: 0;

        /* opacity: 0; */

        transform: perspective(1px) translate(-50%, -50%)

    }


    10% {

        width: 235px;

        height: 440px;

        transform: perspective(2000px) translate(-50%, -50%)

    }


    30% {

        width: 377px;

        height: 440px;

        /* opacity: 1; */

        transform: perspective(2000px) translate(-50%, -50%)

    }


    100% {
    }


}


/* 研发 */

.yanfa_a_title {

    display: flex;

    justify-content: center;

    text-align: center;

    padding-bottom: 1em;

    border-bottom: .0625rem solid #b5b5b5;

    margin-bottom: 1em;

}


.yanfa_a_title > div:nth-child(1) {

    margin-right: 3.125rem;

}


.yanfa_a_title h2 {

    font-size: 2.8rem;

    font-family: 'alih';

    font-weight: 100;

    background-image: -webkit-linear-gradient(top, #4de597, #18bb66);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}


.yanfa_a_title p {

    font-size: 1.375rem;

    font-weight: bold;

    line-height: 2em;

}


.yanfa_title_txt {

    width: 60%;

    margin: 0 auto;

    font-size: 16px;

    line-height: 2em;

    text-align: center;

}


.yanfa_title_txt span {

    font-weight: bold;

}


.yanfa_a_img {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 2em;

    justify-content: space-between;

}


.yanfa_a_img img {

    max-width: 100%;


}


.yanfa_a_img_l {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    /*margin-right: 2em;*/

    margin-top: 50px;

}


.yflc {

    /*padding-bottom: 150px;*/

}


.yanfa_liucheng {

    position: relative;

    margin-left: 3.125rem;

    margin-top: 50px;

}


.lct_line1 {

    width: 75rem;

    height: 17.5rem;

    border: .0625rem solid #28d156;

    border-left: 0;

    position: absolute;

    top: 8.4375rem;

    z-index: -1;

    left: 1.875rem;

}


.lct_line2 {

    width: 11.5625rem;

    height: 5.3125rem;

    border: .0625rem solid #28d156;

    border-bottom: 0;

    z-index: -1;

    position: absolute;

    left: 3.6875rem;

    top: 3.75rem;

}


.lct_line3 {

    width: 45rem;

    height: 5.75rem;

    border: .0625rem solid #28d156;

    border-top: 0;

    z-index: -1;

    position: absolute;

    top: 9.375rem;

    left: 3.6875rem;

}


.lct_line4 {

    width: 22.5rem;

    height: 5.625rem;

    border: .0625rem solid #28d156;

    border-bottom: 0;

    z-index: -1;

    position: absolute;

    top: 20.9375rem;

    left: 25.5rem;

}


.lct_line5 {

    width: 5rem;

    height: 9.375rem;

    border: .0625rem solid #28d156;

    border-right: 0;

    border-top: 0;

    z-index: -1;

    position: absolute;

    top: 8.4375rem;

    left: 66.25rem;

}


.lct_line6 {

    width: 5rem;

    height: 9.375rem;

    border-right: .0625rem solid #28d156;

    z-index: -1;

    position: absolute;

    top: 17.8125rem;

    left: 66.25rem;

}


.lct_line7 {

    width: 11.875rem;

    height: 6.25rem;

    border: .0625rem solid #28d156;

    border-top: 0;

    z-index: -1;

    position: absolute;

    top: 27.1875rem;

    left: 13.5rem;

}


.lct_line8 {

    width: 23.125rem;

    height: 6.25rem;

    border: .0625rem solid #28d156;

    border-top: 0;

    z-index: -1;

    position: absolute;

    top: 27.1875rem;

    left: 47.4375rem;

}


.lct_line9 {

    width: 23.125rem;

    height: 12.5rem;

    border-left: .0625rem solid #28d156;

    z-index: -1;

    position: absolute;

    top: 27.1875rem;

    left: 5rem;

}


.lct {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 75rem;

}


.lct2 {

    margin-top: 13.75rem;

}


.lc_btn1 {

    padding: .625rem;

    line-height: 1.2em;

    color: #fff;

    background: linear-gradient(to bottom, #4de496, #14b862);

    border: .0625rem solid #28d156;

    border-radius: .5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.5rem;

    text-align: center;

    cursor: pointer;

    transition: all .3s;

}

.lixiang {

    position: relative;

}

.lixiang::before {

    content: 'OK';

    border: 1px solid #28d156;

    position: absolute;

    left: -45px;

    top: -15px;

    color: #28d156;

}

.lixiang::after {

    content: 'OK';

    border: 1px solid #28d156;

    position: absolute;

    right: -45px;

    top: -15px;

    color: #28d156;

}


.lc_btn1:hover {

    background: linear-gradient(to top, #4de496, #14b862);

}


.lc_btn2 {

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.5rem;

    padding: .625rem;

    min-width: 7.375rem;

    color: #10c454;

    border: .0625rem solid #28d156;

    border-radius: .5rem;

    text-align: center;

    line-height: 1.2em;

}


.lct_ng {

    width: 8.875rem;

    height: 2.8125rem;

    border: .0625rem solid #10c454;

    color: red;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.5rem;

    font-family: 'pfbol';

    background: #fff;

}


.lc_arrow1 {

    position: relative;

}


.lc_arrow2 {

    position: relative;

}


.lc_arrow3 {

    position: absolute;

}


.lc_arrow1::before {

    content: '';

    position: absolute;

    margin: auto;

    height: 0;

    width: 0;

    top: -0.5rem;

    border: .3125rem solid transparent;

    border-top-color: #10c454;

}


.lc_arrow2::after {

    content: '';

    position: absolute;

    margin: auto;

    height: 0;

    width: 0;

    bottom: -0.5rem;

    border: .3125rem solid transparent;

    border-bottom-color: #10c454;

}


.lc_arrow3::before {

    content: '';

    position: absolute;

    margin: auto;

    height: 0;

    width: 0;

    top: -0.25rem;

    left: -0.375rem;

    border: .3125rem solid transparent;

    border-bottom-color: #10c454;

}


.lct_ng1 {

    margin-bottom: 3.125rem;

    margin-left: 5rem;

}


.lct_ng2 {

    position: absolute;

    top: 13.75rem;

    left: 21.875rem;

}


.lct_ng3 {

    position: absolute;

    top: 13.125rem;

    left: 63.125rem;

    width: 6.25rem;

}


.lct_ng4 {

    position: absolute;

    top: 19.375rem;

    left: 31.875rem;

}


.lct_ng5 {

    position: absolute;

    top: 31.875rem;

    left: 15.625rem;

    width: 6.25rem;

}


.lct_ng6 {

    position: absolute;

    top: 31.875rem;

    left: 55rem;

}


.lc_btn_1 {

    margin-top: 8.75rem;

    padding-left: 1.875rem;

    padding-right: 1.875rem;

}


.yanfa_licheng_m {

    display: none;

}


.yanfa_licheng_m img {

    max-width: 100%;

}

@media screen and (max-width: 1580px) {

    header .container .nav > li a {

        padding: 0 1.2rem;

    }

}


@media screen and (max-width: 1440px) {

    .yanfa_licheng_m {

        display: block;

    }


    .yanfa_liucheng {

        display: none;

    }


}


/* 供应商 */

.supplier_top {

    display: flex;

    justify-content: space-between;

}


.supplier_top img {

    max-width: 100%;

}


.supplier_ul {

    display: flex;

    width: 30%;

    justify-content: space-between;

    flex-direction: column;

}


.supplier_li {

    width: 100%;

    display: flex;

    align-items: center;

    padding: 1.25rem 1.875rem;

    box-shadow: 0 0 .5rem #eee;

    font-size: 16px;

    color: #13a048;

    box-sizing: border-box;

}

.supplier_li:hover {

    background: #0a9c42;

    color: #fff;

}

.supplier_li:hover img {

    filter: grayscale(1) brightness(100);

}

.supplier_li img {

    margin-right: .9375rem;

}


.suppliers {

    display: flex;

    /*justify-content: space-between;*/

    flex-wrap: wrap;

    /*margin-top: 3.75rem;*/

    margin-top: 50px;

}


.suppliers > div {

    /*width: 19%;*/

    margin-bottom: 40px;

    margin-right: 40px;

    width: calc((100% - 120px) / 4);

}

.suppliers > div:nth-child(4n) {

    margin-right: 0;

}

.suppliers > div img {

    max-width: 100%;

    /*margin: 1.875rem 0*/

}


/* 工艺流程 */

.craft_desc {

    font-size: 26px;

    font-weight: bold;

    color: #009847;

    text-align: center;

}


.craft_ul {

    display: flex;

    padding-left: 5%;

    margin-top: 3.125rem;

    height: fit-content;

}


.craft_ul_2 {

    flex-direction: row-reverse;

    padding-right: 5%;

    padding-left: 0;

    margin-top: -8.75rem;

    z-index: 20;

    position: relative;

}


.craft_ul_3 {

    margin-top: -8.75rem;

}


.craft_ul_2 .craft_li_arrow {

    transform: scaleX(-1);

}


.craft_li {

    width: 20%;

    text-align: center;

    height: fit-content;

    cursor: pointer;

    position: relative;

    z-index: 99;

}


.craft_li_arrow {

    width: 5%;

    margin-top: 6.875rem;

}


.craft_li img {

    max-width: 100%;

}


.craft_en {

    font-size: 20px;

    color: #999999;

}


.craft_cn {

    display: inline-block;

    background: #fff;

    border: .0625rem solid #13a048;

    color: #13a048;

    font-size: 24px;

    line-height: 1em;

    padding: 0.5em 1.875rem;

    border-radius: 1em;

    margin: 1.25rem 0 .625rem;

    font-weight: 600;

}

.craft_cn2 {

    font-size: 16px;

    border-radius: 50px;

}

.craft_cn_2 {

    border-radius: 1.5em;

}

.craftMore {

    font-size: 14px;

    color: #7919f2;

    margin-top: 10px;

    cursor: pointer;

    display: none;

}

.craft_li:hover .craftMore {

    display: block;

}

.craft_cn_btn {

    background: linear-gradient(to right, #6eb92c, #019a44);

    color: #fff;

    cursor: pointer;

}


.tc_craft {

    background: #fff;

    width: 70%;

    max-height: 70%;

    box-shadow: 0 0 1.25rem #ccc;

    position: relative;

    top: 20%;

    left: 15%;

    border-radius: 20px;

    /*overflow-y: scroll;*/

    overflow: auto;

}


.tc_craft_title {

    color: #fff;

    background: linear-gradient(to right, #6eb92c, #019a44);

    line-height: 2em;

    font-size: 1.6rem;

    text-align: center;

    /*border-radius: 1.25rem 1.25rem 0 0;*/

    /* position: absolute; */

    width: 100%;

    height: 60px;
    line-height: 60px;

}


.gylc {

    /*padding-bottom: 150px;*/

}


.tc_craft_cont {

    margin: 2.5rem;

}


.tc_craft .line {

    height: .3125rem;

    background: #e9e8e6;

    border-left: 12.5rem solid #009947;

    margin: 1.25rem 0;

}


.craft_dot {

    padding: .1875rem;

    border-radius: 50%;

    border: .0625rem solid #1fc65b;

    margin-right: .5rem;

}


.craft_dot span {

    display: block;

    width: .5rem;

    height: .5rem;

    border-radius: 50%;

    background: #1fc65b;

}


.tc_craft_a {

    height: 100%;

    display: none;

    /* overflow-y: scroll; */

}


.tc_craft_a .tc_craft_cont {

    display: flex;

}


.tc_craft_a .tc_craft_cont_img {

    width: 40%;

}


.tc_craft_a .tc_craft_cont_img img {

    width: 100%;

    max-height: 100%;

}


.tc_craft_a .tc_craft_cont_desc {

    width: 60%;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

}


.tc_craft_cont_desc ul li {

    display: flex;

    align-items: center;

}


.tc_craft_cont_desc h2 {

    font-size: 24px;

    color: #0a9c42;

    line-height: 2em;

    font-weight: bold;

}


.tc_craft_cont_desc p {

    font-size: 18px;

    line-height: 2em;

}


.tc_craft_cont_desc_ul p {

    line-height: 1.5em;

    font-size: 18px;

    color: #999;

}


.tc_craft_cont_desc_ul li {

    margin-bottom: 1em;

}


.tc_craft_b {

    height: 70%;

    display: none;

}


.tc_craft_b .tc_craft_cont {

    padding: 0 3.125rem;

    display: flex;

    align-items: center;

}


.tc_craft_b .tc_craft_cont .tc_craft_cont_img,
.tc_craft_b .tc_craft_cont_desc {

    width: 50%;

}


.tc_craft_b .tc_craft_cont_img img {

    max-width: 100%;

}


.tc_craft_b .tc_craft_cont_desc ul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}


.tc_craft_b .tc_craft_cont_desc li {

    width: 45%;

    margin-right: 5%;

    margin-bottom: 1.875rem;

    font-size: 30px;

    padding: 0.5em 1em;

    border-radius: 1em;

    color: #12c555;

    box-sizing: border-box;

    border: .0625rem solid #12c555;

    font-weight: 600;

}

.tc_craft_b .tc_craft_cont_desc li:nth-child(2n) {

    margin-right: 0

}

.tc_b {

    padding: 2.5rem;

}


.tc_craft_b_bot {

    padding: 1.875rem 0;

    line-height: 1.5em;

    font-size: 18px;

    color: #999;

}


.tc_craft_b_bot p {

    margin-bottom: 1em;

}


.tc_craft_b_img {

    display: flex;

    justify-content: space-between;

}


.tc_craft_b_img div {

    width: 49%;

}


.tc_craft_b_img img {

    display: block;

    max-width: 100%;

    margin-right: 1.25rem;

}


/* 品质管控 */

.quality_a {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

}


.quality_a_li {

    width: 23%;

    text-align: center;

    margin: 3.125rem 1%;

}


.quality_a_li:nth-child(1) {

    margin-left: 6%;

}


.quality_a_li:nth-child(3) {

    margin-right: 6%;

}


.quality_a_img {

    position: relative;

}


.quality_a_img::after {

    position: relative;

    width: .0625rem;

    display: block;

    content: '';

    margin: 0 auto;

    border: .5rem solid transparent;

    border-bottom: .5rem solid #13a048;

}


.quality_a_img img {

    max-width: 100%;

}


.quality_a_txt {

    font-size: 16px;

    margin-top: 0.5em;

    line-height: 1.5em;

}


.quality_a_txt span {

    color: #13a048

}


.quality_b {

    display: flex;

    flex-wrap: wrap;
    margin-top: 30px;


}


.quality_b_li {

    width: 20%;

    box-sizing: border-box;

    text-align: center;

    padding: 0 2%;

    border-left: .0625rem solid #c2c2c2;

    margin-bottom: 2em;

}


.quality_b_li:nth-child(5n+1) {

    border-left-color: transparent;

}


.quality_b_img img {

    max-width: 100%;

}


.quality_b_txt {

    font-size: 16px;

    color: #8b8b8b;

    line-height: 2em;

}


.quality_c1 {

    display: flex;

    justify-content: space-between;

    margin-bottom: 2em;

    margin-top: 30px;


}


.quality_c1 img {

    width: 100%;

}


.quality_c1_l {

    width: 61%

}


.quality_c1_r {

    width: 38%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}


.quality_c1_r_txt {

    background: #f7f7f7;

    padding: 12% 3.125rem;

    font-size: 16px;

    line-height: 1.5em;

    color: #636363;

    box-sizing: border-box;

    display: flex;

    align-items: center;

}


.quality_c2 img {

    width: 100%;

}


.quality_d table {

    width: 100%;

    text-align: center;

}


.quality_d table thead {

    color: #fff;

    font-size: 1.25rem;

    line-height: 2.5em;

    background: linear-gradient(to bottom, #0cb350, #8ace50)

}


.quality_d table tbody tr {

    border-top: .0625rem solid #cacaca;

    min-height: 4em;

}


.quality_d table tbody tr:nth-child(2n) {

    background: #f8f8f8;

}


.quality_d table tbody td {

    vertical-align: middle;

    line-height: 1.5em;

    padding: 1em 0;

}


.quality_d table tbody tr td:first-child {

    font-weight: bold;

}


.quality_e {

    position: relative;

}


.quality_e .craft_li {

    width: 28%;

    padding: 2%;

    border: .0625rem solid #1fc65b;

}


.quality_e .craft_li_arrow {

    width: 5%;

    border: 0

}


.quality_e .craft_ul {

    padding-left: 0;

    align-items: center;

    padding-right: 5%;

    margin-bottom: 5.625rem;

}


.quality_e_txt {

    font-size: 16px;

    line-height: 1.5em;

    height: 3em;

}


.quality_e .craft_li_arrow {

    margin-top: 0;

    position: relative;

    overflow: hidden;

}


.quality_e .craft_ul_2 {

    margin-top: 0;

}


.quality_e .craft_li_arrow1 {

    position: absolute;

    right: 0;

    padding: 0;

    top: 9.375rem

}


.quality_e .craft_li_arrow::before {

    display: block;

    content: '';

    width: 100%;

    background: #fff;

    height: 100%;

    right: 0;

    position: absolute;

    margin-bottom: -3.125rem;

    transform: translateX(-1);

    z-index: 1;

}


.quality_e .craft_li_arrow01::before {

    animation: arrow_1 5s infinite;

}


.quality_e .craft_li_arrow02::before {

    animation: arrow_2 5s infinite;

}


.quality_e .craft_li_arrow03::before {

    height: 100%;

    bottom: 0;

    left: 0;

    margin-bottom: 0;

    animation: arrow_3 5s infinite;

}


.quality_e .craft_li_arrow04::before {

    animation: arrow_4 5s infinite;

}


.quality_e .craft_li_arrow05::before {

    animation: arrow_5 5s infinite;

}


@keyframes arrow_1 {

    0% {

        width: 100%;

    }


    20% {

        width: 0;

    }


    100% {

        width: 0;

    }

}


@keyframes arrow_2 {

    20% {

        width: 100%;

    }


    40% {

        width: 0;

    }


    100% {

        width: 0;

    }

}


@keyframes arrow_3 {

    40% {

        width: 100%;

        height: 100%;

    }


    60% {

        width: 0;

        height: 0%;

    }


    100% {

        width: 0;

    }

}


@keyframes arrow_4 {

    60% {

        width: 100%;

    }


    80% {

        width: 0;

    }


    100% {

        width: 0;

    }

}


@keyframes arrow_5 {

    80% {

        width: 100%;

    }


    100% {

        width: 0;

    }


    100% {

        width: 0;

    }

}


/* 产品列表 */

.prolist .search {

    margin: 1.875rem auto;

}


.prolist .search form {

    display: flex;

}


.prolist .search form input {

    flex-grow: 1;

}


.pro_cate {

    border-bottom: .0625rem solid #eeeeee;

    margin-bottom: 2em;

}

.home-swiper .swiper-father {

    display: none;

}

.home-swiper .swiper-father.active {

    display: block;

}

.pro_big_img .item {

    display: none;

}

.pro_big_img .item.active {

    display: block;

}

.pcate_top {

    display: flex;

    padding: 1em;

    align-items: center;

}


.pcate_name {

    display: flex;

    /*flex-shrink: 0;*/

    padding-right: 4em;

    margin-right: 4em;

    border-right: .0625rem solid #dcdcdc;

    align-items: center;

    flex-wrap: wrap;

}

.serImg {

    width: 100%;

    margin-top: 50px;

}

.pcate_name_img {

    background: linear-gradient(to right, #93cb67, #0b9d42);

    padding: .25rem;

    border-radius: 50%;

    margin-right: 1em;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;

}


.pcate_name_img img {

    filter: grayscale(1) brightness(100);

    border: 1px solid #fff;
    border-radius: 50%;

}


.pcate_name_txt h2 {

    font-size: 2.25rem;

    line-height: 1.2em;

    color: #333333;

}


.pcate_name_txt div {

    /*font-size: 1.3125rem;*/

    font-size: 18px;

    margin-top: 5px;

    color: #009944;

    text-transform: uppercase;

}


.pcate_desc1 {

    font-size: 1.5rem;

    color: #383838;

    margin: 0.5em 0 1em;

    line-height: 1.6;

}


.pcate_desc2 {

    font-size: 16px;

    color: #999999;

    line-height: 1.8;

}


.pcate_down {

    width: 75%;

    display: flex;

    justify-content: space-between;

    border: .0625rem solid #d8d8d8;

    padding: .3125rem;

    border-radius: 3em;

    align-items: center;

    margin: 2em 0;

}


.pcate_down_l {

    display: flex;

    margin-left: 1.5em;

}


.pcate_down_txt {

    display: flex;

    flex-direction: column;

    justify-content: space-around;

}


.pcate_down_txt h2 {

    font-size: 16px;

    color: #333333;

}


.pcate_down_txt div {

    font-size: 14px;

    color: #999999;

}


.pcate_down_btn {

    background: #009944;

    color: #fff;

    font-size: 1.25rem;

    padding: 0.85em 1em;

    border-radius: 2.5em;

}


.pcate_down_btn .iconfont {

    margin-right: 1em;

}


.pcate_down_img {

    margin-right: 2em;

}


.song12 {


    font-size: 14px;

    color: #777777;

    line-height: 1.5em;

}


.song15 {


    font-size: .9375rem;

    color: #777777;

}


.pcate_ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}


.pcate_li {

    width: 46%;

    margin-bottom: 2em;

}


.pcate_li_top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 1em 0;

    border-bottom: .125rem solid #009947;

}


.pcate_li_top div {

    display: flex;

    align-items: center;

}


.pcate_li_top div img {

    margin-right: 1em;

}


.pcate_li_top h2 {

    /*font-size: 2.25rem;*/

    font-size: 30px;

    color: #009947;

}


.pcate_li_1 {

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: -1px;

}


.pcate_li_1 img {

    padding: 0 1em;

    transform: scaleY(-1);

}


.pcate_li_1.on img {

    transform: scaleY(1);

}


.pcate_type {

    line-height: 2em;

    display: none;

}

.pcate_type li a {

    margin-right: 10px;

}

.pcate_type li a:hover {

    color: #0a9c42;

}

.pcate_type h3 {

    font-weight: bold;

    line-height: 2em;

}


.pcate_type li {

    border-top: .0625rem dashed #a9a9a9;

    padding: 0.5em 0;

}

.pcate_type li:hover div {
    /*color:#0a9c42 ;*/
    /*cursor: pointer;*/
}


.pcate_type li:first-child {

    border: 0

}


.pcate_img {

    display: flex;

    margin-top: 1em;

    /*justify-content: space-between;*/

}


.pcate_img li {

    width: 32%;

    margin-right: 1%;

    border: .0625rem solid #cbcbcb;

    border-radius: .5rem;

    overflow: hidden;

    box-shadow: .125rem .125rem .3125rem #cbcbcb;

}

.pcate_img li img {

    transition: all 0.5s;

}

.pcate_img li:hover img {

    transition: all 0.5s;

    transform: scale(1.1);

}

.pcate_img img {

    width: 100%;

}


.pro_scene {

    /*margin-bottom: 3.125rem;*/

}


.pro_scene img {

    width: 100%;

}


/* 产品详情 */

.pro_detail {

    /*width: 85%;*/

    margin: 0 auto;

}


.pro_detail1 {

    border-radius: 1.875rem;

    box-shadow: 0 0 .9375rem #ddd;

    margin: 3.125rem auto;

    padding: 5.625rem 1.875rem 1.875rem;

}


.pro_detail1_1 {

    display: flex;

    margin-bottom: 1.875rem;

}


.pro_detail1_2 {

    display: flex;

}


.pad15 {

    padding-left: 15.625rem;

}


.pro_detail1_2_title {

    font-size: 1.5rem;

    color: #099c42;

    line-height: 2em;

    margin-bottom: 1em;

    border-bottom: .0625rem solid #f3f3f3;

    padding-left: 20%;

}


.detail_desc_con {

    line-height: 2;

    font-size: 16px;

    color: #666666;

    padding-left: 20%;

}


.pro_detail1_2_title span {

    display: inline-block;

    line-height: 3em;

    padding-right: 1em;

    border-bottom: .3125rem solid #099c42;

}


.pro_detail1_2_l {

    width: 60%;

}


.pro_detail1_2_r {

    width: 40%;

}


.related_pro .swiper-slide img {

    width: 100%;

    transition: all .3s;

}


.related_pro .swiper-slide:hover img {

    transform: scale(1.05);

}


.related_pro .swiper-slide {

    border: .0625rem solid #d0d0d0;

    box-sizing: border-box;

    overflow: hidden;

}


.related_pro .related_title {

    font-size: 16px;

    color: #fff;

    background: #d0d0d0;

    line-height: 2em;

    text-align: center;

}


.related_pro .swiper-pagination {

    position: initial;

    margin: 1.875rem;

}


.related_pro .swiper-pagination-bullet-active {

    background: #099c42;

}


.related_pro .swiper-slide:hover .related_title {

    background: #099c42;

}


.related_pro .swiper-slide:hover {

    border-color: #099c42;

}


.pro_detail_con img {

    max-width: 100%;

}


.pro_detail1_3 {

    margin-top: 1.875rem;

}


.pro_detail1_3 table {

    width: 100%;

    margin: 0 auto;

    line-height: 2.5em;

    font-size: 1.25rem;

    padding: 0 1.875rem;

}


.pro_detail1_3 table .iconfont {

    font-size: 1.25rem;

    color: #333333;

}


.pro_detail1_3 table thead {

    background: #13a957;

    color: #fff;

}


.pro_detail1_3 table td {

    text-align: center;

    width: 20%;

}


.pro_detail1_3 table tbody {

    line-height: 3em;

    color: #333333;

    font-size: 16px;

}


.pro_detail1_3 table tbody tr {

    border-bottom: .0625rem solid #a1a1a1;

}


.pro_detail1_3 table tbody td a {

    color: #0098f9

}


.pro_detail1_1_l {

    width: 58%;

    box-sizing: border-box;

    display: flex;

    position: relative;

    padding-right: 3.75rem;

}


.pro_detail1_1_l .swiper_control {

    display: flex;

    flex-direction: column;

    position: relative;

    align-items: center;

    justify-content: space-between;

    width: 100px;

    flex-shrink: 0;

    /*margin-right: 1.875rem;*/

}

.bigSwiper {

    margin-left: 50px;

}

.smallSwiperBox {

    padding: 100px 0;

    position: relative;

    display: flex;

    align-items: center;

}

.smallSwiper {

    height: 210px;

    overflow: hidden;

}

.smallSwiper .swiper-slide {

    border: 1px solid #eee;

    box-sizing: border-box;

}

.smallSwiper .swiper-slide-thumb-active {

    border-color: #0b9e49

}

.smallSwiper img {

    width: 100%;

    object-fit: cover;

    height: 100%;

}


.pro_detail1_1_l .swiper-button-prev,
.pro_detail1_1_l .swiper-button-next,
.pro_detail1_1_l .swiper-pagination {

    position: relative;

    left: auto;

    top: auto;

    right: auto;

    bottom: auto;

    margin: 0;

}


.pro_detail1_1_l .swiper-button-prev:after,
.pro_detail1_1_l .swiper-rtl .swiper-button-next:after,
.pro_detail1_1_l .swiper-button-next:after,
.pro_detail1_1_l .swiper-button-prev:after {

    display: none;

}


.pro_detail1_1_l .swiper-button-next,
.pro_detail1_1_l .swiper-button-prev {

    color: #0b9e49;

}

.pro_detail1_1_l .swiper-button-prev {

    position: absolute;

    top: 50px;

    left: 0;

    right: 0;

    margin: auto;

}

.pro_detail1_1_l .swiper-button-next {

    position: absolute;

    bottom: 50px;

    left: 0;

    right: 0;

    margin: auto;

}

.pro_detail1_1_l .swiper-button-next .iconfont,
.pro_detail1_1_l .swiper-button-prev .iconfont {

    font-size: 42px;

}


.pro_detail1_1_l .swiper-pagination {

    display: flex;

    flex-direction: column;

    flex-grow: 1;

    align-items: center;

    justify-content: center;

}


.pro_detail1_1_l .swiper-pagination-bullet {

    width: 100%;

    height: auto;

    background: none;

    margin-bottom: 30px !important;

}


.pro_detail1_1_l .swiper-pagination-bullet img {

    border: .0625rem solid #000;

    width: 100%;

}


.pro_detail1_1_l .swiper-pagination-bullet-active img {

    border-color: #0b9e49;

}

.pro_detail1_1_l .swiper .swiper-slide {

    display: flex;

    align-items: center;

}

.pro_detail1_1_l .swiper .swiper-slide img {

    width: 100%;

}


.pro_detail1_1 .swiper {

    border: .0625rem solid #0b9e49;

    box-sizing: border-box;

}


.pro_detail1_1_r {

    width: 100%;

    position: relative;

}


.pro_detail1_1_r1 {

    background: #f4f9f6;

    height: 100%;

    box-sizing: border-box;

    /*padding: 1.875rem;*/

    /*width: 70%;*/

    padding: 40px 50px;

    display: flex;

    flex-direction: column;

    /*justify-content: space-between;*/

}


.pro_detail1_1_r1 h1 {

    font-size: 36px;

    font-weight: bold;

    color: #009944;

    /*margin-top: 0.5em;*/

    /*line-height: 1.5em;*/

}


.pro_detail1_1_r1 h2 {

    font-size: 1.1875rem;

    /*font-weight: bold;*/

    line-height: 2em;

}


.pro_detail1_txt {

    font-size: 16px;

    color: #999999;

    line-height: 1.5em;

    margin-top: 30px;

    margin-bottom: 30px;

}


.pro_detail1_1_r1 ul {

    display: flex;

}

.pro_detail1_1_r1 ul li {

    width: 25%;

}

.pro_detail1_1_r1 ul img {

    margin-right: 1.25rem;

    /*max-width: 80%;*/

}


.detail_btn {

    display: inline-block;

    background: linear-gradient(to right, #009944, #6fba2c);

    color: #fff;

    font-size: 1.25rem;

    padding: 0.5em 2em;

    width: 10em;

    margin-top: 30px;

}

.detail_share_box {

    position: absolute;

    right: 30px;

    top: 50px;

}

.detail_share .iconfont {

    font-size: 1.25rem;

    color: #54b430;

    cursor: pointer;

}


.detail_ewm {

    position: absolute;

    left: 30px;

    top: 0;

    flex-direction: column;

    align-items: center;

    width: 200px;

    display: none;

    background: #fff;

    padding: 20px;

    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);

}

.detail_share:hover ~ .detail_ewm {

    display: flex;

}

.detail_ewm img {

    max-width: 100%;

}


.detail_ewm2 {

    display: flex;

    align-items: center;

    margin-top: .625rem;

    font-size: 16px;

    color: #999;

    line-height: 1.2;

}


.detail_ewm2 .iconfont {

    font-size: 1.875rem;

    color: #009847;

    margin-right: .625rem;

}

.proImg {

    overflow: hidden;

}


.parameterList .parTitle {

    background: #eeeeee;

    font-size: 24px;

    font-weight: 600;

    padding: 20px 30px;

    color: #000;

}


.tc_form {

    background: #fff;

    width: 70%;

    max-height: 70%;

    box-shadow: 0 0 1.25rem #ccc;

    position: absolute;

    top: 10%;

    left: 15%;

    border-radius: 1.25rem;

    overflow: hidden;

    /* overflow-y: scroll; */

    max-width: 1200px;


}


.tc_form_title {

    color: #fff;

    background: url(/static/picture/bg_form.jpg) no-repeat;

    background-size: 100% 100%;

    line-height: 2em;

    font-size: 1.875rem;

    text-align: center;

    border-radius: 1.25rem 1.25rem 0 0;

}


.tc_craft_cont {

    margin: 2.5rem;

}


.tc_craft .line {

    height: .3125rem;

    background: #e9e8e6;

    border-left: 12.5rem solid #009947;

    margin: 1.25rem 0;

}


.tc_form form {

    padding: 5rem 8.125rem 3.125rem;

    display: flex;

    flex-wrap: wrap;

    font-size: 1.2rem;

    height: 500px;

    overflow: scroll;

}


.tc_form form > div {

    width: 50%;

    margin-bottom: 1.875rem;

    display: flex;

    align-items: center;

}


.tc_form form > div.form_sex {

    width: 70%;

}


.tc_form form > div.form_con,
.tc_form form > div.form_btn {

    width: 100%;

}


.tc_form form > div.form_con textarea {

    flex-grow: 1;

    font-size: 1.5rem;

    outline: none;

    font-size: 14px;

    font-family: 'OPPOSans-R';

}

.tc_form form > div.form_con textarea::placeholder {
    font-size: 14px;
    font-family: 'OPPOSans-R';
}


.tc_form form label {

    width: 6em;

    text-align: right;

}


.tc_form form label span {

    color: #059b42;

    padding: .3125rem;

}


.tc_form form input,
.tc_form form textarea,
.tc_form form select {

    border: .0625rem solid #d2d2d2;

    padding: .3125rem .9375rem;

    outline: none;

    font-size:14px;

}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {

    color: #cccccc;

    font-size: 14px;

}


.tc_form a {

    color: #0098f9;

}


.tc_form .form_btn {

    display: flex;

    flex-direction: row-reverse;

}


.tc_form .form_btn button {

    color: #fff;

    background: #20a23d;

    padding: 0.5em 1em;

}


.tc_form select {

    height: 2.2em;

    flex-grow: 1;

    font-size: 16px;

}


.tc_form input {

    flex-grow: 1;

    outline: none;

}


.tc_form .input_check {

    position: absolute;

    visibility: hidden;

}


.tc_form .input_check + label {

    display: inline-block;

    width: 1rem;

    height: 1rem;

    border: .0625rem solid #333;

}


.tc_form form input[type="radio"] {

    padding: .3125rem;

}


.tc_form .input_check + label:after {

    content: "";

    position: absolute;

    left: .125rem;

    bottom: .75rem;

    width: .5625rem;

    height: .25rem;

    border: .125rem solid #333;

    border-top-color: transparent;

    border-right-color: transparent;

    -ms-transform: rotate(-60deg);

    -moz-transform: rotate(-60deg);

    -webkit-transform: rotate(-60deg);

    transform: rotate(-45deg);

}


.tc_form form .form_sex_label {

    width: 2em;

    margin-right: 1em;

    display: flex;

}


.tc_form form .form_sex_input {

    flex-grow: 0;

}


/*
.form_sex_input {

	display: none;

}
*/

/*
.tc_form form .form_sex_label::before {

	display: block;

	content: '';

	width: 1em;

	height: 1em;

	border: .0625rem solid #d2d2d2;

	margin-right: .3125rem;

}



input[type="radio"]:checked+label::before,

#check1:checked+label::before {

	background-clip: content-box;

	border: .0625rem solid #009947;

	content: '√';

	color: #009947;

}
*/


.tc_form form select {

    appearance: none;

}


.selet_item {

    position: relative;

}


.selet_item::after {

    display: block;

    content: '';

    width: .55rem;

    height: .55rem;

    position: absolute;

    right: .75rem;

    top: 0.4em;

    border: .125rem solid #009947;

    border-top-color: transparent;

    border-right-color: transparent;

    -ms-transform: rotate(-60deg);

    -moz-transform: rotate(-60deg);

    -webkit-transform: rotate(-60deg);

    transform: rotate(-45deg);

}


@media screen and (max-width: 1600px) {

    header .container a {

        font-size: 16px;

    }

}

@media screen and (max-width: 1440px) {

    header .container .nav > li a {

        padding: 0 16px;

    }

    .pad15 {

        padding-left: 12rem;

    }

    .pro_detail1_1_r1 h1 {

        font-size: 1.8rem;

    }

    .container {

        width: 85%;

    }

    .news_made .item .title {

        font-size: 20px;

    }

}


@media screen and (max-width: 1280px) {

    header .container .nav > li a {

        padding: 0 .875rem;

    }

    .pad15 {

        padding-left: 1rem;

    }

    .pro_detail1_1_l, .pro_detail1_2_l {

        width: 50%;

    }

    .pro_detail1_1_r1 h1 {

        font-size: 1.5rem;

    }

    .container {

        width: 90%;

    }

    .tc_form form {

        padding: 5rem 3rem 3.125rem;

    }

}

@media screen and (max-width: 1024px) {

    .news_page > a {
        width: calc((70% - 80px) / 2);
    }


    .zuobiaoBox {

        width: 70%;

    }


    .tc_form form > div, .tc_form form > div.form_sex {

        width: 100%;

    }

    .tc_form form {

        padding: 3rem 10%

    }

    .pro_detail1_1 {

        align-items: center;

    }

    .main {

        margin-top: 70px

    }

    .show_pc {

        display: none;

    }

    .show_m {

        display: block;

    }

    header {

        height: 70px;

        /* position: sticky; */

    }

    .side {

        display: none;

    }

    header .logo img {

        height: 28px;

    }


    header nav {

        display: none;

    }


    header .menubtn {

        display: inherit;

    }


    header .menubtn .iconfont {

        font-size: 35px;

    }


    .m_nav {

        display: block;

        position: fixed;

        top: 0;

        width: 45%;

        right: 0;

        height: 100%;

        background: rgba(255,255,255,0.9);

        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

        transform: translateX(100%);

        z-index: 99999;

        font-size: 15px;

        line-height: 3em;

    }


    .m_nav.open {

        transform: translateX(0);

    }


    .m_nav .closed {

        font-size: 30px;

        color: #666;

        text-align: right;

        padding: 20px 5%;

    }


    .m_nav > ul > li {

        border-bottom: 1px solid #e8e8e8;

        padding: 0 5%;

        position: relative;

    }


    .m_nav > ul > li > a {

        display: block;

    }


    .m_nav > ul > li > a::after {

        content: '';

        display: block;

        position: absolute;

        top: 24px;

        right: 20px;

        width: 7px;

        height: 7px;

        border-bottom: 1px solid #666;

        border-right: 1px solid #666;

        transform: rotate(-45deg);

        -webkit-transform: rotate(-45deg);

        transition: all .4s;

        -webkit-transition: all .4s;

    }


    .m_nav > ul > li > a.on::after {

        transform: rotate(45deg);

    }


    .m_nav .subnav {

        display: none;

        position: relative;

        height: auto;

        background: #fff;

        top: 0;

    }


    .m_nav .subnav > ul {

        display: block;

    }


    .m_nav .subnav li {

        line-height: 2em;

        padding: 0 8%;

    }


    .m_nav .subnav li a {

        color: #333;

        display: block;

    }


}

@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }
    .phone {
        display: block;
    }
    .phone .index_banner {
        height: auto;
    }
    .phone .index_banner img {
        width: 100%;
    }
    .phone .index_banner video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .phone .index_banner .swiper-slide {
        height: auto;
    }

    .news_page {
        flex-direction: column;
    }
    .news_page > a.goBack {
        width: 100%;
        margin: 1.25rem 0 0 0;
    }
    .pageMenu {

        /*display: none;*/
        width: 100%;
        margin-top: 30px;

    }
    .pageMenu a {
        display: inline-block;
        margin-bottom: 20px;
    }


    .zuobiaoBox {

        position: inherit;

        width: 100%;

    }


    .circle {

        display: none;

    }


    .zuobiaoBox::after {

        display: none;

    }


    .zuobiaoText {

        padding: 30px;

    }


    .zuobiaoBoxTitle {

        font-size: 22px;

        margin-bottom: 20px;

    }


    .zuobiaoAdd {

        font-size: 14px;

    }


    body {

        overflow-x: hidden;

    }


    .main {

        margin-top: 70px;

    }


    .index_banner {

        height: 60vh;

        position: relative;

    }


    .banner_text {

        flex-direction: column;

        align-items: flex-start;

    }


    .banner_text_left1 {

        font-size: 35px;

    }


    .banner_text_left2 {

        font-size: 30px

    }


    .banner_text_right {

        text-align: left;

        font-size: 20px;

        margin-top: 40px;

    }


    .about_ul {

        flex-wrap: wrap;

    }


    .about {

        padding: 1em 0;

    }


    .about_ul li {

        width: 49%;

        margin-top: 20px;

        border-right: none

    }


    .about_ul li:nth-child(3) {

        border: 0

    }


    .about_ul .about_desc {

        font-size: 14px;

    }


    .about_ul .icon {

        margin-bottom: 1em;

    }


    .product .com_top {

        flex-direction: column;

    }


    .com_top {

        padding: 1rem 0;

    }


    .pro_cat {

        margin-top: 1rem;

    }


    .tc_form {

        width: 90%;

        left: 5%;

    }


    .tc_form form {

        padding: 2rem 5%;

    }


    .tc_form form label {

        flex-shrink: 0;

    }


    .tc_form form > div.form_sex {

        display: flex;

        flex-wrap: wrap;

    }


    .tc_form form > div.form_sex input {

        margin-top: 1rem;

        width: 4%;

    }


    .product .title_right {

        width: 100%;

    }


    .product .com_top .pro_cat {

        flex-wrap: wrap;

    }


    .pro_cat li {

        margin-top: 1rem;
        width: 30%;
        margin-bottom: 10px;
        max-width: 100%;

    }


    .swiper-father {

        margin: 0 -5%;

    }


    .made_li {

        width: 100%;

    }


    .com_content {

        padding-bottom: 1rem;

    }


    .dev_txt {

        position: relative;

        color: #333;

        margin: 1rem 0;

        text-align: justify;

    }


    .service_li_b {

        line-height: 1.5rem;

        margin-bottom: 10px;

        margin-top: 5px;

    }


    .service_l {

        flex-direction: column;

        width: 100%;

        margin-right: 0;

    }


    .service .com_content {

        flex-direction: column;

    }


    .service_l > div {

        margin-bottom: 1rem;

    }


    .service_li {

        padding-left: 1rem;

    }


    footer {

        padding: 2rem 0;

    }


    .foot_top,
    .introduce {

        flex-direction: column;

    }


    .foot_r_a {

        display: none;

    }


    .foot_l {

        width: 100%;

    }


    .foot_l_a,
    .foot_bottom {

        flex-direction: column;

        line-height: 1.2em;

    }


    .foot_ewm {

        margin-left: 0;

        margin-top: 1rem;

    }


    .foot_l_b {

        text-align: center;

    }


    .foot_r {

        text-align: left;

    }


    .ny_banner {

        height: 150px;

    }


    .ny_banner .txt_en {

        font-size: 16px;

    }

    .ny_banner .txt_cn {

        font-size: 18px;

    }

    .ny_banner img {

        height: 150px;

        width: auto;

        position: absolute;

        left: 50%;

        transform: translate(-50%);

    }


    .introduce > div:nth-child(1) {

        margin-right: 0;

    }


    .ny_title {

        margin: 1rem 0;

        font-size: 30px;

        line-height: 1.5em;

    }


    .ny_title::after {

        width: 45%;

    }


    .introduce_desc {

        display: block;

        font-size: 18px;


    }


    .introduce_desc li {

        margin-bottom: 1rem;

        text-align: center;

        box-sizing: border-box;

    }


    .introduce_about {

        flex-wrap: wrap;

    }


    .introduce_about li {

        width: 45%;

        font-size: 16px;

    }


    .introduce_about li {

        padding: 0.5rem 0;

        margin-bottom: 1rem;

    }


    .chejian {

        width: 90%;

        margin: 40px auto;

    }

    .chejian_swiper {

        overflow: hidden;

    }

    .chejian .iconfont {

        font-size: 3rem;

    }

    .box-bg {

        padding-top: 0;

    }


    .zizhi_ul li {

        width: calc((100% - 20px) / 2);

        margin-bottom: 20px;

        margin-right: 20px;

    }

    .zizhi_ul li:nth-child(2n) {

        margin-right: 0;

    }


    .zizhi_ul li p {

        margin-top: 1rem;

        font-size: 14px;

    }

    .zizhi_more {

        font-size: 14px;

    }

    .teamImg {

        flex-wrap: wrap;

    }

    .teamImg .item {

        width: 100%;

        margin-bottom: 20px;

    }

    .teamImg .item p {

        font-size: 14px;

    }

    .about_title .ny_title {

        flex-grow: 1;

    }


    .about_map {

        margin-bottom: 50px;

    }


    .culture_desc {

        padding: 0

    }


    .culture_nav {

        flex-wrap: wrap;

    }


    .culture_detail,
    .detail {

        padding: 1rem 0;

    }


    .culture_nav li {

        margin: 20px;

        /*width: 28%;*/

        /*height: auto;*/

    }


    .culture_nav li a {

        padding: 1rem 0;

    }


    .culture_li_txt {

        flex-direction: column;

    }


    .culture_txt_l {

        display: flex;

        width: 100%;

        border-right: 0;

        margin-bottom: 1rem;

        border-left: .375rem solid #009847;

        align-items: center;

    }


    .culture_txt_l h2 {

        padding: 0 0.5rem

    }


    #dev {

        padding: 3rem 10%;

    }


    .dev_ul li {

        padding-left: 1.875rem;

        padding-bottom: 2rem;

    }


    .dev_ul li:nth-child(2n+1) {

        text-align: left;

        margin-right: 0;

        border-right: 0;

        border-left: .0625rem dotted #fff;;

    }


    .foot_logo img {

        max-width: 50%;

    }


    .dev_ul li:nth-child(2n+1)::before,
    .dev_ul li:last-child::before {

        left: -0.5rem;

        margin-left: 0;

    }


    .dev_ul li:nth-child(2n) {

        margin-left: 0;

    }


    .dev_ul h2 {

        font-size: 1.5rem;

    }


    .dev_ul p {

        font-size: 1.2rem;

    }


    .dev_ul li:last-child h2 {

        padding-top: 0

    }


    .down .position .container .search,
    .search {

        width: auto;

        padding-bottom: 1rem;

    }


    .prolist .search {

        margin: 1rem 0

    }


    .pcate_top {

        flex-direction: column;

    }


    .pcate_name_txt h2 {

        font-size: 1.5rem;

    }


    .pcate_name_txt div {

        font-size: 1rem;

    }


    .pcate_name {

        /*padding-left: 1rem;*/

        /*border-left: .0625rem solid #dcdcdc;*/

        border-right: 0;

        width: 100%;

        width: 100%;

        /*padding: 0 20px;*/

        box-sizing: border-box;

        margin-right: 0;

        padding-right: 0;

    }

    .pcate_top {

        padding: 0;

    }

    .serImg {

        margin-top: 10px;

    }

    .serImg img {

        width: 100%;

    }

    .pcate_desc1 {

        font-size: 1.2rem;

        line-height: 1.2em;

    }


    .pcate_down {

        width: 100%;

    }


    .pcate_down_img {

        margin-right: 1rem;

    }


    .pcate_li {

        width: 100%;

    }


    .pcate_li_top {

        padding: 0.5rem 0;

    }


    .pcate_li_top h2 {

        font-size: 1.5rem;

    }


    .prolist {

        margin-bottom: 2rem;

    }


    .pcate_li_top div img {

        width: 50%;

    }


    .pro_detail1 {

        padding: 1rem 0;

        box-shadow: none;

        margin-top: 0;

    }


    .pad15 {

        padding-left: 0.5rem;

    }

    .pro_detail1_1_r1 {

        padding: 20px;

    }


    .pro_detail1_2_title, .detail_desc_con {

        padding-left: 0;

    }

    .pro_detail1_1_l {

        width: 100%;

        margin: 1rem 0;

        padding-right: 0;

        flex-direction: column-reverse;

    }


    .pro_detail1_1 {

        flex-direction: column;

    }


    .swiper-pagination-bullet img {

        width: 100%;

    }


    .pro_detail1_1_l .swiper_control {

        width: 100%;

    }

    .pro_detail1_1_l .swiper-button-prev, .pro_detail1_1_l .swiper-button-next {

        left: 0;

        top: 0;

        bottom: 0;

        display: none;

    }

    .smallSwiper {

        height: auto;

    }

    .smallSwiperBox {

        padding: 10px 0;

    }

    .pro_detail1_1_l .swiper-slide img {

        width: 100%;

    }


    .detail_ewm,
    .detail_share {

        display: none;

    }


    .pro_detail {

        width: 100%;

    }


    .pro_detail1_1_r1 {

        width: 100%;

    }


    .pro_detail1_2 {

        flex-direction: column;

    }


    .pro_detail1_1_r1 ul {

        margin: 1rem 0

    }


    .pro_detail1_2_l {

        width: 100%;

    }


    .pro_detail1_3 {

        overflow-x: scroll;

    }


    .pro_detail1_3 table, .quality_d table {

        width: auto;

        overflow-x: scroll;

    }


    .pro_detail1_3 table td, .quality_d table td, .quality_d table th {

        white-space: nowrap;

        padding: 0 1rem

    }


    .news_recommend {

        margin-bottom: 2rem;

        padding: 0

    }


    .news_search input {

        width: 80%;

    }


    .news_recommend .container a {

        flex-direction: column;

    }


    .news_recommend_img,
    .news_recommend_txt {

        width: 100%;

        box-sizing: border-box;

    }


    .news_recommend_txt {

        padding: 1rem 0;

    }


    .news_recommend_txt .news_txt_title {

        font-size: 16px;

        line-height: 2rem;

        margin-bottom: 10px;

    }


    .news_recommend_txt .iconfont {

        padding-top: 2rem

    }


    .news_search select {

        padding: 0.5rem 1rem;

    }


    .news_search .option {

        width: 30%;

    }


    .news_search .keywords {

        width: auto;

    }


    .news_list .news_ul li {

        width: 100%;

    }


    .news_detail_title h1 {

        font-size: 1.5rem;

        line-height: 1.5em;

    }


    .news_page {

        flex-direction: column;

        position: relative;

        width: 100%;

    }


    .news_page > a {

        position: relative;

        width: 100%;

        margin-top: 1rem;

        box-sizing: border-box;

    }


    .news_page > a:first-child {

        margin-right: 0;

    }


    .video_li {

        width: 100%;

    }


    .tc_video {

        height: 50vh;

    }


    .service_center_ul li:nth-child(n+4) {

        width: 49%;

    }


    .ny_title_a h2 {

        font-size: 20px;

    }


    .ny_title_a p {

        font-size: 1.2rem;

    }


    .made_adv2_ul {

        flex-wrap: wrap;

    }


    .question_li, .made_adv2_ul li {

        width: 100%;

    }


    .adv1_icon_li {

        width: 50%;

    }


    .adv1_ul {

        justify-content: space-between;

    }


    .adv1_ul li {

        width: 49%;

    }


    .made_bg1, .made_bg2 {

        background: none

    }


    .made_adv3_1 {

        flex-direction: column;

    }


    .made_adv3_l, .made_adv3_r, .made_adv3_r_img1, .made_adv3_a_l, .made_adv3_a_r, .made_adv3_a_r_li {

        width: 100%;

    }


    .made_adv3_a {

        flex-direction: column;

    }


    .adv3_b_ul {

        display: none;

    }


    .adv3_b_ulm {

        display: block;

    }


    .adv3_b_ulm img {

        max-width: 100%;

    }


    .made_adv4_li, .yanfa_title_txt {

        width: 100%;

    }


    .made_adv4_li h2 {

        font-size: 1.5rem;

    }


    .supplier_top, .craft_ul {

        flex-direction: column;

    }


    .craft_ul {

        padding-bottom: 0rem;
        padding-left: 0;

    }


    .craft_li_arrow .show_m {

        margin-top: 10rem;

        margin: 0 auto;

    }


    .craft_ul_2, .craft_ul_3 {

        margin-top: 0;

        margin-bottom: 0;

    }


    .supplier_ul {

        width: 100%;

    }


    .supplier_li {

        box-sizing: border-box;

        margin-bottom: 1rem;

    }


    .suppliers > div {

        width: 33%;

    }


    .suppliers > div img {

        margin: 0.5rem 0

    }


    .craft_desc {

        font-size: 1.5rem;

        line-height: 1.5em;

    }


    .craft_li {

        width: 100%;

    }


    .craft_li_arrow, .craft_ul_2 .craft_li_arrow {

        margin-top: 3rem;

        margin-bottom: 1rem;

        transform: rotate(90deg);

    }


    .quality_a_li {

        width: 45%;

        margin: 1rem 0;

    }


    .quality_a_li:nth-child(1) {

        margin-left: 0;

    }


    .quality_a_txt {

        font-size: 1.2rem;

        line-height: 1.2em;

    }


    .quality_b_li {

        width: 50%;

        border-left: 0;

    }


    .quality_c1 {

        flex-direction: column;

    }


    .quality_c1_l, .quality_c1_r {

        width: 100%;

    }


    .quality_d {

        overflow-x: auto;

    }


    .quality_e .craft_li {

        width: 100%;

    }


    .quality_e .craft_li_arrow01::before, .quality_e .craft_li_arrow02::before, .quality_e .craft_li_arrow03::before, .quality_e .craft_li_arrow04::before, .quality_e .craft_li_arrow05::before {

        width: 0;

        height: 0;

        animation: none;

    }


    .quality_e .craft_ul {

        padding-right: 0;

        box-sizing: border-box;

        margin-bottom: 0;

    }


    .quality_e .craft_li {

        box-sizing: border-box;

        margin-bottom: 2rem

    }


    .quality_e .craft_ul_2 .craft_li {

        margin-top: 0;

    }


    .quality_b_txt {

        line-height: 1.5em;

    }


    .down_ul .down_title {

        font-size: 1.2rem;

    }


    .down_ul li > div:nth-child(1) {

        width: 45%;

    }


    .down_ul li > div:nth-child(2) {

        width: 30%;

    }


    .down_ul li > div:nth-child(3) {

        width: 15%;

    }


    .down .position .container {

        flex-direction: column-reverse;

    }


    .down .search {

        margin-top: 2rem

    }


    .down .content {

        margin-top: 0

    }


    #map {

        height: 50vh;

        border-radius: 10px;

    }


    .contact_ul {

        flex-wrap: wrap;

    }


    .contact_ul li {

        width: 45%;

        margin-bottom: 1rem;

    }


    .contact_ul_icon {

        width: 5rem;

        height: 5rem;

    }


    .contact_ul_icon .iconfont {

        font-size: 2.5rem;

    }


    .philosophy_ul li, .philosophy_ul li:nth-child(2n) {

        flex-direction: column;

        margin-bottom: 2rem;

    }


    .philosophy_ul li > div {

        width: 100%;

    }


    .training_ul {

        flex-wrap: wrap

    }


    .training_ul li {

        width: 50%;

        margin-bottom: 1rem;

    }


    .training_li_txt h2 {

        font-size: 14px;

    }


    .training_li_txt p {

        font-size: 1rem;

    }


    .recruitment_top {

        font-size: 1.2rem;

    }


    .recruitment_li_title {

        padding: 1rem 0;

        font-size: 1.2rem;

        border-radius: 0.5rem 0.5rem 0 0;

    }


    .recruitment_li:hover .recruitment_li_desc, .recruitment_li_desc.on, .recruitment_li_desc {

        align-items: center;

    }


    .recruitment_li .recruitment_li_desc {

        padding: 1.5rem 0.5rem

    }


    .zlbj_txt {

        width: 100%;

        line-height: 2em;

    }


    .go_en {

        margin-left: auto;

        margin-right: 20px;

    }


    .com_titile {

        font-size: 24px;

    }


    .news_made .item a {

        flex-direction: column;

    }


    .news_made .item .itemImg {

        width: 100%;

    }


    .news_made .item .itemImg img {

        width: 100%;

    }


    .news_made .item .itemText {

        font-size: 14px;

        margin-top: 10px;

        width: 100%;

    }


    .news_made .item .title {

        font-size: 16px;

        margin-bottom: 20px;

    }


    .news_made {

        padding: 20px;

    }


    .made_title_left .made_num {

        font-size: 24px;

    }


    .made_content_li {

        flex-direction: column-reverse;

    }


    .made_content_li_img, .made_content_li_txt {

        width: 100%;

        box-sizing: border-box;

    }


    .scale_img {

        overflow: inherit;

    }


    .made_content_li {

        height: auto;

    }


    .side {

        display: none !important;

    }


    .made_content_li_txt > div {

        font-size: 18px;

    }


    .box-shadow, .box-shadow2 {

        margin-top: 0;

        padding: 20px;

        width: 100%;

        box-sizing: border-box;

    }


    .faq {

        flex-direction: column-reverse;

        align-items: flex-start;

    }


    .down .search {

        display: none;

    }


    .pro_cate ul li span {

        font-size: 16px;

    }

    .pro_cate ul li {

        width: calc(100% / 2);

    }

    .padding50 {

        padding: 0;

    }

    .position {

        text-align: left;

        padding: 0

    }

    .made_advText {

        /*position: inherit;*/

        /*color: #000;*/

        font-size: 12px;

        left: 20px;

    }

    .adv1_icon_li {

        flex-direction: column;

    }

    .adv1_icon_txt {

        text-align: center;

    }

    .adv1_icon_txt h2 span, .adv1_icon_txt h2, .adv1_icon_txt p {

        font-size: 16px;

    }

    .adv1_icon_img {

        margin-right: 0;

        margin-bottom: 10px;

    }

    .adv1_ul li:nth-child(2n) {

        margin-right: 0;

    }

    .adv1_ul li {

        width: calc((100% - 25px) / 2);

    }

    .made_adv2 {

        padding: 20px;

    }

    .made_adv2_ul {

        justify-content: center;

    }

    .made_adv3_r_img1 {

        margin-top: 20px;

    }

    .ny_title_a h2 {

        line-height: 1.6;

    }

    .contact_training {

        margin-top: 20px;

        padding: 30px;

    }

    .news_list .news_ul li {

        margin-top: 0;

    }

    .philosophy_ul li h2 {

        font-size: 16px;

    }

    .ny_title {

        font-size: 24px;

        line-height: 2.5;

        margin-bottom: 30px;

    }

    .ny_title_a {

        margin-top: 0;

        padding: 20px;

        margin-bottom: 0 !important;

    }

    .made_adv3_r h2, .made_adv3_r p {

        width: 100%;

    }

    .suppliers {

        margin-top: 20px;

    }

    .suppliers > div {

        width: calc((100% - 20px) / 2);

        margin-right: 20px;

        margin-bottom: 0;

    }

    .suppliers > div:nth-child(2n) {

        margin-right: 0;

    }

    .serTop, .serBottom, .serTopLeft {

        flex-direction: column;

    }

    .serTopLeft .item, .serBottom .item {

        width: 100%;

        margin-bottom: 20px;

    }

    .serviceBox .itemText p {

        font-size: 16px;

    }

    .serviceBox img {

        position: inherit;

    }

    .serviceBox img.active {

        display: none;

    }

    .serviceBox .itemText img {

        width: 40px;

    }

    .serviceBox .itemText .itemLine {

        display: none;

    }

    .service2 {

        display: block;

        margin-top: 20px;

        padding-top: 20px;

    }

    .service2 .item {

        width: 100%;

        margin-right: 20px;

        margin-bottom: 20px;

    }


    .down .position .container .search, .search {

        display: none;

    }

    .question_ul {

        margin-top: 20px;

    }

    .question_a p, .question_q h2 {

        font-size: 14px;

    }

    .news_recommend .container-inside a {

        flex-direction: column;

        margin-top: 20px;

    }


    .news_search {

        flex-direction: column;

    }

    .news_search .option {

        width: 100%;

        box-sizing: border-box;

    }

    .news_search .keywords {

        margin-right: 0;

        margin-top: 20px;

    }


    .news_detail_info {

        flex-direction: column;

        align-items: flex-start;

    }

    .news_detail_info > div {

        margin: 5px 0;

    }

    .news_detail_title h1 {

        margin-bottom: 10px;

    }

    .news_detail {

        padding-top: 20px;

    }


    .video_ul {

        margin-top: 20px;

    }


    .product_swiper, .news_swiper, .pro_scene .swiper {

        margin: auto;

        width: 90%;

    }


    .bigSwiper {

        margin-left: 0;

        width: 100%;

    }


    .introduceBox {

        flex-direction: column;

    }

    .introduceText, .introduceImg {

        width: 100%;

    }

    .introduceBox:last-child {

        flex-direction: column-reverse;

    }

    .introduce p {

        margin-top: 0;

    }

    .brand {

        margin-top: 20px;

    }

    .culture_cont {

        padding-top: 0;

    }

    .chejian .swiper-slide-active {

        transform: scale(1);

    }

    .chejian .swiper-slide img {

        transform: rotateY(0deg) translateX(00px) scale(1);

    }

    .chejian_swiper {

        padding: 0

    }

    .chejian .swiper-slide::after {

        display: none;

    }

    .chejian .swiper-button-prev {

        margin-left: 20px;

    }

    .chejian .swiper-button-next {

        margin-right: 20px;

    }


    .selet_item {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .tc_form form label {
        margin-bottom: 10px;
        text-align: left;
    }
    .tc_form form select {
        width: 100%;
    }
    .selet_item::after {
        top: auto;
        bottom: 18px;
    }
    .tc_form input {
        width: 100%;
        box-sizing: border-box;
        height: 40px;
    }
    .tc_form select {
        height: 40px;
    }
    .form_con{
        flex-direction: column;
        align-items: flex-start !important;
    }
    .form_sex #realname {
        width: 100%;
    }
    .form_sex label {
        margin-bottom: 0 !important;
    }
    .tc_form form > div.form_sex input {
        margin-top: 0;
        width: 6%;
    }
    .tc_form form > div.form_con textarea {
        width: 100%;
        box-sizing: border-box;
        height: 120px;
    }
    .form_btn {
        margin-bottom: 150px !important;
        justify-content: center;
    }
    .input-check {
        padding-left: 0 !important;
    }
    .input-check .form_sex_label {
        margin-bottom: 0 !important;
        font-size: 14px;
    }

    .form_sex .form_sex_label {
        margin-bottom: 0 !important;

    }

    .made_adv3_r_img1-1 {
        position: initial;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .recruitmentTop {
        font-size: 12px;
        padding: 20px 10px;
    }

    .recruitmentBottom ul li .item {
        padding: 20px 10px;
        font-size: 12px;
        line-height: 1.6;
    }
    .recruitmentTop .item:first-child ,.recruitmentBottom ul li .item:first-child{
        width: 30%;
    }

    .tc_craft {
        width: 90%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .tc_craft_title {
        font-size: 14px;
        text-align: left;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .tc_craft_cont {
        margin: 20px;
        flex-direction: column;
        align-items: center;
    }
    .tc_craft_a .tc_craft_cont_desc {
        width: 100%;
    }
    .tc_craft_cont_desc h2 {
        font-size: 16px;
    }
    .tc_craft_cont_desc p,.tc_craft_cont_desc_ul p {
        font-size: 14px;
    }
    .craftMore {
        display: block;
    }
    .tc_b ,.tc_craft_b .tc_craft_cont{
        padding: 20px;
    }

    .tc_craft_b .tc_craft_cont_desc {
        width: 100%;
    }
    .tc_craft_b .tc_craft_cont_desc li {
        font-size: 14px;
    }
    .tc_craft_b_bot {
        font-size: 14px;
    }
    .go_en img {
        width: 24px;
    }
    header .menubtn .iconfont {
        font-size: 30px;
    }
}