/*top*/
.sc_ptop{padding:50px 0 70px;position:relative;overflow:hidden;}
.sc_ptop .scpt_h{font-size:34px;font-weight:bold;color:var(--titleColor);}
.sc_ptop .scpt_con{margin-top:40px;}
.sc_ptop .scpt_left{width:600px;}
.sc_ptop .scpt_left .scpt_img{width:100%;padding-bottom:75%;position:relative;background:var(--backgroundColor);border-radius:6px;overflow:hidden;background:#FFF;border:1px solid var(--backgroundColor);}
.sc_ptop .scpt_right{padding-left:60px;max-height:450px;}
.sc_ptop .scpt_right .scpt_t{font-size:26px;color:#1F1F1F;font-weight:normal;text-transform:uppercase;padding:12px 15px;background:url(../Image/proshow.webp);border-radius:4px;}
.sc_ptop .scpt_right .scpt_t i{width:36px;height:36px;background:var(--logoColor);border-radius:50%;position:relative;margin-right:10px;
	-webkit-animation:rotation_35 1.5s linear infinite;
	-moz-animation:rotation_35 1.5s linear infinite;
	animation:rotation_35 1.5s linear infinite;
}
.sc_ptop .scpt_right .scpt_t i::after,.sc_ptop .scpt_right .scpt_t i::before{content:'';box-sizing:border-box;position:absolute;left:0;top:0;background:#FFF;width:5px;height:5px;border-radius:50%;
	-webkit-transform:translate(150%, 150%);
	-moz-transform:translate(150%, 150%);
	-ms-transform:translate(150%, 150%);
	transform:translate(150%, 150%);
}
.sc_ptop .scpt_right .scpt_t i::before{left:auto;top:auto;right:0;bottom:0;
	-webkit-transform:translate(-150%, -150%);
	-moz-transform:translate(-150%, -150%);
	-ms-transform:translate(-150%, -150%);
	transform:translate(-150%, -150%);
}
.sc_ptop .scpt_right .sct_p{margin-top:20px;overflow-y:auto;}
.sc_ptop .scpt_right .sct_p p{font-size:16px;line-height:1.8;color:var(--fontColor);}
.sc_ptop .scpt_right .sct_p::-webkit-scrollbar-track-piece{width:4px;background-color:#DDD;}
.sc_ptop .scpt_right .sct_p::-webkit-scrollbar{width:4px;height:4px}
.sc_ptop .scpt_right .sct_p::-webkit-scrollbar-thumb{height:30px;background-color:var(--logoColor);}
.sc_ptop .scpt_right .sct_btn{margin-top:30px;}
.sc_ptop .scpt_right .sct_btn a{height:50px;color:#FFF;margin-right:20px;font-size:16px;border-radius:5px;background:var(--logoColor);padding:0 25px;text-transform:uppercase;}
.sc_ptop .scpt_right .sct_btn a:last-child{background:#333;}
.sc_ptop .scpt_right .sct_btn a i{margin-right:8px;font-size:22px;margin-top:2px;}
.sc_ptop .scpt_right .sct_btn a:hover{opacity:0.8;}
.sc_ptop .scpt_right .sct_btn a:hover{opacity:.9;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.5);
	box-shadow:0 0 15px rgba(0,0,0,.5);
}
/*nav*/
.sc_nav{position:relative;overflow:hidden;}
.sc_nav .container{border-bottom:1px solid var(--borderColor);}
.sc_nav .scn_li{height:52px;padding:0 20px;font-size:16px;color:var(--fontColor);text-transform:capitalize;position:relative;cursor:pointer;margin-right:10px;border-radius:6px 6px 0 0;background:var(--backgroundColor);min-width:120px;}
.sc_nav .scn_li.on{background:var(--logoColor);color:#FFF;}
.sc_nav .scn_li:not(.on):hover{background:#D9E3E3;}
/*content*/
.sc_item{padding:10px 0 80px;position:relative;overflow:hidden;}
.sc_content{}
.sc_content .sct_tit{font-size:32px;color:#1F1F1F;line-height:1.33;}
.sc_content .sct_table{margin-top:30px;font-size:16px;line-height:1.65;}
.sc_content .sct_table>*+*{margin-top:1em;}
.sc_content .sct_table img{margin:0 auto;width:auto;max-width:100%;height:auto;display:block;}
.sc_content .sct_table h2{font-size:20px;color:#333;}
.sc_content .sct_table h3{font-size:18px;color:#555;}
/*list*/
.sc_rlist{background:var(--backgroundColor);padding:80px 0;position:relative;overflow:hidden;}
.sc_rlist .scrl_ul{margin-top:35px;overflow:hidden;}
.sc_rlist .scrl_ul .swiper-slide{height:auto;}
.sc_rlist .scrl_ul .scrl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.sc_rlist .scrl_ul .scrl_img:before{content:'';width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(255,255,255,.1);z-index:1;}
.sc_rlist .scrl_ul .scrl_txt{background:#FFF;padding:16px 10px;;position:relative;
    -webkit-perspective:400px;
    -moz-perspective:400px;
    perspective:400px;
}
.sc_rlist .scrl_ul .scrl_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;
}
.sc_rlist .scrl_ul .scrl_txt p{font-size:18px;font-weight:bold;color:var(--titleColor);position:relative;z-index:2;}
.sc_rlist .scrl_ul .swiper-slide:hover .scrl_img:before{top:-100%;opacity:0;}
.sc_rlist .scrl_ul .swiper-slide:hover .scrl_txt:before{opacity:1;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    transform:rotateX(0);
}
.sc_rlist .scrl_ul .swiper-slide:hover .scrl_txt p{color:#FFF;}
.sc_rlist .scrl_ul .swiper-scrollbar{position:relative;bottom:0;width:30%;margin:30px auto 0;height:6px;background:#EEE;}
.sc_rlist .scrl_ul .swiper-scrollbar .swiper-scrollbar-drag{background:var(--logoColor);}

@media screen and (max-width:1519px){
	.sc_ptop{padding:40px 0 60px;}
	.sc_ptop .scpt_h{font-size:30px;}
	.sc_ptop .scpt_con{margin-top:30px;}
	.sc_ptop .scpt_left{width:540px;}
	.sc_ptop .scpt_right{padding-left:50px;max-height:405px;}
	.sc_ptop .scpt_right .scpt_t{font-size:22px;padding:11px 14px;}
	.sc_ptop .scpt_right .scpt_t i{width:32px;height:32px;margin-right:9px;}
	.sc_ptop .scpt_right .scpt_t i::after,.sc_ptop .scpt_right .scpt_t i::before{width:4px;height:4px;}
	.sc_ptop .scpt_right .sct_p{margin-top:16px;}
	.sc_ptop .scpt_right .sct_p p{font-size:15px;line-height:1.71;}
	.sc_ptop .scpt_right .sct_btn{margin-top:25px;}
	.sc_ptop .scpt_right .sct_btn a{height:46px;margin-right:15px;font-size:15px;border-radius:4px;padding:0 21px;}
	.sc_ptop .scpt_right .sct_btn a i{margin-right:7px;font-size:20px;margin-top:2px;}
	.sc_nav .scn_li{height:48px;font-size:15px;padding:0 16px;min-width:110px;margin-right:9px;border-radius:5px 5px 0 0;}
	.sc_item{padding:8px 0 50px;}
	.sc_content .sct_tit{font-size:26px;}
	.sc_content .sct_table{font-size:15px;margin-top:25px;}
	.sc_rlist{padding:50px 0;}
	.sc_rlist .scrl_ul{margin-top:30px;}
	.sc_rlist .scrl_ul .scrl_txt{padding:14px 9px;}
	.sc_rlist .scrl_ul .scrl_txt p{font-size:17px;}
	.sc_rlist .scrl_ul .swiper-scrollbar{margin-top:26px;height:5px;}
}

@media screen and (max-width:1359px){
	.sc_ptop{padding:30px 0 50px;}
	.sc_ptop .scpt_h{font-size:26px;}
	.sc_ptop .scpt_con{margin-top:22px;}
	.sc_ptop .scpt_left{width:480px;}
	.sc_ptop .scpt_right{padding-left:35px;max-height:360px;}
	.sc_ptop .scpt_right .scpt_t{font-size:20px;padding:10px 13px;}
	.sc_ptop .scpt_right .scpt_t i{width:28px;height:28px;margin-right:8px;}
	.sc_ptop .scpt_right .sct_p{margin-top:13px;}
	.sc_ptop .scpt_right .sct_p p{font-size:14px;line-height:1.65;}
	.sc_ptop .scpt_right .sct_btn{margin-top:20px;}
	.sc_ptop .scpt_right .sct_btn a{height:44px;margin-right:13px;font-size:14px;padding:0 16px;}
	.sc_ptop .scpt_right .sct_btn a i{margin-right:6px;font-size:18px;margin-top:1px;}
	.sc_nav .scn_li{height:44px;font-size:14px;padding:0 13px;min-width:100px;margin-right:8px;border-radius:4px 4px 0 0;}
	.sc_item{padding:7px 0 40px;}
	.sc_content .sct_table{font-size:14px;margin-top:20px;}
	.sc_content .sct_tit{font-size:22px;}
	.sc_rlist{padding:40px 0;}
	.sc_rlist .scrl_ul{margin-top:22px;}
	.sc_rlist .scrl_ul .scrl_txt{padding:13px 8px;}
	.sc_rlist .scrl_ul .scrl_txt p{font-size:16px;}
	.sc_rlist .scrl_ul .swiper-scrollbar{margin-top:22px;height:4px;}
}

@media screen and (max-width:1023px){
	.sc_ptop{padding:25px 0 40px;}
	.sc_ptop .scpt_h{font-size:22px;}
	.sc_ptop .scpt_con{margin-top:18px;}
	.sc_ptop .scpt_left{width:100%;}
	.sc_ptop .scpt_right{padding-left:0;max-height:none;width:100%;flex:auto;margin-top:20px;}
	.sc_nav .scn_li{height:40px;padding:0 10px;min-width:80px;margin-right:6px;}
	.sc_item{padding:5px 0 30px;}
	.sc_content .sct_table{margin-top:15px;}
	.sc_content .sct_tit{font-size:20px;}
	.sc_rlist{padding:30px 0;}
	.sc_rlist .scrl_ul{margin-top:16px;}
	.sc_rlist .scrl_ul .scrl_txt{padding:12px 7px;}
	.sc_rlist .scrl_ul .scrl_txt p{font-size:15px;}
	.sc_rlist .scrl_ul .swiper-scrollbar{margin-top:20px;height:3px;}
}

@media screen and (max-width:767px){
	.sc_ptop{padding:25px 0 30px;}
	.sc_nav{overflow-x:auto;}
	.sc_nav .scn_li{white-space:nowrap;}
}