@charset "UTF-8";

.w1135 {
    width: 1135px;
    margin: 0 auto;
}

.h_flex_start_between {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.h_flex_center_between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.h_flex_end_between {
    display: flex;
    justify-content: space-between;
    /* align-items: flex-end; */
    align-items: center;
}

.indBanner {
    position: relative;
}

.indBanner .indb_swiper {
    position: unset;
}

.indBanner .indb_pagebtn {
    position: absolute;
    bottom: 75px;
    left: 290px;
    z-index: 9;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5);
}

.indBanner .swiper-pagination-current {
    margin-right: -1px;
    color: #ffffff;
}

.indBanner .indb_page {
    display: inline-flex;
}

.indBanner .swiper-button-prev {
    width: 25px;
    height: 7px;
    background: url("../images/huan/ind_ban_prev.png") no-repeat;
    left: -32px;
    top: 0;
}

.indBanner .swiper-button-next {
    width: 6px;
    height: 8px;
    background: url("../images/huan/ind_ban_next.png") no-repeat;
    right: -34px;
    top: -3px;
}

.h_menuList ul {
    width: 740px;
    display: flex;
    justify-content: space-between;
}

.h_menuList ul li a {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    min-width: 68px;
    padding: 10px 0;
    text-align: center;
}

.h_menuList ul li a:hover {
    border-bottom: 2px solid #ffffff;
}

.header.on .h_menuList ul li a:hover {
    border-bottom: 2px solid #666666;
}

.h_menuList ul li {
    display: inline-flex;
}

.h_language {
    font-size: 12px;
    letter-spacing: 1px;
    color: #ffffff;
    position: relative;
    padding: 8px 0;
}

.h_language:hover {
    cursor: pointer;
}

.h_language em {
    width: 13px;
    height: 7px;
    background: url("../images/huan/language_icon.png") no-repeat;
    display: inline-block;
    margin-left: 5px;
}

.h_language .h_lanbox {
    position: absolute;
    top: 30px;
    right: 0;
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    padding: 5px 3px;
    display: none;
}

.h_language:hover .h_lanbox {
    display: block;
}

.h_language .h_lanbox a {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    width: 100%;
    line-height: 25px;
}

.h_language .h_lanbox a:hover {
    color: #ffffff;
}

.h_language .h_lanbox a:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.h_language .h_langtitle {
    width: 81px;
}

.header .header-t .h_colorWhite,
.header.on .header-t .h_colorOther {
    display: none;
}

.header.on .header-t .h_colorWhite {
    display: block;
}

.header.on .h_menuList ul li a,
.header.on .h_language {
    color: #666666;
}

.header.on .h_language .h_lanbox {
    background: rgba(0, 0, 0, 0.2);
}

.section2 .h_aboutcon {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #787878;
    margin: 28px 0 18px;
}

.h_aboutIcons li {
    font-size: 14px;
    letter-spacing: 1px;
    color: #646464;
}

.section2 .h_aboutleft {
    width: 575px;
}

.h_aboutIcons ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.h_aboutIcons ul li {
    width: 22%;
    margin: 8px 0 26px;
}

.h_aboutIcons ul li em {
    margin-right: 15px;
}

.h_aboutleft h2 {
    font-size: 40px;
    color: #457adb;
    position: relative;
}

.h_aboutleft h2::after {
    width: 41px;
    height: 2px;
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: 0;
    content: "";
    background: #000000;
}

.h_about_more a span {
    font-size: 14px;
    letter-spacing: 1px;
    color: #2e2e2e;
    margin-left: 8px;
}

.section2 .h_about_more {
    margin-bottom: 52px;
}

.section2 .h_aboutright {
    /* width: 420px; */
    max-width: 500px;
    overflow: hidden;
}

.section2 .h_aboutright img {
    width: 100%;
}

.w1245 {
    width: 1245px;
    margin: 0 auto;
}

.ind_product .ind_p_left {
    width: 965px;
    position: relative;
}

.ind_product .ind_p_swiper .ind_pro_img {
    width: 380px;
    height: 596px;
}

.ind_product .ind_p_swiper .ind_pro_img img {
    width: 100%;
}

.ind_product .ind_p_swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ind_product .ind_p_swiper .ind_pro_text {
    width: 657px;
    height: 443px;
    background: rgba(255, 255, 255, 0.62);
    margin-left: -72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 54px;
}

.ind_product .indp_name {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.ind_product .indp_name h3 {
    font-family: CTLaoSongSJ;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    margin-right: 29px;
}

.ind_product .indp_con {
    font-size: 14px;
    line-height: 36px;
    color: #a2a2a2;
}

.ind_pro_help {
    position: absolute;
    right: 36px;
    top: 25%;
}

.ind_pro_help .swiper-pagination {
    display: inline-flex;
    align-items: flex-end;
    color: #999;
    font-size: 16px;
    line-height: 16px;
}

.ind_pro_help .i_p_cur {
    font-size: 24px;
    line-height: 18px;
    color: #333;
    margin-right: 5px;
}

.ind_pro_help .i_p_total {
    margin-left: 5px;
}

#dowebok .section4 .ind_pro_help .swiper-button-next {
    right: -80px;
    top: -11px;
    position: relative;
    outline: unset;
    opacity: 0.3;
}

#dowebok .section4 .ind_pro_help .swiper-button-prev {
    position: relative;
    left: -46px;
    top: -15px;
    outline: unset;
    opacity: 0.3;
}

.ind_pro_cate {
    display: flex;
    position: absolute;
    right: 31px;
    bottom: 120px;
    z-index: 1;
}

.ind_news_cate a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #585858;
    display: inline-block;
    position: relative;
    padding: 0 4px 0 16px;
    line-height: 14px;
}

.ind_news_cate a:hover {
    color: #ffa633;
}

.ind_news_cate a:last-child {
    padding-right: 16px;
}

.ind_pro_cate a {
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    color: #444444;
    line-height: 14px;
    position: relative;
    padding: 0 14px 0 12px;
}

.ind_pro_cate a:hover {
    color: #477cdd;
}

.ind_pro_cate a::before,
.ind_pro_cate a:last-child::after,
.ind_news_cate a::before,
.ind_news_cate a:last-child::after {
    width: 1px;
    height: 10px;
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    background: #444444;
}

.ind_pro_cate a::before,
.ind_news_cate a::before {
    left: 0;
}

.ind_pro_cate a:last-child::after,
.ind_news_cate a:last-child::after {
    right: 0;
}

.ind_pro_category li a {
    font-size: 18px;
    color: #444444;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.ind_pro_category li:last-child {
    margin-top: 82px;
}

.ind_pro_category li a em {
    margin-right: 23px;
}

.ind_pro_category li.hover a {
    color: #1d56bc;
}

.ind_news_cate a::before,
.ind_news_cate a:last-child::after {
    background: #999999;
}

.section6 .click-img span {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #585858;
    margin-left: 17px;
}

.ind_contact .i_c_name {
    font-family: CTLaoSongSJ;
    font-size: 40px;
    line-height: 29px;
    color: #ffffff;
    position: relative;
    padding-bottom: 27px;
    margin-bottom: 20px;
}

.ind_contact .i_c_name::before {
    width: 41px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
}

.ind_contact .i_c_en {
    font-family: CTLiShuSF;
    font-size: 60px;
    line-height: 60px;
    color: #ffffff;
    opacity: 0.45;
    margin-bottom: 23px;
}

.ind_contact .i_c_title {
    font-size: 20px;
    line-height: 17px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 70px;
}

.ind_contact .i_c_title em {
    width: 14px;
    height: 14px;
    background-color: #f85512;
    border-radius: 100%;
    display: inline-block;
    margin-right: 22px;
}

.ind_contact .i_c_links span,
.ind_contact .i_c_add {
    font-size: 16px;
    color: #c9c9c9;
}

.ind_contact .i_c_line {
    width: 26px;
    height: 1px;
    display: block;
    background: #ffffff;
    margin: 22px 0;
}

.ind_contact .i_c_links em {
    display: inline-flex;
    margin-right: 12px;
}

.ind_contact .i_c_links {
    display: flex;
    align-items: center;
}

.ind_contact .i_c_links .i_c_tel {
    margin-right: 42px;
}

/* .indBanner .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
} */
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header {
    height: 60px;
    overflow: hidden;
    background: #fff;
    position: fixed;
    z-index: 10;
    width: 100%;
}

.sp_logo {
    padding: 10px;
    float: left;
    height: 60px
}

.sp_logo img {
    margin: auto;
    max-height: 40px;
}

.sp_nav {
    width: 50px;
    float: right;
    position: relative;
    cursor: pointer;
    height: 30px;
    margin-top: 20px
}

.sp_language {
    float: right;
    line-height: 60px;
    margin-right: 15px;
    color: #333;
    font-size: 14px;
}

.sp_language a {
    color: #333;
    font-size: 14px;
}

.sp_nav span {
    display: block;
    background: #4b2459;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 10px;
    transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
    top: 0px
}

.sp_nav span:nth-of-type(2) {
    top: 10px
}

.sp_nav span:nth-of-type(3) {
    top: 20px
}

.sp_nav_se span:nth-of-type(1) {
    top: 10px;
    transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
    width: 0
}

.sp_nav_se span:nth-of-type(3) {
    top: 10px;
    transform: rotate(-45deg)
}

.sjj_nav {
    position: fixed;
    z-index: 9;
    width: 100%;
    height: calc(100% - 75px);
    font-size: 14px;
    line-height: 40px;
    top: -100%;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/huan/inav-bg.jpg") no-repeat center;
}

.nav_show {
    top: 60px
}

/* .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} */
.sjj_nav ul li i {
    position: absolute;
    top: 5px;
    right: 0px;
    border-left: 1px #ddd solid;
    height: 30px;
    padding: 0px 7px 0 7px;
}

.sjj_nav ul li i svg {
    transform: rotate(-90deg);
    transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
    transform: rotate(0deg)
}

.sjj_nav ul li {
    margin-left: 20px;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    margin-bottom: 1.2rem;
}

/* .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} */
.sjj_nav ul li ul {
    display: none
}

.sjj_nav ul li a {
    color: #666;
    width: 80%;
    font-size: 20px;
    line-height: 36px;
    color: #333;
}

.sjj_nav ul li ul li a {
    color: #999;
    display: block;
    text-align: left;
}

.sjj_nav ul li i svg {
    width: 20px;
    height: 20px;
    fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
    fill: #c9141e
}

.sjj_nav ul li ul li>ul {
    margin-left: 10px
}

.sp_logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.wh680{
    width: 680px;
    height: 680px;
    margin: auto auto;
    position: relative;
}
.section5 .kj_icon,
.wap_section5 .kj_icon{
    position: absolute;
}
.section5 .kj_icon1,
.wap_section5 .kj_icon1{
    left: -20%;
    top: 35%;
}
.section5 .kj_icon2,
.wap_section5 .kj_icon2{
    right: -10%;
    top: 17%;
}
.section5 .kj_icon3,
.wap_section5 .kj_icon3{
    right: 8%;
    top: 56%;
}
.section5 .kj_content,
.wap_section5 .kj_content{
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #ffffff;
    position: absolute;
    width: 73%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 18%;
}


/****************手机版****************/
.wap_section5 .wh680 {
    width: 100%;
    height: auto;
}
.wap_section5 .wh680 .kj_img img{
    width: 90%;
}
.wap_section5 .kj_icon img{
    max-height: 30px;
}
.wap_section5 .kj_content {
    bottom: -4vw;
    width: 90%;
    font-size: 12px;
    line-height: 18px;
}
.wap_section5 .kj_img {
    text-align: center;
}
.wap_section5 .kj_icon2{
    right: 0;
}
.wap_section5 .kj_icon1{
    left: 0;
}


#wap_index {
    display: none;
}

.wap_section1 .wap_banner {
    padding-top: 60px;
}

.wap_section1 .wap_banner .swiper-slide img {
    width: 100%;
}

.wap_banner .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    background: unset;
    opacity: 1;
    position: relative;
}

.wap_banner .swiper-pagination-bullet-active::before {
    width: 3px;
    height: 3px;
    display: inline-block;
    background: #fff;
    content: "";
    border-radius: 100%;
    left: 38%;
    top: 39%;
    position: absolute;
}

.wap_container {
    width: 100%;
}

.wap_section2 .wap_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4% 4%;
    background: url(../images/huan/index_section_bg2.jpg) no-repeat center;
    background-size: cover;
}

.wap_section3 .wap_container {
    /* background: url(../images/huan/index_section_bg3.jpg) no-repeat center;
    background-size: cover; */
    background: #f2f2f2;
    padding: 4% 4%;
}

.wap_section4 .wap_container {
    background: url(../images/huan/index_section_bg4.jpg) no-repeat center;
    background-size: cover;
    padding: 4% 4%;
}

.wap_section5 .wap_container {
    background: url(../images/huan/index_section_bg5.jpg) no-repeat center;
    background-size: cover;
    padding: 4% 4%;
}

.wap_section6 .wap_container {
    background: url(../images/huan/index_section_bg6.jpg) no-repeat center;
    background-size: cover;
    padding: 4% 4%;
}

.wap_section7 .wap_container {
    background: url(../images/huan/index_section_bg7.jpg) no-repeat center;
    background-size: cover;
    padding: 6% 4%;
}

.wap_section2 .h_aboutleft {
    width: 60%;
}

.wap_section2 .h_aboutright {
    width: 35%;
}

.wap_section2 .h_aboutcon {
    margin: 25px 0;
}

.wap_section2 .h_aboutright img {
    width: 100%;
}

#wap_index h2 {
    font-size: 1rem;
    color: #457adb;
    position: relative;
}

#wap_index h2::after {
    width: 41px;
    height: 2px;
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: 0;
    content: "";
    background: #000000;
}

.yw_swiper .swiper-slide {
    background: #ffffff;
}

.yw_lists .swiper-slide .img {
    width: 100%;
    overflow: hidden;
}

.yw_swiper .swiper-slide .img img {
    width: 100%;
}

.yw_desp {
    font-size: 14px;
    color: #666;
    margin: 20px 0;
}

.yw_lists .swiper-slide .text {
    padding: 5px 25px 20px;
}

.yw_lists .swiper-slide p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.yw_lists .swiper-slide h3 {
    font-size: 24px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wap_section3 .yw_swiper,
.wap_section4 .wappro_swiper {
    padding-bottom: 50px;
}

.wap_pro_lists .text {
    border: 1px solid #d8d8d8;
    padding: 10px 15px 15px;
}

.wap_pro_lists .swiper-slide .img {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wap_section4 h2 {
    margin-bottom: 30px;
}

.wap_section5 .wap_container {
    min-height: 400px;
}

#wap_index .wap_section5 h2,
#wap_index .wap_section7 h2 {
    color: #ffffff;
}

#wap_index .wap_section5 h2::after,
#wap_index .wap_section7 h2::after {
    background: #ffffff;
}

.wap_section6 .swiper-slide {
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.wap_section6 .swiper-slide .img {
    height: 160px;
    overflow: hidden;
}

.wap_section6 .swiper-slide .img img {
    width: 100%;
}

.wap_news_lists .text {
    border: 1px solid #eeeeee;
    padding: 10px 15px 0;
}

.wap_section6 .wap_newsiwper {
    padding: 30px 0 50px;
}

.wap_news_lists .text .date,
.wap_news_lists .text .name {
    font-size: 24px;
    color: #333333;
}

.wap_news_lists .text .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 3px 0 5px;
}

.wap_news_lists .text .desp {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.wap_news_lists .text .info {
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    background: url(../images/huan/pic46.png) no-repeat right center;
    background-size: 35px auto;
    border-top: 1px solid #d8d8d8;
    margin-top: 26px;
}

.wap_section7 .ind_contact .i_c_name,
.wap_section7 .ind_contact .i_c_en {
    font-size: 1rem;
    line-height: 20px;
}

.wap_section7 .ind_contact .i_c_title {
    margin-bottom: 40px;
}


@media (max-width: 1023px) {

    #dowebok,
    header {
        display: none;
    }

    #wap_index {
        display: block;
    }

    .swiper-pagination-bullet {
        outline: unset;
    }
}

@media (max-width:990px) {
    .h_aboutIcons ul li {
        width: 33%;
        margin: 8px 0 26px;
    }

    .h_aboutIcons ul {
        justify-content: unset;
    }

    .yw_lists .swiper-slide h3,
    .wap_news_lists .text .date,
    .wap_news_lists .text .name {
        font-size: 20px;
    }

    .wap_section6 .swiper-slide .img {
        height: auto;
        max-height: 160px;
    }

    .wap_pro_lists .text {
        width: calc(100% - 2px);
    }

    .wap_news_lists .text {
        border: 0;
    }

    .wap_section6 .swiper-slide {
        box-shadow: unset;
    }

    .wap_section6 .swiper-slide a {
        border: 1px solid #eeeeee;
        width: calc(100% - 2px);
        height: 100%;
        display: inline-block;
    }
}

@media (max-width:767px) {
    .sp_logo img {
        margin: auto;
        max-height: 24px;
    }

    .wap_section2 .wap_container,
    .ind_contact .i_c_links {
        flex-wrap: wrap;
    }

    .wap_section2 .h_aboutleft,
    .wap_section2 .h_aboutright {
        width: 100%;
    }

    .wap_section2 .h_aboutright {
        padding: 4vw 0 6vw;
    }

    .wap_section7 .wap_container {
        padding: 11vw 6vw;
    }

    .h_aboutIcons ul li {
        width: 33%;
        margin: 8px 0 15px;
    }
}


/* 修改 */
.h_aboutIcons li a {
    cursor: pointer;
    transition: all 0.6s !important;
}

.h_aboutIcons li a:hover {
    color: #457adb !important;
    font-size: 16px !important;
}