锘緻charset "utf-8";
.banner{ width:100%; overflow:hidden; position:relative}
.banner .pic{ width:100%}
.banner .pic img{ width:100%}
.banner .pic .img1{ display:block}
.banner .pic .img2{ display:none}
.banner .item{ position:absolute; width:100%; left:0; bottom:28%; font-size:70px; color:#fff; font-weight:bold; line-height:1}
.banner .bottom{ position: absolute; right: 0; bottom: 0; left: 0; border-top: rgba(255,255,255,.2) 1px solid; width:100%}
.banner .mianbao{display: flex;align-items: center;padding: 18px 0;justify-content: flex-end;}
.banner .mianbao *{font-size:16px;color: #fff !important;font-style: normal;line-height: 1.5;font-weight: normal;}
.banner .mianbao img{margin: 0 10px 0 0;height: 17px;}
.banner .mianbao span{margin: 0 4px;}

@media (max-width: 1600px){
	.banner .item{ font-size:50px; }
	.banner .mianbao{ padding: 10px 0; }
	.banner .mianbao *{font-size:12px;}

}
@media (max-width: 1200px){
	.banner .pic .img2{ display:block}
	.banner .pic .img1{ display:none}
	.banner .item{ font-size:30px; }
	
}
@media (max-width: 750px){
	.banner .pic .img2{ display:block}
	.banner .pic .img1{ display:none}
	.banner .item{ font-size:20px; }
	.banner .bottom{ display:none}
}
.container{ padding:80px 0}
.acolor{ background:#f5f5f7}
.n_main{display:flex;justify-content: space-between;flex-wrap: wrap;}
.n_nav{ width:260px}
#n_n_title{ display:none}
.n_nav .item{ border-bottom:1px dashed #cfe0f1}
.n_nav .item .ahd a{ display:block; font-size:20px; color:#333333; padding:15px 30px 15px 25px; box-sizing:border-box;  background-size:9px; position:relative}
.n_nav .item.on,.n_nav .item:hover{ background:#fff; border-bottom:1px solid #fff; border-radius:15px; overflow:hidden}
.n_nav .item.on .ahd,.n_nav .item:hover .ahd{ background:#045caa; border-radius:15px;}
.n_nav .item.on .ahd a,.n_nav .item:hover .ahd a{ color:#fff;}
.n_nav .item .abd{ padding:5px 0; display:none}
.n_nav .item .abd a{ display:block; font-size:18px; color:#666666; box-sizing:border-box; padding:8px 0 8px 45px}
.n_nav .item .abd a.on,.n_nav .item .abd a:hover{ color:#045caa; font-weight:bold; }
.n_nav .item.on .abd{ display:block}
.n_nav .item .ahd a i{ display:block; background:url(../images/xh_04.png) center center no-repeat; width:15px; height:15px; position:absolute; right:30px; top:50%; margin-top:-7px; background-size:auto 100%; transition:all 0.3s}
.n_nav .item .ahd a:hover i,.n_nav .item.on .ahd a i{ background:url(../images/xh_05.png) center center no-repeat; background-size:auto 100%}
.n_nav .item.has:hover .ahd a i,.n_nav .item.has.on .ahd a i{ background:url(../images/xh_05.png) center center no-repeat; background-size:auto 100%; transform:rotate(90deg)}
.n_nav .item.has:hover .abd{ display:block}


.n_cont{ width:1300px;}
.third_nav{ display:flex; flex-wrap: wrap; margin-bottom:35px}
.third_nav a{ display:flex; align-items: center; justify-content: center; width:172px; height:50px; box-sizing:border-box; border:1px solid #045caa; border-radius:30px; background:#fff; font-size:20px; color:#045caa; margin-right:12px}
.third_nav a.on,.third_nav a:hover{ background:#045caa; color:#fff}

.anewList{ width:100%; padding-bottom:30px}
.anewList .item{ width:100%; box-sizing:border-box; padding:30px 20px; background:#fff; display:flex; transition:all 0.5s; margin-bottom:20px}
.anewList .item .pic{ width:320px; margin-right:30px; overflow:hidden; position:relative}

.anewList .item .pic::before { content: ''; position: absolute; top: 0; left: -86%; z-index: 2; display: block; width: 50%; height: 100%; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1)); background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.1));}
.anewList .item:hover .pic::before {
  -webkit-animation: shine .5s;
  animation: shine .5s;
}
@-webkit-keyframes shine {
	100% {left: 115%;}
}
@keyframes shine {
	100% {left: 115%;}
}


.anewList .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.anewList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.anewList .item .cont{ width:calc(100% - 350px); padding:15px 0}
.anewList .item .cont .title{ font-size:20px; color:#333333; font-weight:bold;  transition:all 0.5s}
.anewList .item .cont .title a{ color:#333;  transition:all 0.5s}
.anewList .item .cont .time{ font-size:16px; color:#8893a5; padding-left:45px; position:relative; margin-top:16px;  transition:all 0.5s}
.anewList .item .cont .time:after{ content:""; display:block; width:36px; height:1px; background:#b2cce5; position:absolute; left:0; top:50%;  transition:all 0.5s}
.anewList .item .cont .intro{ font-size:16px; color:rgba(153,153,153,0.8); line-height:2; margin-top:16px; transition:all 0.5s}
.anewList .item:hover{ background:#045caa}
.anewList .item:hover .cont .title{ color:#fff}
.anewList .item:hover .cont .title a{ color:#fff}
.anewList .item:hover .cont .time{ color:rgba(255,255,255,0.6)}
.anewList .item:hover .cont .time:after{ background:rgba(255,255,255,0.6)}
.anewList .item:hover .cont .intro{ color:rgba(255,255,255,0.8)}
.anewList .item.nopic .cont{ width:100%}

.page{ width:100%; text-align:center; font-size:0}
.page a{ display:inline-block; vertical-align:top; padding:10px; border:1px solid #0056a8; background:#fff; font-size:14px; line-height:1; border-radius:5px; margin:0 4px; color:#0056a8}
.page a:hover,.page a.on{ color:#fff; background:#0056a8}
@media (max-width: 1600px){
	.container{ padding:60px 0}
	.n_nav{ width:200px}
	.n_nav .item .ahd a{ font-size:18px; padding:12px 25px 12px 20px; }
	.n_nav .item.on,.n_nav .item:hover{  border-radius:12px; }
	.n_nav .item.on .ahd,.n_nav .item:hover .ahd{ border-radius:12px;}
	.n_nav .item.on .ahd a,.n_nav .item:hover .ahd a{ color:#fff;}
	
	.n_nav .item .ahd a i{ width:12px; height:12px; right:20px; margin-top:-6px; }


	
	
	.n_nav .item .abd a{ font-size:16px; padding:8px 0 8px 35px}
	.n_cont{ width:960px;}
	.third_nav{ margin-bottom:25px}
	.third_nav a{ width:150px; height:45px; font-size:18px; }
	
	.anewList{ padding-bottom:25px}
	.anewList .item{ padding:25px 20px;}
	.anewList .item .pic{ width:260px; margin-right:25px;}
	.anewList .item .cont{ width:calc(100% - 285px); padding:10px 0}
	.anewList .item .cont .title{ font-size:18px; }
	.anewList .item .cont .time{ font-size:14px; padding-left:40px; margin-top:12px; }
	.anewList .item .cont .time:after{ width:30px;}
	.anewList .item .cont .intro{ font-size:14px; margin-top:12px;}
}
@media (max-width: 1200px){
	.container{ padding:0 0 40px 0}
	.container .nr{ width:100%}
	.n_nav{ width:100%; border-radius:0}
	#n_n_title{ display:block; height:50px; background:#045caa; position:relative}
	#bnt_back {  position: absolute;  left: calc(4% - 6px);  top: 0px;  height: 50px;  cursor: pointer;  color: rgb(255, 255, 255); display: flex;  align-items: center;}
	#bnt_back img {height: 28px;}
	#n_n_title h1 {  font-size: 14px;  color: rgb(255, 255, 255);  text-align: center;  display:flex; align-items: center;justify-content: center; height:100%}
	#bnt_sub_nav {  position: absolute;  right: 4%;  top: 0px;  height: 50px;  cursor: pointer;  color: rgb(255, 255, 255);  font-size: 18px;  display: flex;  align-items: center;}
	#bnt_sub_nav img{ height:20px}
	.n_nav .item .ahd a{ font-size:14px; padding:10px 4%; background:url(xh_04.png) 96% center no-repeat; background-size:5px}
	.n_nav .item.on,.n_nav .item:hover{  border-radius:0; }
	.n_nav .item.on .ahd,.n_nav .item:hover .ahd{ border-radius:0; background:#fff}
	.n_nav .item.on .ahd a,.n_nav .item:hover .ahd a{ background:#fff; color:#045caa;background:url(xh_04.png) 96% center no-repeat; background-size:7px}
	.n_nav .item .abd{ padding:0 0 6px}
	.n_nav .item .abd a{ font-size:12px; padding:5px 0 5px 6%}
	.sub_nav_content{ display:none}
	.third_nav{ display:none}
	
	.n_cont{ width:92%; margin:0 auto; margin-top:20px}
	.anewList{ padding-bottom:20px}
	.anewList .item{ padding:20px 20px;}
	.anewList .item .pic{ width:220px; margin-right:20px;}
	.anewList .item .cont{ width:calc(100% - 240px); padding:10px 0}
	.anewList .item .cont .title{ font-size:16px; }
	.anewList .item .cont .time{ font-size:12px; padding-left:30px; margin-top:10px; }
	.anewList .item .cont .time:after{ width:25px;}
	.anewList .item .cont .intro{ font-size:12px; margin-top:10px;}
	
}
@media (max-width: 750px){
	.anewList{ padding-bottom:10px}
	.anewList .item{ display:block}
	.anewList .item .pic{ width:100%; margin-right:0; margin-bottom:15px}
	.anewList .item .cont{ width:100%; padding:10px 0}
	.anewList .item .cont .title{ font-size:16px; }
	.anewList .item .cont .time{ font-size:12px; padding-left:30px; margin-top:10px; }
	.anewList .item .cont .time:after{ width:25px;}
	.anewList .item .cont .intro{ font-size:12px; margin-top:10px;}
}

.ititle{ font-size:36px; color:#000000; line-height:1; font-weight:bold; height:60px; border-bottom:1px solid #045caa; box-sizing:border-box; margin-bottom:45px}
.szllList{ width:100%;display:flex; flex-wrap: wrap; padding-bottom:20px}
.szllList .item{ width:413px; margin-right:30px; margin-bottom:30px}
.szllList .item:nth-child(3n){ margin-right:0}
.szllList .item .pic{ width:100%; overflow:hidden; padding-bottom:calc(276 / 413 * 100%); position:relative}

.szllList .item .pic::before { content: ''; position: absolute; top: 0; left: -86%; z-index: 2; display: block; width: 50%; height: 100%; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1)); background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.1));}
.szllList .item:hover .pic::before {
  -webkit-animation: shine .5s;
  animation: shine .5s;
}

.szllList .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.szllList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.szllList .item .cont{ width:100%; box-sizing:border-box; border:1px solid #cfe0f1; border-top:0; padding:0 20px; transition:all 0.5s}
.szllList .item .cont .title{ display:flex; align-items: center; border-bottom:1px dashed #cfe0f1; height:60px}
.szllList .item .cont .title .t1{ font-size:20px; color:#333333; transition:all 0.5s}
.szllList .item .cont .title .t2{ margin-left:10px; width:66px; height:24px;display:flex; align-items: center; justify-content: center; background:#e2ecf6; border-radius:12px; font-size:16px; color:#045caa}
.szllList .item .cont .intro{ font-size:16px; color:#999999; line-height:30px; height:60px; overflow:hidden; margin:20px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.szllList .item:hover .cont .title .t1{ color:#045caa; font-weight:bold}
.szllList .item:hover .cont{ border-color:#045caa}
@media (max-width: 1600px){
	.ititle{ font-size:28px; height:51px; margin-bottom:35px}
	.szllList{ padding-bottom:20px}
	.szllList .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.szllList .item .cont{ padding:0 16px; }
	.szllList .item .cont .title{ height:50px}
	.szllList .item .cont .title .t1{ font-size:18px;}
	.szllList .item .cont .title .t2{ width:60px; height:22px; font-size:14px;}
	.szllList .item .cont .intro{ font-size:14px; line-height:25px; height:50px; margin:16px 0}
}
@media (max-width: 1200px){
	.ititle{ font-size:24px; height:42px; margin-bottom:25px}
	.szllList{ padding-bottom:20px}
	.szllList .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.szllList .item .cont{ padding:0 15px; }
	.szllList .item .cont .title{ height:50px}
	.szllList .item .cont .title .t1{ font-size:16px;}
	.szllList .item .cont .title .t2{ width:55px; height:22px; font-size:12px;}
	.szllList .item .cont .intro{ font-size:12px; line-height:22px; height:44px; margin:15px 0}
}
@media (max-width: 750px){
	.ititle{ font-size:20px; height:36px; margin-bottom:20px}
	.szllList{ padding-bottom:20px}
	.szllList .item{ width:100%; margin-right:0; margin-bottom:20px}
}
.article .hd{border-bottom:1px dashed #cfe0f1;  padding-bottom:18px}
.article .hd .title{  font-size:32px; color:#000000; text-align:center; font-weight:bold;}
.article .hd .time{  font-size:16px; color:#999999; text-align:center; padding:10px 0 5px}
.article .bd{ margin-top:40px; font-size:16px; color:#333; line-height:2; word-wrap:break-word;}
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft{ margin-top:40px; border-top:1px dashed #cfe0f1; padding-top:20px; position:relative}
.article .ft ul li{ color:#333;  font-size:16px;  line-height:2}
.article .ft ul li a{ color:#333}
.article .ft ul li.none{ color:#999999;}
.article .ft ul li.none a{ color:#999}
.article .ft ul li a:hover{ color:#045caa}
.article .ft .more a{ display:flex; align-items: center; justify-content: center; border:1px solid #045caa; color:#045caa; position:absolute; right:0; bottom:12px; padding:0 20px; border-radius:30px; font-size:18px; color:#004e98; height:38px; transition:all 0.5s}
.article .ft .more a i{ display:block; width:13px; height:13px; position:relative; margin-left:30px; transition:all 0.5s}
.article .ft .more a i:after{ content:""; display:block; width:100%; height:1px; background:#004e98; position:absolute; left:0; top:50%; transition:all 0.5s}
.article .ft .more a i:before{ content:""; display:block; width:1px; height:100%; background:#004e98; position:absolute; left:50%; top:0%; transition:all 0.5s}
.article .ft .more a:hover{ background:#045caa; color:#fff}
.article .ft .more a:hover i{ }
.article .ft .more a:hover i:after{ background:#fff;transform:rotate(90deg);}
.article .ft .more a:hover i:before{ background:#fff;transform:rotate(90deg); }
@media (max-width: 1600px){
	.article .hd{ padding-bottom:16px}
	.article .hd .title{ font-size:28px; }
	.article .hd .time{  font-size:14px; }
	.article .bd{ margin-top:30px; font-size:14px;}
	.article .ft{ margin-top:30px; padding-top:15px; }
	.article .ft ul li{ font-size:14px; }
	.article .ft .more a{ bottom:11px; padding:0 16px; font-size:16px; height:32px; }
	.article .ft .more a i{ width:11px; height:11px; margin-left:20px;}
	.article .ft .more a i:after{ top:5px;}
	.article .ft .more a i:before{ left:5px; }
}
@media (max-width: 1200px){
	.article .hd{ padding-bottom:16px}
	.article .hd .title{ font-size:24px; }
}
@media (max-width: 750px){
	.article .hd{padding-bottom:12px}
	.article .hd .title{ font-size:18px; }
	.article .hd .time{  font-size:12px; }
	.article .bd{ margin-top:20px; }
	.article .ft{ margin-top:20px; padding-top:12px; }
	.article .ft ul li{ font-size:14px; }
	.article .ft .more a{ width:fit-content; margin:0; margin-top:20px; position:relative; bottom:0; padding:0 15px; font-size:12px; height:30px; }
	.article .ft .more a i{ width:9px; height:9px; margin-left:16px;}
	.article .ft .more a i:after{ top:4px;}
	.article .ft .more a i:before{ left:4px; }
}



.tsxhList{ width:100%;display:flex; flex-wrap: wrap; padding-bottom:20px}
.tsxhList .item{ width:413px; margin-right:30px; margin-bottom:30px}
.tsxhList .item:nth-child(3n){ margin-right:0}
.tsxhList .item .pic{ width:100%; overflow:hidden; padding-bottom:calc(223 / 413 * 100%); position:relative}

.tsxhList .item .pic::before { content: ''; position: absolute; top: 0; left: -86%; z-index: 2; display: block; width: 50%; height: 100%; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1)); background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.1));}
.tsxhList .item:hover .pic::before {
  -webkit-animation: shine .5s;
  animation: shine .5s;
}


.tsxhList .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.tsxhList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.tsxhList .item .title{ width:100%; box-sizing:border-box; border:1px solid #cfe0f1; border-top:0; padding:0 20px; transition:all 0.5s; font-size:18px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:80px}
.tsxhList .item:hover .title{ border-color:#045caa; color:#045caa}
@media (max-width: 1600px){
	.tsxhList{ padding-bottom:20px}
	.tsxhList .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.tsxhList .item .title{ padding:0 16px; font-size:16px; line-height:60px }

}
@media (max-width: 1200px){
	.tsxhList{ padding-bottom:20px}
	.tsxhList .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.tsxhList .item .title{ padding:0 15px;  font-size:14px; line-height:50px  }
}
@media (max-width: 750px){
	.tsxhList{ padding-bottom:20px}
	.tsxhList .item{ width:100%; margin-right:0; margin-bottom:20px}
}


.xykdList{ width:100%;display:flex; flex-wrap: wrap; padding-bottom:20px}
.xykdList .item{ width:413px; margin-right:30px; margin-bottom:30px}
.xykdList .item:nth-child(3n){ margin-right:0}
.xykdList .item .pic{ width:100%; overflow:hidden; position:relative}

.xykdList .item .pic::before { content: ''; position: absolute; top: 0; left: -86%; z-index: 2; display: block; width: 50%; height: 100%; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1)); background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.1));}
.xykdList .item:hover .pic::before {
  -webkit-animation: shine .5s;
  animation: shine .5s;
}

.xykdList .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.xykdList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.xykdList .item .cont{ width:100%; box-sizing:border-box; border:1px solid #cfe0f1; border-top:0; padding:0 20px; transition:all 0.5s}
.xykdList .item .cont .title{ border-bottom:1px dashed #cfe0f1; font-size:20px; color:#333333; line-height:60px; padding-top:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.xykdList .item .cont .intro{ padding:15px 0}
.xykdList .item .cont .intro .n1{ background:url(../images/xh_20.png) left center no-repeat; padding-left:26px; font-size:16px; color:#045caa; line-height:32px}
.xykdList .item .cont .intro .n2{ background:url(../images/xh_19.png) left center no-repeat; padding-left:26px; font-size:16px; color:#045caa; line-height:32px; position:relative}
.xykdList .item .cont .intro .n2:after{ content:""; display:block; background:url(../images/xh_21.png) center center no-repeat; background-size:100%; width:9px; height:100%; position:absolute; right:0; top:0}
.xykdList .item:hover .cont .title{ color:#045caa; font-weight:bold}
.xykdList .item:hover .cont{ border-color:#045caa}
@media (max-width: 1600px){
	.xykdList{ padding-bottom:20px}
	.xykdList .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.xykdList .item .cont{ padding:0 16px; }
	.xykdList .item .cont .title{ font-size:18px; line-height:50px; padding-top:6px;}
	.xykdList .item .cont .intro{ padding:12px 0}
	.xykdList .item .cont .intro .n1{ font-size:14px; background-size:15px; padding-left:24px; line-height:2}
	.xykdList .item .cont .intro .n2{ font-size:14px; background-size:15px; padding-left:24px; line-height:2}
	.xykdList .item .cont .intro .n2:after{ width:7px; }

}
@media (max-width: 1200px){
	.xykdList{ padding-bottom:20px}
	.xykdList .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.xykdList .item .cont{ padding:0 15px; }
	.xykdList .item .cont .title{ font-size:16px; line-height:45px; padding-top:5px;}
	.xykdList .item .cont .intro{ padding:10px 0}
	.xykdList .item .cont .intro .n1{ font-size:12px; background-size:12px; padding-left:20px; }
	.xykdList .item .cont .intro .n2{ font-size:12px; background-size:12px; padding-left:20px; }
	.xykdList .item .cont .intro .n2:after{ width:6px; }


}
@media (max-width: 750px){
	.xykdList{ padding-bottom:20px}
	.xykdList .item{ width:100%; margin-right:0; margin-bottom:20px}
}

.ylkcList{ width:100%; display:flex; flex-wrap: wrap; padding-bottom:40px}
.ylkcList .item{ width:413px; margin-right:30px; margin-bottom:30px; position:relative}
.ylkcList .item .pic{ width:100%; opacity:0; padding-bottom:calc(295 / 413 *100%); position:relative;background:#045caa; transition:
all 0.5s}
.ylkcList .item .pic img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0 }
.ylkcList .item:nth-child(3n){ margin-right:0}
.ylkcList .item .cont{ width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; border:1px solid #cfe0f1}
.ylkcList .item .cont .t1{ width:100%; box-sizing:border-box; padding:40px 20px; position:absolute; left:0; top:0; transition:
all 0.5s}
.ylkcList .item .cont .t1 .time{ font-size:16px; color:#999999; padding-left:47px; position:relative; transition:
all 0.5s}
.ylkcList .item .cont .t1 .time:after{ content:""; display:block; width:36px; height:1px; background:#cfe0f1; position:absolute; left:0; top:50%; transition:
all 0.5s}
.ylkcList .item .cont .t1 .title{ font-size:20px; color:#333333; font-weight:bold; line-height:2; margin-top:15px; transition:
all 0.5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ylkcList .item .cont .t2{ width:100%; box-sizing:border-box; padding:40px 20px; position:absolute; left:0; bottom:0; transition:
all 0.5s}
.ylkcList .item:hover .pic{ opacity:1}
.ylkcList .item:hover .cont{ border:1px solid rgba(255,255,255,0)}
.ylkcList .item:hover .cont .t1{ top:auto; bottom:0}
.ylkcList .item:hover .cont .t2{ display:none}
.ylkcList .item:hover .cont .t1 .time{ color:#fff}
.ylkcList .item:hover .cont .t1 .title{ color:#fff}
.ylkcList .item:hover .cont .t1 .time:after{ background:rgba(255,255,255,0.3)}
@media (max-width: 1600px){
	.ylkcList{ }
	.ylkcList .item{ width:32%; margin-right:2%; margin-bottom:2%; }
	.ylkcList .item .cont .t1{ padding:25px 15px;}
	.ylkcList .item .cont .t1 .time{ font-size:14px; padding-left:35px; }
	.ylkcList .item .cont .t1 .time:after{  width:28px; }
	.ylkcList .item .cont .t1 .title{ font-size:18px; margin-top:10px; }
	.ylkcList .item .cont .t2{ padding:25px 15px;}
}
@media (max-width: 1200px){
	.ylkcList{ padding-bottom:20px}
	.ylkcList .item{ width:32%; margin-right:2%; margin-bottom:2%; }
	.ylkcList .item .cont .t1{ padding:20px 15px;}
	.ylkcList .item .cont .t1 .time{ font-size:12px; padding-left:25px; }
	.ylkcList .item .cont .t1 .time:after{  width:20px; }
	.ylkcList .item .cont .t1 .title{ font-size:16px; margin-top:10px; }
	.ylkcList .item .cont .t2{ padding:20px 15px;}
}
@media (max-width: 750px){
	.ylkcList{ padding-bottom:20px}
	.ylkcList .item{ width:100%; margin-right:0%; margin-bottom:20px; }
}


.third_nav_js{ width:100%; margin-bottom:40px; box-sizing:border-box; border:1px solid #cfe0f1; padding:30px; background:#f5f8fc}
.third_nav_js .title{ border-bottom:1px dashed #cfe0f1; font-size:24px; color:#333333; font-weight:bold; line-height:1; padding:0 0 18px 0}
.third_nav_js .intro{ font-size:18px; color:#333333; line-height:2; text-align:justify; margin-top:20px}
@media (max-width: 1600px){
	.third_nav_js{ margin-bottom:30px; padding:25px}
	.third_nav_js .title{ font-size:20px;  padding:0 0 16px 0}
	.third_nav_js .intro{ font-size:16px; margin-top:18px}
}
@media (max-width: 1200px){
	.third_nav_js{ margin-bottom:20px; padding:20px}
	.third_nav_js .title{ font-size:18px;  padding:0 0 12px 0}
	.third_nav_js .intro{ font-size:14px; margin-top:16px}
}




.xszzList{ width:100%;display:flex; flex-wrap: wrap; padding-bottom:20px}
.xszzList .item{ width:413px; margin-right:30px; margin-bottom:30px}
.xszzList .item:nth-child(3n){ margin-right:0}
.xszzList .item .pic{ width:100%; overflow:hidden; position:relative}
.xszzList .item .pic::before { content: ''; position: absolute; top: 0; left: -86%; z-index: 2; display: block; width: 50%; height: 100%; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1)); background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.1));}
.xszzList .item:hover .pic::before {
  -webkit-animation: shine .5s;
  animation: shine .5s;
}

.xszzList .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.xszzList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.xszzList .item .cont{ width:100%; box-sizing:border-box; border:1px solid #cfe0f1; border-top:0; padding:0 20px; transition:all 0.5s}
.xszzList .item .cont .title{  border-bottom:1px dashed #cfe0f1; padding:20px 0 15px }
.xszzList .item .cont .title .t1{ font-size:20px; color:#333333; transition:all 0.5s}
.xszzList .item .cont .title .t2{ font-size:16px; color:#999999; margin-top:10px}
.xszzList .item .cont .intro{ font-size:16px; color:#999999; line-height:30px; height:60px; overflow:hidden; margin:20px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.xszzList .item:hover .cont .title .t1{ color:#045caa; font-weight:bold}
.xszzList .item:hover .cont{ border-color:#045caa}
@media (max-width: 1600px){
	.xszzList{ padding-bottom:20px}
	.xszzList .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.xszzList .item .cont{ padding:0 16px; }
	.xszzList .item .cont .title{ }
	.xszzList .item .cont .title .t1{ font-size:18px;}
	.xszzList .item .cont .title .t2{ font-size:14px }
	.xszzList .item .cont .intro{ font-size:14px; line-height:25px; height:50px; margin:16px 0}
}
@media (max-width: 1200px){
	.xszzList{ padding-bottom:20px}
	.xszzList .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.xszzList .item .cont{ padding:0 15px; }
	.xszzList .item .cont .title{ height:50px}
	.xszzList .item .cont .title .t1{ font-size:16px;}
	.xszzList .item .cont .title .t2{ font-size:12px}
	.xszzList .item .cont .intro{ font-size:12px; line-height:22px; height:44px; margin:15px 0}
}
@media (max-width: 750px){
	.xszzList{ padding-bottom:20px}
	.xszzList .item{ width:100%; margin-right:0; margin-bottom:20px}
}

.yzsxtList{ width:100%; padding:10px 0;display:flex; flex-wrap: wrap;}
.yzsxtList .item{ width:31%; margin-right:3.5%; margin-bottom:3.5%; box-sizing:border-box; border:1px solid #cfe0f1}
.yzsxtList .item:nth-child(3n){ margin-right:0}
.yzsxtList .item a{ display:block; background:#fff;display:flex; align-items: center;flex-wrap: wrap; box-sizing:border-box; padding:36px 80px}
.yzsxtList .item a .pic img{ width:60px}
.yzsxtList .item a .cont{ margin-left:30px}
.yzsxtList .item a .cont .title{ font-size:20px; color:#333333; line-height:1}
.yzsxtList .item a .cont .ico{ margin-top:12px}
.yzsxtList .item a .cont .ico img{ height:15px}
.yzsxtList .item:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1)}
@media (max-width: 1600px){
	.yzsxtList .item a{ padding:25px 40px}
	.yzsxtList .item a .pic img{ width:50px}
	.yzsxtList .item a .cont{ margin-left:25px}
	.yzsxtList .item a .cont .title{ font-size:18px; }
	.yzsxtList .item a .cont .ico img{ height:13px}
}
@media (max-width: 1200px){
	.yzsxtList .item a{ padding:20px 30px}
	.yzsxtList .item a .pic img{ width:40px}
	.yzsxtList .item a .cont{ margin-left:20px}
	.yzsxtList .item a .cont .title{ font-size:16px; }
	.yzsxtList .item a .cont .ico{ margin-top:8px}
	.yzsxtList .item a .cont .ico img{ height:11px}
}
@media (max-width: 750px){
	.yzsxtList .item{ width:48.5%; margin-right:3%}
	.yzsxtList .item:nth-child(3n){ margin-right:3%}
	.yzsxtList .item:nth-child(2n){ margin-right:0}
	.yzsxtList .item a{ padding:16px 20px}
	.yzsxtList .item a .pic img{ width:34px}
	.yzsxtList .item a .cont{ margin-left:16px}
	.yzsxtList .item a .cont .title{ font-size:14px; }
	.yzsxtList .item a .cont .ico{ margin-top:6px}
	.yzsxtList .item a .cont .ico img{ height:9px}
}