a, a::before, a::after, .hoverItem, .hoverItem::before, .hoverItem .title, .hoverItem .brief, .hoverItem .pubPic, .pubPic img, .hoverItem .more, .hoverItem .item_icon, .hoverItem .order, .tab_item{
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.hoverItem:hover .pubPic img, .hoverPic:hover{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

/* img */
.pubPic{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 75%;}
.pubPic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}

.flexColumn{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flexSpaceBe{
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between;
}
.flexCenter{
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
}
.flexEnd{
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	-moz-box-pack: end;
	justify-content: flex-end;
}
.flexWrap{
	flex-wrap: wrap;
	-webkit-box-flex: wrap;
	-webkit-flex-wrap: wrap;
	-moz-box-flex: wrap;
	-ms-flex-wrap: wrap;
}
.alignCenter{
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
	box-align: center;
}
.alignBottom{
	-webkit-box-align: end;
	-ms-flex-align: end;
	-moz-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

/* sub_page_main */
.sub_page_main{background-repeat: repeat-y; background-position: center top; background-size: cover;}

/* web_th */
.web_th{text-align: center; text-transform: capitalize;}
.web_th .title{font-size: 52px; line-height: 1.2; font-family: 'Chaparral Pro-Bold'; color: #333;}
.web_th .title .txt{color: inherit; position: relative; font-size: inherit;}
.web_th .title .txt b{color: var(--commonColor);}
.web_th .title a.txt span{color: var(--commonColor);}
.web_th .title a.txt:hover{color: var(--commonColor); text-decoration: underline;}
.web_th .brief{line-height: 1.75; color: #666; margin-top: 12px;}

.th_left{text-align: left;}
.th_right{text-align: right;}

.th_larger .title{font-size: 58px;}
.th_small .title{font-size: 48px;}

.th_white .title{color: #fff;}
.th_white .title a.txt:hover{color: var(--commonColor);}
.th_white .brief{color: #fff;}

@media only screen and (max-width: 1550px) {
    .th_larger .title{font-size: 54px;}
	.web_th .title{font-size: 48px;}
	.th_small .title{font-size: 46px;}
}
@media only screen and (max-width: 1400px) {
    .th_larger .title{font-size: 50px;}
	.web_th .title{font-size: 46px;}
	.th_small .title{font-size: 44px;}
}
@media only screen and (max-width: 1350px) {
    .th_larger .title{font-size: 46px;}
	.web_th .title{font-size: 42px;}
	.th_small .title{font-size: 40px;}
}
@media only screen and (max-width: 1200px) {
    .th_larger .title{font-size: 42px;}
	.web_th .title{font-size: 38px;}
	.th_small .title{font-size: 36px;}
}
@media only screen and (max-width: 980px) {
	.web_th.flex{flex-direction: column; align-items: center;}
	.web_th.flex .title{width: 100%;}
	.web_th .title{font-size: 26px;}
    .th_larger .title{font-size: 28px;}
    .th_small .title{font-size: 26px;}
	.web_th .title br{display: none;}
	.web_th .brief{margin-top: 10px; font-size: 16px;}
}


.web_main {
    position: relative;
    width: 100%;
}

.web_main_wrap {
    z-index: 999;
    position: relative;
    width: 100%;
    padding-bottom: 20%;
    /* padding: 20% 0; */
    /* margin-top: -18%; */
}

@media (max-width:980px) {
    .web_main_wrap {
        /* top: -3%; */
        /* padding-top: 28%; */
        padding-bottom: 30px;
        /* margin-top: -32%; */
    }
}

/* hot_product */
.hot_product {
    margin-top: 5%;
}

.hot_product .hot_wrap {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.hot_product .hot_left {
    width: 22%; text-align: left;
}

.hot_product .hot_right {
    width: 75%;
    position: relative;
}

.hot_right .swiper {
    width: 100%;
    height: 100%;
}

.hot_right .swiper-slide {
    width: calc((100% - 32px) / 3); margin-right: 16px; height: auto;
}
.hot_pro_item{height: 100%; background: #fff; display: block; border-radius: 12px;}
.hot_pro_item .pic{padding-bottom: 100%; border-radius: 12px 12px 0 0;}
.hot_pro_item .title {
    font-weight: bold; font-size: 18px; padding: 14px 16px 20px; line-height: 1.25; font-family: 'DINAlternate-Bold';
}
.hot_right .hot-button-prev,
.hot_right .hot-button-next{
    position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px; background-repeat: no-repeat; background-position: center; background-color: #333; cursor: pointer; z-index: 999; background-size: 24px auto; border-radius: 4px; transition: all 0.4s ease;
}
.hot_right .hot-button-prev {
    left: -22px;
    background-image: url(../img/hot_prev.png);
}
.hot_right .hot-button-next {
    right: -22px;
    background-image: url(../img/hot_next.png);
}
.hot_right .swiper-pagination{display: none;}

.hot_right .hot-button-prev:hover,
.hot_right .hot-button-next:hover {
    background-color: var(--commonColor);
}

.hot_right .swiper-button-disabled{opacity: 0.3;}

@media (max-width: 1200px) {
    .hot_product .hot_wrap{flex-direction: column;}
    .hot_product .hot_left{
        width: 100%;
    }
    .hot_product .hot_right{
        width: 100%; margin-top: 3%;
    }
}
@media (max-width:980px) {
    .hot_product{margin-top: 30px;}
    .hot_product .hot_right{margin-top: 18px;}
    .hot_right .swiper-wrapper{padding-bottom: 35px;}
    .hot_right .hot-button-prev,
    .hot_right .hot-button-next{display: none;}
    .hot_right .swiper-pagination{display: block; bottom: 0;}
}


/* lorem_ipsum */
.lorem_ipsum {
    padding: 10% 0 20% 0; margin-top: 5%;
    background-repeat: no-repeat; background-size: cover;
}

.lorem_ipsum .info_wrap {
    width: 60%; text-align: left;
}

@media (max-width:980px) {
    .lorem_ipsum{padding: 15% 0 20%;}
    .lorem_ipsum .lorem_title a{
        font-size: 24px;
        line-height: 40px;
    }
    .lorem_ipsum .info_wrap{
        width: 100%;
    }
}

/* common_news */
.common_news {
    margin-top: 4%;
}

.common_news .news_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.common_news .news_top {
    flex-direction: column;
    align-items: flex-start; text-transform: capitalize;
}

.common_news .news_tips {
    font-size: 16px;
    color: var(--commonColor);
    line-height: 24px;
    text-align: center;
}


.common_news .news_wrap .news_list {
    justify-content: space-between;
}

.common_news .news_wrap .news_list li {
    width: 32%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.common_news .news_wrap .news_list li:nth-child(2) {
    margin-top: 7%;
}

.common_news .news_wrap .news_list li:last-child {
    margin-top: 14%;
}

.common_news .news_wrap .news_list li .item_image {
    padding-bottom: 80%; border-radius: 12px;
}

.common_news .news_wrap .news_list li .item_info {
    width: 88%;
    padding: 18px 20px 20px;
    border-radius: 0 0 12px 12px;
    border: 5px solid var(--commonColor);
    border-top: none;
}

.common_news .news_wrap .news_list li .title {
    text-align: center;
    font-family: 'Chaparral Pro-Bold';
    font-weight: bold;
    font-size: 20px;
    text-transform: capitalize;
}

.common_news .news_wrap .news_list li .date {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    text-align: center;
    margin: 4px 0;
}

.common_news .news_wrap .news_list li .brief {
    text-align: center;
    font-size: 16px;
    color: #777;
    line-height: 28px;
    text-align: center;
}

.common_news .news_wrap .news_list li .item_content * {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
.common_news .news_wrap .news_list li:hover .title{color: var(--commonColor);}
.common_news .news_wrap .news_list li:hover .brief{color: #333;}

@media (max-width:980px) {
    .common_news{margin-top: 20px;}
    .common_news .news_top{
        width: 100%; text-align: left;
    }
    .common_news .news_top .title{font-size: 28px; margin-top: 5px;}

    .common_news .news_wrap{margin-top: 14px;}
    .common_news .news_wrap .news_list{flex-wrap: wrap;}
    .common_news .news_wrap .news_list li{
        width: 100%;
    }
    .common_news .news_wrap .news_list li:last-child,
    .common_news .news_wrap .news_list li:nth-child(2){margin-top: 20px;}
    .common_news .news_wrap .news_list li .item_info{border-width: 3px; padding: 16px 16px; width: 92%;}
    .common_news .news_wrap .news_list li .brief{display: none;}
}

/* common_video */
.common_video {
    margin-top: 5%;
}

.common_video .video_list {
    margin-top: 3%; justify-content: unset;
}

.common_video .video_list li {
    width: 32%; margin-right: 2%;
    position: relative;
}

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

.common_video .video_list li .item_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    background: url(../img/videobtn.png) no-repeat center;
    background-size: 78% auto;
    background-color: var(--commonColor);
    border-radius: 50%;
    margin: -32px 0 0 -32px;
}

.common_video .video_list li .title {
    font-family: 'DINAlternate-Bold';
    font-weight: bold;
    font-size: 20px;
    line-height: 1.25;
    text-align: left;
    font-style: normal;
    text-transform: capitalize;
    margin-top: 15px;
}
.common_video .video_list li:hover .title{color: var(--commonColor);}
.common_video .video_list li:hover .item_icon{
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
}

@media (max-width:980px) {
    .common_video{margin-top: 20px;}
    .common_video .video_list{
        flex-wrap: wrap; margin-top: 15px;
    }
    .common_video .video_list li{
        width: 100%;
    }
    .common_video .video_list li:nth-child(n+2){margin-top: 22px;}
    .common_video .video_list li .title{font-size: 18px; margin-top: 12px;}
    
}

/* c_related_app */
.c_related_app{overflow: hidden; margin-top: 5%;}
.c_related_app .web_th .title{text-transform: uppercase;}
.related_app_inner{padding: 2.5% 0 0; position: relative;}
.related_app_inner .swiper-slide{width: calc((100% - 52px) / 3); margin-right: 26px; height: auto; margin-bottom: 12px; overflow: unset;}
.swiper_related_app{padding: 0 10px;}

.related_app_item{height: 100%; position: relative; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; background: #fff;}
.related_app_item>a{height: 100%;}

.related_app_item .pic{padding-bottom: 70%; border-radius: 8px 8px 0 0;}

.related_app_info{padding: 16px; flex: 1;}
.related_app_info .title{font-size: 20px; line-height: 1.4; overflow: hidden; font-weight: bold;}

.related_app_item:hover .related_app_info .brief{color: #333;}
.related_app_item:hover{box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);}


.c_related_app .common-prev,
.c_related_app .common-next{
    position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px; background-repeat: no-repeat; background-position: center; background-color: #333; cursor: pointer; z-index: 999; background-size: 24px auto; border-radius: 4px; transition: all 0.4s ease; opacity: 1;
}
.c_related_app .common-prev {
    left: -12px;
    background-image: url(../img/hot_prev.png);
}
.c_related_app .common-next {
    right: -12px;
    background-image: url(../img/hot_next.png);
}
.c_related_app .swiper-pagination{display: none;}

.c_related_app .common-prev:hover,
.c_related_app .common-next:hover {
    background-color: var(--commonColor);
}

.c_related_app .swiper-button-disabled{opacity: 0.3;}


@media only screen and (max-width: 980px) {
    .c_related_app{margin-top: 30px;}
    .c_related_app .layout{padding: 0;}
    .c_related_app .web_th{padding: 0 15px;}
	.related_app_inner{padding: 16px 5px 0;}
	.related_app_inner .swiper-slide{width: 100%; margin-right: 0;}
	.related_app_info{padding: 15px;}
	.related_app_info .title{font-size: 20px; max-height: unset; display: block; height: auto;}

    .c_related_app .swiper-wrapper{padding-bottom: 35px;}
    .c_related_app .common-prev,
    .c_related_app .common-next{display: none;}
    .c_related_app .common-pagination{display: block; bottom: 8px;}
}