.com_crumbs{border-bottom:none;background:var(--backgroundColor);margin-top:0;padding-top:30px;}
.com_crumbs .cc_a{color:var(--fontColor);}
.com_crumbs .cc_a a{color:var(--fontColor);}
.com_crumbs .cc_a i{color:var(--fontColor);}
.com_crumbs .cc_a i:first-child{color:var(--logoColor);}
/*top*/
.hc_top{padding:50px 0 70px;background:var(--backgroundColor);position:relative;overflow:hidden;}
.hc_top .hct_left{width:calc(100% - 600px);padding:20px 60px 15px 0;max-height:450px;}
.hc_top .hct_left .hct_t{font-size:44px;line-height:1.33;color:#1F1F1F;font-weight:normal;}
.hc_top .hct_left .hct_p{margin-top:32px;overflow-y:auto;}
.hc_top .hct_left .hct_p p{font-size:16px;line-height:2;color:#595959;}
.hc_top .hct_left .hct_btn{margin-top:30px;}
.hc_top .hct_left .hct_btn a{height:50px;color:#FFF;margin-right:20px;font-size:16px;border-radius:5px;background:var(--logoColor);padding:0 25px;text-transform:uppercase;}
.hc_top .hct_left .hct_btn a:last-child{background:#333;}
.hc_top .hct_left .hct_btn a i{margin-right:8px;font-size:22px;margin-top:2px;}
.hc_top .hct_left .hct_btn a:hover{opacity:0.8;}
.hc_top .hct_left .hct_p::-webkit-scrollbar-track-piece{width:3px;background-color:#ccc;}
.hc_top .hct_left .hct_p::-webkit-scrollbar{width:3px;height:4px}
.hc_top .hct_left .hct_p::-webkit-scrollbar-thumb{height:30px;background-color:var(--logoColor);}
.hc_top .hct_right{width:600px;}
.hc_top .hct_right .hct_img{width:100%;padding-bottom:75%;position:relative;background:#FFF;border-radius:6px;overflow:hidden;}
/*nav*/
.hc_nav{background:#DDD;position:sticky;top:88px;z-index:3;}
.hc_nav .hcn_li{min-height:70px;padding:8px 20px;line-height:1.5;font-size:16px;color:#000;text-transform:uppercase;position:relative;cursor:pointer;letter-spacing:1px;border-left:1px solid #FFF;}
.hc_nav .hcn_li:before{content:'';width:100%;height:4px;background:#dce0e1;position:absolute;left:0;top:0;}
.hc_nav .hcn_li.on{background:#FFF;}
.hc_nav .hcn_li.on:before{background:var(--logoColor);}
.hc_nav .hcn_li:not(.on):hover{background:#D9E3E3;}
.hc_nav .hcn_li:not(.on):hover:before{background:#333;}
[id*="hcpro"]{scroll-margin-top:158px;}
/*content*/
.hc_item{padding:0 0 80px;position:relative;overflow:hidden;}
.hc_content{}
.hc_content .hct_tit{font-size:36px;color:#1F1F1F;line-height:1.33;font-weight:bold;var(--titleColor);margin:60px 0 40px;}
.hc_content .hct_tit i{width:40px;height:40px;position:relative;margin-right:10px;}
.hc_content .hct_tit i::after,.hc_content .hct_tit i::before{content:"";box-sizing:border-box;position:absolute;width:20px;height:20px;top:50%;left:50%;background:var(--logoColor);
    -webkit-animation: up 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
    -moz-animation: up 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
    animation: up 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
}
.hc_content .hct_tit i::after {background:#fed500;top:calc(50% - 20px);left:calc(50% - 20px);
    -webkit-animation:down 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
    -moz-animation:down 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
    animation:down 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
}
.hc_content .hct_table{margin-top:32px;font-size:16px;line-height:1.65;}
.hc_content .hct_table>*+*{margin-top:20px;}
.hc_content .hct_table img{margin:0 auto;width:auto;max-width:100%;height:auto;display:block;}
.hc_content .hct_table h2{font-size:20px;color:#333;}
.hc_content .hct_table h3{font-size:18px;color:#555;}
/*list*/
.hc_rlist{background:var(--backgroundColor);padding:80px 0;position:relative;overflow:hidden;}
.hc_rlist .hcrl_ul{margin-top:35px;overflow:hidden;}
.hc_rlist .hcrl_ul .swiper-slide{height:auto;}
.hc_rlist .hcrl_ul .hcrl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.hc_rlist .hcrl_ul .hcrl_img:before{content:'';width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(255,255,255,.1);z-index:1;}
.hc_rlist .hcrl_ul .hcrl_txt{background:#FFF;padding:16px 10px;;position:relative;
    -webkit-perspective:400px;
    -moz-perspective:400px;
    perspective:400px;
}
.hc_rlist .hcrl_ul .hcrl_txt:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:var(--logoColor);opacity:0;z-index:1;
    -webkit-transform:rotateX(-50deg);
    -moz-transform:rotateX(-50deg);
    transform:rotateX(-50deg);
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top;
}
.hc_rlist .hcrl_ul .hcrl_txt p{font-size:18px;font-weight:bold;color:var(--titleColor);position:relative;z-index:2;}
.hc_rlist .hcrl_ul .swiper-slide:hover .hcrl_img:before{top:-100%;opacity:0;}
.hc_rlist .hcrl_ul .swiper-slide:hover .hcrl_txt:before{opacity:1;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    transform:rotateX(0);
}
.hc_rlist .hcrl_ul .swiper-slide:hover .hcrl_txt p{color:#FFF;}
.hc_rlist .hcrl_ul .swiper-scrollbar{position:relative;bottom:0;width:30%;margin:30px auto 0;height:6px;background:#EEE;}
.hc_rlist .hcrl_ul .swiper-scrollbar .swiper-scrollbar-drag{background:var(--logoColor);}

@media screen and (max-width:1519px){
	.com_crumbs{padding-top:26px;}
	.hc_top{padding:40px 0 50px;}
	.hc_top .hct_left{width:calc(100% - 510px);padding:15px 40px 12px 0;max-height:383px;}
	.hc_top .hct_left .hct_t{font-size:36px;}
	.hc_top .hct_left .hct_p{margin-top:25px;}
	.hc_top .hct_left .hct_p p{font-size:15px;line-height:1.8;}
	.hc_top .hct_left .hct_btn{margin-top:25px;}
	.hc_top .hct_left .hct_btn a{font-size:15px;height:44px;padding:0 20px;margin-right:15px;}
	.hc_top .hct_left .hct_btn a i{font-size:20px;}
	.hc_top .hct_right{width:510px;}
	.hc_nav{top:80px;}
	.hc_nav .hcn_li{min-height:62px;font-size:15px;padding:6px 15px;}
	[id*="hcpro"]{scroll-margin-top:142px;}
	.hc_item{padding:35px 0 50px;}
	.hc_content .hct_tit{font-size:30px;margin:40px 0 30px;}
    .hc_content .hct_tit i{width:36px;height:36px;margin-right:9px;}
    .hc_content .hct_tit i::after,.hc_content .hct_tit i::before{width:18px;height:18px;}
    .hc_content .hct_tit i::after {top:calc(50% - 18px);left:calc(50% - 18px);}
	.hc_content .hct_table{font-size:15px;margin-top:25px;}
	.hc_rlist{padding:50px 0;}
	.hc_rlist .hcrl_ul{margin-top:30px;}
	.hc_rlist .hcrl_ul .hcrl_txt{padding:14px 9px;}
	.hc_rlist .hcrl_ul .hcrl_txt p{font-size:17px;}
	.hc_rlist .hcrl_ul .swiper-scrollbar{margin-top:26px;height:5px;}
}

@media screen and (max-width:1359px){
	.com_crumbs{padding-top:22px;}
	.hc_top{padding:30px 0 40px;}
	.hc_top .hct_left{width:calc(100% - 425px);padding:12px 30px 10px 0;max-height:319px;}
	.hc_top .hct_left .hct_t{font-size:30px;}
	.hc_top .hct_left .hct_p{margin-top:20px;}
	.hc_top .hct_left .hct_p p{font-size:14px;line-height:1.65;}
	.hc_top .hct_left .hct_btn{margin-top:20px;}
	.hc_top .hct_left .hct_btn a{font-size:14px;height:40px;padding:0 15px;margin-right:10px;}
	.hc_top .hct_left .hct_btn a i{font-size:18px;}
	.hc_top .hct_right{width:425px;}
	.hc_nav{top:70px;}
	.hc_nav .hcn_li{min-height:56px;font-size:14px;padding:5px 12px;}
	[id*="hcpro"]{scroll-margin-top:126px;}
	.hc_item{padding:30px 0 40px;}
	.hc_content .hct_table{font-size:14px;margin-top:20px;}
	.hc_content .hct_tit{font-size:22px;margin:30px 0 25px;}
    .hc_content .hct_tit i{width:32px;height:32px;margin-right:8px;}
    .hc_content .hct_tit i::after,.hc_content .hct_tit i::before{width:16px;height:16px;}
    .hc_content .hct_tit i::after {top:calc(50% - 16px);left:calc(50% - 16px);}
	.hc_rlist{padding:40px 0;}
	.hc_rlist .hcrl_ul{margin-top:22px;}
	.hc_rlist .hcrl_ul .hcrl_txt{padding:13px 8px;}
	.hc_rlist .hcrl_ul .hcrl_txt p{font-size:16px;}
	.hc_rlist .hcrl_ul .swiper-scrollbar{margin-top:22px;height:4px;}
}

@media screen and (max-width:1023px){
	.com_crumbs{padding-top:20px;}
	.hc_top{padding:25px 0 30px;}
	.hc_top .container{flex-direction:column-reverse;}
	.hc_top .hct_left{width:100%;margin-top:20px;max-height:none;padding:0;}
	.hc_top .hct_left .hct_t{font-size:26px;}
	.hc_top .hct_left .hct_p{margin-top:15px;}
	.hc_top .hct_left .hct_btn{margin-top:15px;}
	.hc_top .hct_right{width:100%;}
	.hc_nav{top:70px;}
	.hc_nav .hcn_li{min-height:56px;font-size:14px;padding:5px 12px;}
	.hc_item{padding:20px 0 30px;}
	.hc_content .hct_table{margin-top:15px;}
	.hc_content .hct_tit{font-size:20px;margin:20px 0 15px;}
    .hc_content .hct_tit i{width:30px;height:30px;margin-right:7px;}
    .hc_content .hct_tit i::after,.hc_content .hct_tit i::before{width:15px;height:15px;}
    .hc_content .hct_tit i::after {top:calc(50% - 15px);left:calc(50% - 15px);}
	.hc_rlist{padding:30px 0;}
	.hc_rlist .hcrl_ul{margin-top:16px;}
	.hc_rlist .hcrl_ul .hcrl_txt{padding:12px 7px;}
	.hc_rlist .hcrl_ul .hcrl_txt p{font-size:15px;}
	.hc_rlist .hcrl_ul .swiper-scrollbar{margin-top:20px;height:3px;}
}

@media screen and (max-width:767px){
	.hc_nav{overflow-x:auto;}
	.hc_nav .hcn_li{white-space:nowrap;}
}