@charset "utf-8";
/* CSS Document */
.clearfix::after{ content:""; display:block; clear:both;}
.w1200{ width:1200px; margin:0 auto; position:relative; /*transform: scale(1,1);*/}
.nxfw_banner{ height:300px; background:url(nxfw_banner.png) center center no-repeat; background-size: 100% 100%;}
.nxfw_tit{ color:#FFF; height:100%; position:relative;}
.nxfw_tit span{ font-size: 48px; font-weight: normal; line-height: 300px; letter-spacing: 7.08px; background: linear-gradient(270deg, #BA0082 0%, #3E1F86 97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin-left:40px;text-shadow: 2px 2px 2px white;}

.nxfw_tab{ background:url(nxfw_bg.png) bottom center no-repeat; background-size: 100% 100%;}
.left_nav{ height: 300px; position: fixed; top: 50%; left: 10px; border-right: #E8E9EC 1px solid; background: #fff; margin-top: -150px;}
.left_nav li{ padding-bottom:10px;}
.left_nav li a{ display:block; color:#666; width:100%; height:22px; padding:0 15px; font-size:14px; line-height:22px; margin:10px 0; border-right:4px solid #FFF;}
.left_nav li a:hover{ border-right:4px solid #4393F5; color:#4393F5;}

.nxfw_title{ background:url(title_bg.png) no-repeat; height:70px; line-height:70px; margin-top:60px; font-size: 32px; font-weight: bold; text-align: center; color: #FFFFFF;}
.nxfw_info{ background:#F5F5F5; padding:27px 30px; margin-top:30px; font-size: 18px; line-height: 28px; letter-spacing: 0.29px;}

.zc_tab{ margin-top:40px;}
.zc_tab .zc_tab_tit{ margin-bottom:36px;}
.zc_tab .zc_tab_tit li{ display:inline-block; padding:0 30px; font-size:28px; height:28px; line-height:28px; color:#666; cursor:pointer;}
.zc_tab .zc_tab_tit li:first-child{ border-right:#D8D8D8 2px solid; padding-left:0px;}
.zc_tab .zc_tab_tit li.on{ color:#4393F5;}
.zc_tab .zc_tab_con{ display:none;}
.zc_tab .zc_tab_con .zc_tab_con_box{ display:none;}
.zc_tab .zc_tab_con .zc_tab_con_tit{ height:50px; background:#EEE; overflow:hidden; border-radius: 25px;}
.zc_tab .zc_tab_con .zc_tab_con_tit li{ width: 216px; height: 50px; line-height:50px; font-size: 22px; text-align:center; border-radius: 25px; float: left; cursor:pointer;}
.zc_tab .zc_tab_con .zc_tab_con_tit li.on{ background: #4393F5; color:#FFF;}

.sx_list{ width:1230px;}
.sx_list li{ background:url(sx_bg.png) no-repeat; width:380px; height:122px; float:left; padding:20px; margin:30px 30px 0 0; position:relative; box-shadow: 0px 2px 10px rgba(153, 153, 153, 0.3); transition: transform 0.5s;}
.sx_list li h3{ font-size:18px; font-weight:normal; line-height:28px;}
.sx_list li span{ position:absolute; bottom:20px; left:20px;}
.sx_list li span a{ color:#0091FF; font-size:16px; margin-right:30px;}

.nxfw_title_1{ font-size:28px; margin:40px 0 6px;}
.zx_list{ width:1230px;}
.zx_list li{ background:url(zc_bg_1.png) no-repeat; width:585px; height:140px; float:left; margin:30px 30px 0 0;}
.zx_list li h3{ font-size:24px; font-weight:normal; margin-bottom:24px;}
.zx_list li a{ display: block; width: 100%; height: 100%; padding:24px 30px; }
.zx_list li span{ background:url(alink_bg.png) no-repeat; width:141px; height:40px; line-height:40px; padding-left:20px; color:#4393F5; display:block;}

.zx_list li:nth-child(1){ background:url(zc_bg_1.png) no-repeat;}
.zx_list li:nth-child(2){ background:url(zc_bg_2.png) no-repeat;}

.cl_list{ width:1230px;}
.cl_list li{ width:277px; height:60px; line-height:60px; background:#F5F5F5; float:left; margin:30px 30px 0 0;  transition: transform 0.5s;}
.cl_list li a{ background:url(icon.png) 20px 20px no-repeat; display:block; width:100%; height:100%; padding-left:54px;}

.zc_tab .zc_tab_con .zc_tab_con_tit.tit4 li{ width:180px;}
.zc_tab .zc_tab_con .zc_tab_con_tit.tit5 li{ width:180px;}

.pd6{ padding-bottom:60px;}

.sx_list li:hover{ transform: translateY(-10%); transition: transform 0.5s; box-shadow: 0 0 10px 0 rgb(67 147 245 / 30%) !important;}
.cl_list li:hover{ transform: translateY(-10%); transition: transform 0.5s;}
.cl_list li:hover a{ color: #4393F5;}


@media screen and (max-width: 767px) {
	html {
		font-size: 100px;
	}
	.nxfw_tab {
		background: #ffffff;
	}
	.w1200 {
		width: 100%;
	}
	.nxfw_banner {
		width: 100%;
		height: 3rem;
		background-size: 12rem 3rem;
	}
	.nxfw_tit {
		height: 3rem;
	}
	.nxfw_tit span {
		display: block;
		font-size: 0.52rem;
		line-height: 0.64rem;
		padding-top: 0.92rem;
		margin-left: 1.36rem;
	}
	.nxfw_tab {
		padding: 0 0.24rem;
	}
	.nxfw_title {
		width: 100%;
		height: 0.86rem;
		line-height: 0.86rem;
	    margin-top: 0.52rem;
	    font-size: 0.44rem;
	    background: url(title_bg_mb.png) no-repeat;
	    background-size: 100% 100%;
	}
	.nxfw_info {
		font-size: 0.24rem;
		padding: 0.28rem 0.32rem;
		line-height: 0.3rem;
		margin-top: 0.32rem;
	}
	.zc_tab {
		margin-top: 0.4rem;
	}
	.zc_tab .zc_tab_tit {
		margin-bottom: 0.38rem;
	}
	.zc_tab .zc_tab_tit li {
		padding: 0 0.3rem;
	    font-size: 0.44rem;
	    height: 0.56rem;
	    line-height: 0.56rem;
	}
	.zc_tab .zc_tab_tit li:first-child {
	    border-right: #D8D8D8 0.02rem solid;
	    padding-left: 0px;
	}
	.zc_tab .zc_tab_con .zc_tab_con_tit {
		width: 100%;
		height: 0.616rem;
		border-radius: 0.25rem;
		display: flex;
		justify-content: center;
	}
	.zc_tab .zc_tab_con .zc_tab_con_tit li {
		width: 1.6rem;
	    height: 0.616rem;
	    line-height: 0.616rem;
	    font-size: 0.26rem;
	    text-align: center;
	    border-radius: 0.308rem;
	}
	.sx_list {
		width: 100%;
	}
	.sx_list li {
		width: 100%;
	    height: 2.2rem;
	    padding: 0.36rem 0.32rem;
	    margin: 0.3rem 0.3rem 0 0;
	    background-size: 100% 100%;
	}
	.sx_list li h3 {
		font-size: 0.32rem;
		color: #333333;
		line-height: 0.41rem;
	}
	.sx_list li span {
		bottom: 0.41rem;
    	left: 0.32rem;
	}
	.sx_list li span a {
		font-size: 0.26rem;
		margin-right: 0.32rem;
	}
	.nxfw_title_1 {
		font-size: 0.44rem;
		color: #333333;
	}
	.zx_list {
		width: 100%;
	}
	.zx_list li {
		width: 100%;
		height: 1.92rem;
		margin: 0.3rem 0.3rem 0 0;
	}
	.zx_list li:nth-child(1) {
	    background: url(zc_bg_1.png) no-repeat;
		background-size: 100% 100%;
	}
	.zx_list li:nth-child(2) {
	    background: url(zc_bg_2.png) no-repeat;
		background-size: 100% 100%;
	}
	.zx_list li a {
		padding: 0.36rem 0.32rem;
	}
	.zx_list li h3 {
		font-size: 0.36rem;
		color: #333333;
		line-height: 0.46rem;
		margin-bottom: 0.3rem;
	}
	.zx_list li span {
		width: 1.67rem;
	    height: 0.48rem;
	    line-height: 0.48rem;
	    padding-left: 0.2rem;
	    font-size: 0.24rem;
	    background-size: 100% 100%;
	}
	.cl_list {
		width: 100%;
	}
	.cl_list li {
		width: 47%;
		height: 1.08rem;
		line-height: 1.08rem;
		margin: 0.3rem 0.3rem 0 0;
	}
	.cl_list li:nth-child(2n) {
		margin-right: 0;
	}
	.cl_list li a {
		padding-left: 0.96rem;
		font-size: 0.3rem;
		color: #333333;
		background: url(icon.png) 0.31rem 0.34rem no-repeat;
		background-size: 0.33rem 0.39rem;
	}
}