#index {

}

.index_banner {
    width: 100%;
    height: 766px;
    /*background: url("../assets/index/img.jpg") no-repeat center;*/
    /*background-size: 100% 100%;*/
    margin-top: 80px;
}
.index_banner img{
    width: 100%;
    height: 100%;
}
.index_banner_content {
    width: 1350px;
    margin: 0 auto;
    overflow: hidden;
}

.index_banner_content_title {
    font-size: 69px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 350px;
    margin-left: 57px;
}

.index_banner_content_text {
    font-size: 48px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 20px;
}

.index_banner_content_txt {
    font-size: 28px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 15px;
}

.index_banner_content_btn {
    width: 136px;
    height: 35px;
    border: 1px solid #979797;
    border-radius: 20px;
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #979797;
    text-align: center;
    cursor: pointer;
    line-height: 35px;
    margin-top: 26px;
}

.index_banner_content_btn:hover {
    color: #fff;
    border: 1px solid #ffffff;
}

.index_advertisement {
    width: 100%;
    height: 116px;
    background: url("../assets/index/bg.png") no-repeat center;
    background-size: 100% 100%;
}

.index_advertisement_content {
    width: 1350px;
    margin: 0 auto;
}

.index_advertisement_left {

}

.index_advertisement_left_text {
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #F3F3F3;
    margin-top: 25px;
}

.index_advertisement_left_tit {
    font-size: 36px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #F3F3F3;
    line-height: 50px;
}

.index_advertisement_left_img {
    width: 340px;
    height: 116px;
}

.index_advertisement_left_img img {
    width: 100%;
    height: 100%;
}

.index_advertisement_right {
    margin-left: 100px;
    position: relative;
}

.index_advertisement_right_text {
    width: 237px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #626262;
    border-bottom: 2px solid #979797;
    margin-top: 34px;
}

.index_advertisement_right_icon {
    width: 37px;
    height: 34px;
    position: absolute;
    right: 60px;
    top: 8px;
}

.index_advertisement_right_icon img {
    width: 100%;
    height: 100%;
}

.index_intruduce {
    width: 100%;
    height: 880px;
    background: url("../assets/index/bg_1.jpg") no-repeat center;
    background-size: 100% 100%;
}

.index_intruduce_centent {
    width: 1350px;
    margin: 0 auto;
    overflow: hidden;
}

.index_intruduce_centent_left {
    width: 610px;
    height: 490px;
}

.index_intruduce_centent_more {
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 36px;
    width: 100%;
    height: 350px;
    background: #00AC86;
    padding-top: 140px;
    text-align: center;
}

.index_intruduce_centent_img {
    width: 484px;
    height: 490px;

}

.index_intruduce_centent_img img {
    width: 100%;
    height: 100%;
}

.index_intruduce_centent_right_title {
    font-size: 36px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #111111;
    margin-top: 26px;
}

.index_intruduce_centent_right_text {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #090909;
}

.index_intruduce_centent_right_line {
    width: 69px;
    height: 7px;
    background: #00AC86;
}

.index_intruduce_centent_top {
    margin-top: 130px;
}

.index_intruduce_centent_right_text {
    margin: 17px 0;
}

.index_intruduce_centent_right_txt {
    font-size: 19px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #111111;
    line-height: 36px;
    margin-top: 40px;
}

.index_intruduce_centent_bottom {
    margin-top: 50px;
}

.index_intruduce_centent_bottom_img {
    width: 156px;
    height: 63px;
    margin: 0 auto;
}

.index_intruduce_centent_bottom_img img {
    width: 100%;
    height: 100%;
}

.index_intruduce_centent_bottom_text {
    font-size: 28px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #515151;
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
}

.index_advantage {
    width: 100%;
    height: 207px;
    background: url("../assets/index/bg_2.png") no-repeat center;
    background-size: 100% 100%;
}

.index_advantage_content {
    width: 1350px;
    margin: 0 auto;
}

.index_advantage_content_title {
    font-size: 43px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 15px;
    line-height: 37px;
}

.index_advantage_content_eng {
    width: 130px;
    height: 28px;
    margin-top: 58px;
}

.index_advantage_content_eng img {
    width: 100%;
    height: 100%;
}

.index_advantage_icon {
    width: 38px;
    height: 38px;
}

.index_advantage_icon img {
    width: 100%;
    height: 100%;
}

.index_advantage_content_text {
    font-size: 24px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 38px;
}

.index_advantage_content_item {
    margin-top: 30px;
}

.index_product {

}

.index_product_content {
    width: 1350px;
    margin: 0 auto;

}

.index_product_title {
    font-size: 40px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #090909;
    line-height: 41px;
    margin-top: 65px;
    text-align: center;
}

.index_product_text {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #090909;
    line-height: 40px;
    margin: 20px 0 50px;
    text-align: center;
}

.index_product_tab_content {
    height: 486px;
    position: relative;
    overflow: hidden;

}

.index_product_tab_left {
    width: 467px;
    height: 420px;
    background: #343434;
    padding-left: 40px;
    overflow: hidden;
}

.index_product_tab_left_title {
    margin-top: 38px;
    font-size: 30px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 32px;
}

.index_product_tab_left_classification {
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32px;
    margin: 10px 0 20px;
}

.index_product_tab_left_line {
    width: 42px;
    height: 4px;
    background: #00AC86;
    margin-bottom: 20px;
}

.index_product_tab_left_desc {
    font-size: 12px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #DCDCDC;
    line-height: 28px;
    width: 410px;
}

.index_product_tab_left_more {
    width: 112px;
    height: 30px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #343434;
    line-height: 30px;
    text-align: center;
    background: #fff;
    margin-top: 26px;
    cursor: pointer;
}

.index_product_tab_btn {
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 66px;
    background: #01795E;
    width: 100%;
    height: 66px;
    text-align: center;
    cursor: pointer;
}

.index_product_tab_content .swiper-button-next {
    color: rgba(0, 0, 0, 0) !important;
    width: 276px;
    position: absolute;
    top: 453px;
    right: 821px;

}

.index_product_tab_content .swiper-button-prev {
    color: rgba(0, 0, 0, 0) !important;
    width: 276px;
    position: absolute;
    top: 453px;
    left: 0;
}
.index_product_tab {
    width: 480px;
    margin: 0 auto 30px;
}
.index_product_tab .el-radio-group{
    width: 480px;
}
.index_product_tab_content .swiper-button-next.swiper-button-disabled, .index_product_tab_content .swiper-button-prev.swiper-button-disabled{
    opacity: 0.8;
}

.index_product_tab_btn img {
    width: 40px;
    display: inline-block;
    height: 12px;
    top: 14px;
    left: 45px;
    position: absolute;
}
.index_product_tab .el-radio-button:first-child:last-child .el-radio-button__inner{
    width: 130px;
    height: 50px;
    background: #343434;
    color: #fff;
    line-height:25px;
    font-size: 18px;
}
.index_product_tab .el-radio-button__orig-radio:checked+.el-radio-button__inner{
    background: #00AC86 !important;
}
.index_product_tab_img {
    width: 100%;
    height: 486px;
}

.index_product_tab_img img {
    width: 100%;
    height: 100%;
}

.index_product_advantage {
    width: 100%;
    height: 778px;
    margin-top: 120px;
    background: url("../assets/index/bg_8.jpg") no-repeat center;
    background-size: 100% 100%;
}

.index_product_advantage_content {
    width: 1350px;
    margin: 0 auto;
    overflow: hidden;
}

.index_product_advantage_img {
    width: 570px;
    height: 464px;
    margin-top: 204px;
    position: relative;
}

.index_product_advantage_mask {
    width: 570px;
    height: 464px;
    position: absolute;
    background: #000;
    opacity: 0.4;
    top: 0;

}

.index_product_advantage_icon {
    width: 86px;
    height: 86px;
    position: absolute;
    top: 45%;
    left: 45%;
    z-index: 9;
}

.index_product_advantage_icon img {
    width: 100%;
    height: 100%;
}

.index_product_advantage_img img {
    width: 100%;
    height: 100%;
    transition: all .4s;

}

.index_product_advantage_img img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.index_product_advantage_right {
    height: 778px;
    /*background: url("../assets/index/bg_4.png") no-repeat center;*/
    /*background-size: 100% 100%;*/
}

.index_product_advantage_right {
    padding-left: 76px;
    overflow: hidden;
}

.index_product_advantage_title {
    font-size: 40px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 41px;
    margin: 62px 0 16px;
}

.index_product_advantage_text {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 41px;
    margin-bottom: 42px;
}

.index_product_advantage_list {
    width: 572px;
    height: 100px;
    background: url("../assets/index/bg_5.png") no-repeat center;
    background-size: 100% 100%;
    margin-bottom: 20px;
    transition: all .4s;
}

.index_product_advantage_list:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.index_product_advantage_list_img {
    width: 68px;
    height: 68px;
    margin: 16px 0 0 34px;
}

.index_product_advantage_list_img img {
    width: 100%;
    height: 100%;
}

.index_product_advantage_list_title {
    font-size: 24px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #141414;
    margin-top: 16px;
}

.index_product_advantage_list_text {
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #141414;
    line-height: 38px;
}

.index_qualifications {
    margin-top: 90px;
}

.index_qualifications_content {
    width: 1350px;
    margin: 0 auto;
}

.index_qualifications_title {
    font-size: 40px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #090909;
    line-height: 41px;
    text-align: center;
}

.index_qualifications_text {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #090909;
    line-height: 60px;
    text-align: center;
}

.index_qualifications_top {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}

.index_qualifications_top_img {
    width: 303px;
    height: 213px;
}

.index_qualifications_top_img img {
    width: 100%;
    height: 100%;
    transition: all .4s;
}

.index_qualifications_top_img img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.index_qualifications_bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.index_qualifications_bottom_img {
    width: 239px;
    height: 335px;
}

.index_qualifications_bottom_img img {
    width: 100%;
    height: 100%;
    transition: all .4s;
}

.index_qualifications_bottom_img img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.index_case {
    width: 100%;
    height: 1087px;
    background: url("../assets/index/bg_6.jpg") no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
}

.index_case_content {
    width: 1350px;
    margin: 114px auto 0;
}

.index_case_title {
    font-size: 40px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #090909;
    line-height: 41px;
    text-align: center;
}

.index_case_text {
    margin: 25px 0 85px;
    text-align: center;
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #090909;
    line-height: 41px;
}

.index_case_navs_item {
    width: 420px;
       height: 315px;
    /*height: 266px;*/
    position: relative;
    margin-bottom: 30px;
    transition: all .4s;
}

.index_case_navs_img {
    width: 420px;
 
    height: 266px;
}

.index_case_navs_img img {
    width: 100%;
    height: 100%;
}

.index_case_navs_mask {
    width: 420px;
    height: 266px;
    background: url("../assets/index/mask.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    display: none;
}

.index_case_navs_mask_eng {
    font-size: 30px;
    font-family: Impact;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    margin-top: 65px;
}

.index_case_navs_mask_title {
    font-size: 30px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
}

.index_case_navs_mask_btn {
    width: 97px;
    height: 25px;
    border: 2px solid #FFFFFF;
    font-size: 12px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
    margin: 30px auto 0;
    text-align: center;
    cursor: pointer;
}

.index_case_navs_item:hover .index_case_navs_mask {
    display: block;
    cursor: pointer;

}

.index_case_btn {
    width: 235px;
    height: 53px;
    background: #00AC86;
    font-size: 24px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 53px;
    text-align: center;
    margin: 30px auto 0;
    cursor: pointer;
}

.index_news_navs_image {
    width: 547px;
    height: 415px;
    position: relative;
}

.index_news_navs_text {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 8px;
}

.index_news_navs_image img {
    width: 100%;
    height: 100%;
    transition: all .4s;
}

.index_news_navs_image img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.index_news_list {
    width: 730px;
    height: 126px;
    background: rgb(247, 247, 247);
    cursor: pointer;
    margin-bottom: 18px;
    transition: all .4s;
}

.index_news_list_date {
    text-align: center;
    font-size: 47px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #949494;
    margin-top: 12px;
}

.index_news_list_day {
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #949494;
    text-align: center;
}

.index_news_list_line {
    width: 1px;
    height: 70px;
    background: #d5d5d5;
    margin-top: 26px;
}

.index_news_list_title {
    font-size: 25px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #303030;
    line-height: 32px;
    margin-top: 20px;
}

.index_news_list_desc {
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #898989;
    line-height: 22px;
    margin-top: 6px;
    padding-right: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index_news_list:hover {
    background: #00AC86;
    transform: scale(1.05);
}

.index_news_list:hover .index_news_list_day {
    color: #fff;
}

.index_news_list:hover .index_news_list_date {
    color: #fff;
}

.index_news_list:hover .index_news_list_title {
    color: #fff;
}

.index_news_list:hover .index_news_list_desc {
    color: #fff;
}

.index_news_btn {
    width: 235px;
    height: 53px;
    background: #00AC86;
    font-size: 24px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 53px;
    text-align: center;
    margin: 40px auto 0;
    transition: all .4s;
}

.index_news_btn:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.index_scene {
    width: 100%;
    height: 1031px;
    background: url("../assets/index/bg_7.jpg") no-repeat center;
    background-size: 100% 100%;
    margin-top: 100px;
}

.index_scene_content {
    width: 1350px;
    margin: 0 auto;
    overflow: hidden;
}

.index_scene_title {
    font-size: 40px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    margin-top: 90px;
    text-align: center;
}

.index_scene_text {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 41px;
    text-align: center;
    margin: 24px 0 60px;
}

.index_scene_navs_img {
    /*width: 634px;*/
    width: 100%;
    height: 495px;
    position: relative;
}

.index_scene_navs_img img {
    width: 100%;
    height: 100%;
    transition: all .4s;
}

.index_scene_navs_img img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.index_scene_navs_text {
    font-size: 24px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 57px;
    text-shadow: 0px 3px 0px rgba(15, 17, 21, 0.58);
    position: absolute;
    width: 100%;
    bottom: -2px;
    text-align: center;
}

.index_scene_navs_img1 {
    /*width: 634px;*/
    width: 100%;
    height: 240px;
    position: relative;
    margin-top: 20px;
}

.index_scene_navs_img1 img {
    width: 100%;
    height: 100%;
    transition: all .4s;
}

.index_scene_navs_img1 img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.index_scene_navs_img2 {
    width: 322px;
    height: 238px;
    position: relative;
    margin-left: 20px;
    margin-bottom: 20px;
}

.index_scene_navs_img2 img {
    width: 100%;
    height: 100%;
    transition: all .4s;
}

.index_scene_navs_img2 img:hover {
    transform: scale(1.1);
    cursor: pointer;
}