html{scroll-behavior:auto;}
#twc{scroll-margin-top:80px;}
/*class*/
.hc_twclass{margin-top:50px;position:relative;overflow:hidden;}
.hc_twclass .hctc_con{border-radius:14px;background:var(--backgroundColor);padding:35px;}
.hc_twclass .hctc_con .hctc_t{font-size:19px;color:var(--titleColor);font-weight:bold;line-height:2;border-bottom:1px solid #DDD;padding-bottom:5px;}
.hc_twclass .hctc_con .hctc_ul{padding-top:1px;}
.hc_twclass .hctc_con .hctc_ul span{font-size:16px;margin-top:20px;color:var(--fontColor);margin-right:30px;}
.hc_twclass .hctc_con .hctc_ul a{font-size:16px;color:var(--titleColor);margin-right:40px;margin-top:20px;}
.hc_twclass .hctc_con .hctc_ul a em{color:var(--logoColor);font-style:normal;}
.hc_twclass .hctc_con .hctc_ul a:hover,.hc_twclass .hctc_con .hctc_ul a.on{color:var(--logoColor);}
/*list*/
.hct_list{padding:10px 0 60px;position:relative;overflow:hidden;}
.hct_list .pb_tit{text-transform:capitalize;text-align:center;}
.hct_list .hctl_ul{padding-top:20px;}
.hct_list .hctl_ul .hctl_li{width:calc(100%/3 - 20px);;margin-left:30px;margin-top:25px;}
.hct_list .hctl_ul .hctl_li:nth-child(3n+1){margin-left:0;}
.hct_list .hctl_ul .hctl_li .hctl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;
    -webkit-perspective:500;
    -moz-perspective:500;
    perspective:500;
}
.hct_list .hctl_ul .hctl_li .hctl_img .hctl_shdow{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(3,110,180,.8);opacity:0;
    -webkit-transform:rotateX(-45deg);
    -moz-transform:rotateX(-45deg);
    -ms-transform:rotateX(-45deg);
    transform:rotateX(-45deg);
    -webkit-transform-origin:top;
    -moz-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
}
.hct_list .hctl_ul .hctl_li .hctl_img .hctl_shdow i{width:70px;height:70px;background:#FFF;border-radius:50%;line-height:72px;text-align:center;font-size:44px;color:var(--logoColor);}
.hct_list .hctl_ul .hctl_li p{padding:15px 20px;background:#F5F5F5;font-size:16px;color:#333;line-height:1.3;text-align:center;}
.hct_list .hctl_ul .hctl_li:hover .hctl_img .hctl_shdow{opacity:1;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    transform:rotateX(0);
}
.hct_list .manu{margin-top:50px;}

@media screen and (max-width:1519px){
    #twc{scroll-margin-top:70px;}
    .hc_twclass{margin-top:35px;}
    .hc_twclass .hctc_con{border-radius:12px;padding:30px;}
    .hc_twclass .hctc_con .hctc_t{font-size:18px;line-height:1.8;padding-bottom:4px;}
    .hc_twclass .hctc_con .hctc_ul span{font-size:15px;margin-top:16px;margin-right:25px;}
    .hc_twclass .hctc_con .hctc_ul a{font-size:15px;margin-right:32px;margin-top:16px;}
    .hct_list{padding:9px 0 40px;}
    .hct_list .hctl_ul{padding-top:16px;}
    .hct_list .hctl_ul .hctl_li{width:calc(100%/3 - 16px);;margin-left:24px;margin-top:22px;}
    .hct_list .hctl_ul .hctl_li .hctl_img .hctl_shdow i{width:60px;height:60px;line-height:60px;font-size:40px;}
    .hct_list .hctl_ul .hctl_li p{padding:13px 17px;font-size:15px;}
    .hct_list .manu{margin-top:40px;}
}

@media screen and (max-width:1359px){
    #twc{scroll-margin-top:60px;}
	.hc_twclass{margin-top:26px;}
    .hc_twclass .hctc_con{border-radius:10px;padding:23px;}
    .hc_twclass .hctc_con .hctc_t{font-size:17px;line-height:1.65;}
    .hc_twclass .hctc_con .hctc_ul span{font-size:14px;margin-top:13px;margin-right:20px;}
    .hc_twclass .hctc_con .hctc_ul a{font-size:14px;margin-right:26px;margin-top:13px;}
    .hct_list{padding:8px 0 30px;}
    .hct_list .hctl_ul{padding-top:13px;}
    .hct_list .hctl_ul .hctl_li{width:calc(100%/3 - 12px);;margin-left:18px;margin-top:20px;}
    .hct_list .hctl_ul .hctl_li .hctl_img .hctl_shdow i{width:52px;height:52px;line-height:52px;font-size:36px;}
    .hct_list .hctl_ul .hctl_li p{padding:12px 15px;font-size:14px;}
    .hct_list .manu{margin-top:30px;}
}

@media screen and (max-width:1023px){
	.hc_twclass{margin-top:20px;}
    .hc_twclass .hctc_con{border-radius:8px;padding:20px;}
    .hc_twclass .hctc_con .hctc_t{font-size:16px;}
    .hc_twclass .hctc_con .hctc_ul span{margin-right:15px;margin-top:11px;}
    .hc_twclass .hctc_con .hctc_ul a{margin-right:20px;margin-top:11px;}
    .hct_list{padding:7px 0 25px;}
    .hct_list .hctl_ul{padding-top:11px;}
    .hct_list .hctl_ul .hctl_li{width:calc(50% - 8px);;margin-left:16px;margin-top:16px;}
    .hct_list .hctl_ul .hctl_li:nth-child(3n+1){margin-left:16px;}
    .hct_list .hctl_ul .hctl_li:nth-child(odd){margin-left:0;}
    .hct_list .hctl_ul .hctl_li .hctl_img .hctl_shdow{opacity:1;
        -webkit-transform:rotateX(0);
        -moz-transform:rotateX(0);
        -ms-transform:rotateX(0);
        transform:rotateX(0);
    }
    .hct_list .hctl_ul .hctl_li .hctl_img .hctl_shdow i{width:46px;height:46px;line-height:46px;font-size:32px;}
    .hct_list .manu{margin-top:20px;}
}

@media screen and (max-width:767px){
    .hc_twclass .hctc_con{border-radius:6px;padding:12px;}
    .hc_twclass .hctc_con .hctc_t{font-size:16px;}
    .hc_twclass .hctc_con .hctc_ul span{margin-top:11px;width:100%;}
    .hc_twclass .hctc_con .hctc_ul a{margin-right:15px;margin-top:11px;}
    .hct_list{padding:7px 0 25px;}
    .hct_list .hctl_ul{padding-top:10px;}
    .hct_list .hctl_ul .hctl_li{width:100%;margin-left:0;margin-top:15px;}
    .hct_list .hctl_ul .hctl_li:nth-child(3n+1){margin-left:0;}
}