html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0; margin:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
html {font-size: 625%;/*10 ÷ 16 × 100% = 62.5%*/}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.w{ width:12rem; margin:0 auto;}
/********General**********/
.header{ width:100%; float:left;}
.top{ width:100%;float:left; background:#303030;  height:.74rem}
.topw{ width:14.46rem; margin:0 auto;}
.logo{ margin-top:.08rem; float:left; }
.nav{ float:right; height:.74rem; position:relative; margin-right:.8rem;}
.nav li{ float:left; text-align:center; font-size:0.16rem; color:#ffffff; float:left; margin:0 .2rem; line-height:.74rem;}
.nav li:hover{ font-weight:bold;}
.ttel{ float: right; font-size:.29rem; color:#ffffff; line-height:.74rem; margin-right:.48rem; background:url(../Image/ftel.png) left center no-repeat; padding-left:.4rem;}
.tlan{ font-size:.18rem; line-height:.74rem; color:#FFF; float:right; background: url(../Image/lan.png) right center no-repeat; padding-right:20px;}
.sousuo{ position:relative; width:.36rem; height:.74rem; float:right; background: url(../Image/search.png) right center no-repeat;}
.tsearch{ z-index:99999;  width:3.09rem;    height:.43rem; background:#303030; border:none; float:right;}
.tsearch-text{ font-size:16px; color:#fff; line-height:.43rem; text-indent:.3rem; width:80%; background:none; border:none; float:left; height:.43rem;}
.tsearch-btn{ width:20%; height:.43rem; font-size:0;background:none; border:none; float:left; background:url(../Image/search.png) center no-repeat;}
.sousuo:hover .tsearch{ display:block;}
.bannerw{ width:100%; float:left;}
.pro{ width:100%; float:left; margin-top:.5rem;}
.probt{ width:100%; text-align:center;}
.probt p{ font-size:.36rem; font-weight:bold; color:#000000; line-height:2;}
.probt p font{ color:#1e419e;}
.probt span{ font-size:.16rem; color:#989898; display:block; width:60%; margin:0 auto;}
.pro ul{ width:100%; float:left; margin-top:.4rem;}
.pro li{ overflow:hidden; width:48%; margin:1%; position:relative; float:left; padding-bottom:25.81%;}
.pro li img{ display:block; width:100%; position:absolute; top:0; left:0; height:100%;}
.pro li dd{ width:100%; height:100%; position: absolute; background:rgba(30,65,158,.4); top:-100%; left:0;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;

}
.pro li dd font{ line-height:2; width:60%; padding:20% 10%; height:5%; position:absolute; top:10%; left:10%; border:1px solid #FFF; display:block;}
.pro li dd font span{ display:block; background:url(../Image/logo.png) left center no-repeat; font-size:.24rem; color:#ffffff;
text-shadow:2px 1px #000; padding-left:1.55rem;}
.pro li dd font i{ font-size:.16rem; color:#ffffff;}
.pro li p{ position:absolute; width:100%; height:.4rem; bottom:.2rem; left:0;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;

}
.pro li p span{display:block; background:url(../Image/logo.png) left center no-repeat; font-size:.24rem; color:#ffffff;
text-shadow:2px 1px #000; padding-left:1.55rem; float:right; margin-right:.26rem;}
.pro li:hover p{ bottom:-.4rem;}
.pro li:hover dd{ top:0;}
.promore{ width:100%; text-align:center; margin-top:.4rem; text-align:center;}
.promore a{ font-size:.16rem; color:#fffefe; padding:.1rem .2rem; background:#1e419e;
-moz-border-radius: .1rem; /* Firefox */
  -webkit-border-radius: .1rem; /* Safari 和 Chrome */
  border-radius: .1rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.video{ width:100%; height:5.98rem; float:left; background:url(../Image/videobj.jpg) center no-repeat; margin-top:.6rem;}
.videodiv{ width:50%; margin-top:.66rem; float:left;}
.videodiv img{ width:100%;}
.videow{ width:40%; float:right;}
.videbt{}
.videbt span{ font-size:.24rem; margin-top:1.16rem; color:#ffffff; display:block; line-height:.37rem; padding-left:.05rem;}
.videbt p{ font-size:.48rem; color:#ffffff; margin-top:.7rem; font-weight:bold;}
.videbt p font{ color:#1e419e;}
.videbt i{ display:block; line-height:2;font-size:.16rem; color:#d0d0d0; font-style:normal;margin-bottom:.9rem;}
.videbt a{ font-size:.16rem; color:#303030; padding:.1rem .2rem; background:#fff; 
-moz-border-radius: .1rem; /* Firefox */
  -webkit-border-radius: .1rem; /* Safari 和 Chrome */
  border-radius: .1rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.videbt a:hover{ color:#fffefe; background:#1e419e;}
.ys{ width:100%; float:left; margin-top:.5rem;}
.ys li{ width:18.75%; float:left; min-height:.92rem; padding:0 4.1%; background:url(../Image/ysxian.png) right center no-repeat; text-align:left; font-size:16px; color:#373636; line-height:2;}
.ys li p{ text-align:center; font-size:.24rem; color:#1e419e; font-weight:bold;}
.ys li:nth-child(1){ padding-left:0;}
.ys li:nth-child(4){ padding-right:0; background:none;}
.about{ width:100%; float:left; margin-top:.6rem; background:url(../Image/aboutbj.png) right center no-repeat #010101; background-size:auto 90% !important; padding-bottom:10%;}
.aboutbt{ font-weight:bold; font-size:.36rem; color:#ffffff; margin-top:10%;}
.aboutw{ width:70%; margin-top:.4rem;}
.aboutw p{ font-size:.24rem; color:#ffffff; margin-bottom:.4rem;}
.aboutw span{ font-size:.16rem; color:#989898; line-height:2;}
.aboutw a{ font-size:.16rem; color:#303030; padding:.1rem .2rem; background:#fff; 
-moz-border-radius: .1rem; /* Firefox */
  -webkit-border-radius: .1rem; /* Safari 和 Chrome */
  border-radius: .1rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.aboutw a:hover{ color:#fffefe; background:#1e419e;}
.aboutw span{ display:block; margin-bottom:.4rem;}
.kehu{ width:100%; float:left; margin-top:.5rem;}
.kehubt{ width:100%; text-align:left;}
.kehubt p{ font-size:.36rem; font-weight:bold; color:#010101; line-height:2;}
.kehubt p font{ color:#1e419e;}
.kehubt span{ font-size:.16rem; color:#6d6c6c; display:block;}
.numb{ width:4.49rem; float:left; margin-top:.5rem; max-width:100%;}
.numb ul{ width:100%; float:left; background:url(../Image/numbxian.png) bottom center no-repeat;}
.numb li{ font-size:.16rem; color:#6a6a6a; line-height:.82rem; width:100%; float:left; height:.82rem;}
.numb li span{ font-size:.4rem; color:#6a6a6a; font-weight:bold;}
.kehushow{ width:60%; float:right;}
.kehushow li{ position:relative; width:24.5%; padding-bottom:16.76%; border:1px solid #e3e3e3; float:left;}
.kehushow li img{ position: absolute; width:100%; height:100%;}
.kehushow li:hover{ border:1px solid #4c6bb3;}
.kjfs{ width:100%; background:#303030; margin-top:.7rem; padding:.5rem 0; float:left;}
.honor{ width:32%; float:left;  position:relative;}
.honor img{ width:100%;}
.honor dd{ position:absolute; top:0; left:0; margin-left:.5rem; margin-top:.5rem;}
.honor dd p{ font-size:.48rem; color:#ffffff; font-weight:bold; line-height:1.2; margin-bottom:.5rem;}
.honor dd a{ font-size:.16rem; color:#303030; padding:.1rem .2rem; background:#fff;}
.honor dd a:hover{ color:#fffefe; background:#1e419e;}
.jczx{ width:60%; float:right; position:relative;}
.jczx img{ width:100%;}
.jczx dd{position:absolute; top:0; left:0; margin-left:.5rem; margin-top:.5rem;}
.jczx dd p{ font-size:.48rem; color:#ffffff; font-weight:bold; line-height:1.2; margin-bottom:.5rem;}
.jczx dd a{ font-size:.16rem; color:#303030; padding:.1rem .2rem; background:#fff;}
.jczx dd a:hover{ color:#fffefe; background:#1e419e;}
.news{ width:100%; float:left; margin-top:61px;}
.newsbt{ width:100%; text-align:left;}
.newsbt p{ font-size:.36rem; font-weight:bold; color:#010101; line-height:2;}
.newsbt p font{ color:#1e419e;}
.newsbt span{ font-size:.16rem; color:#6d6c6c; display:block;}
.newsbt p a{ font-size:24px; display:block; color:#000000; float:right; margin-left:.1rem;}
.newsbt p a:hover{ color:#1e419e;}
.news ul{width:30%; margin:0 2% 0 0; float:left;}
.newspic{ width:32%; float:left; margin:0 1.5%; margin-top:.5rem;}
.news li{ width:100%; float:left; margin-top:.1rem;border-bottom:1px solid #c4c4c4;}
.news li span{line-height:2;font-size:16px; color:#9f9d9d; display:block;}
.news li p{ font-size:16px; color:#000000; font-weight:bold;}
.news li i{display:block; width:100%; background:url(../Image/newsi.png) center right no-repeat;}
.news li:hover{ border-bottom:1px solid #1e419e;}
.news li:hover i{ background:url(../Image/newsih.png) right center no-repeat;}
.news dl{ width:68%; float:right;}
.news dd{ width:45%; margin-left:5%; float:left; margin-top:.3rem;}
.news dd p{ font-size:.16rem; color: #000000; font-weight:bold;line-height:3;}
.news dd span{ font-size:16px; color:#747373; display:block; margin-bottom:.2rem;}
.news dd img{ width:100%;}
.footer{ width:100%; background:#000000; float:left; margin-top:.5rem; padding:.2rem 0 .4rem 0;}
.search{ width:4.09rem; float:left; margin-top:.27rem;}
.fsearch{ width:100%; height:.73rem; background:#191919; border:none;}
.search-text{ font-size:16px; color:#cccbcb; line-height:.73rem; text-indent:.3rem; width:80%; background:none; border:none; float:left; height:.73rem;}
.search-btn{ width:20%; height:.73rem; font-size:0;background:none; border:none; float:left; background:url(../Image/search.png) center no-repeat;}
.admin{ font-size:.14rem; color:#cccbcb; margin-top:1.57rem; line-height:2;}
.fnav{ width:25%; float:left; margin-left:10%; margin-top:.89rem; background:url(../Image/qq.png) top left no-repeat; padding-top:1rem;}
.fnav li{ line-height:2; width:50%; float:left; font-size:.16rem; color:#ffffff;}
.fnav li:hover{ text-decoration:underline;}
.ewm{ width:1.47rem; height:1.47rem; background:url(../Image/ewm.png); float:right; margin-top:1.41rem;}
.nbanner{ width:100%; height:4.76rem;}
.side{ width:20.5%; float:left; margin-top:.4rem; }
.nprof{ width:100%; float:left; background:#303030; padding:.2rem 0;
-moz-border-radius:.08rem; /* Firefox */
  -webkit-border-radius:.08remm; /* Safari 和 Chrome */
  border-radius:.08rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.nprofbt{ background:url(../Image/nrpfbt.png) .31rem center no-repeat; padding-left:.93rem;}
.nprofbt p{ font-weight:bold; font-size:.24rem; color:#ffffff;}
.nprofbt span{ font-size:.14rem; color:#ffffff;}
.nprof ul{ width:90%; float:left; margin:5%; background:#FFF; padding:.1rem 0;
-moz-border-radius: .08rem; /* Firefox */
  -webkit-border-radius:.08rem; /* Safari 和 Chrome */
  border-radius: .08rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.nprof ul li{ width:90%; text-align:center; line-height:.44rem; height:.44rem; border:1px solid #bfbfbf; margin:0.05rem auto; font-size:16px; color:#020202;}
.nprof ul li:hover{ border:1px solid #2244a0;}
.nprof ul li a{ display:block; width:100%;}

.stel{ width:100%; float:left; background:#303030; padding:.2rem 0; margin-top:.2rem;
-moz-border-radius:.08rem; /* Firefox */
  -webkit-border-radius:.08remm; /* Safari 和 Chrome */
  border-radius:.08rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.stel p{ font-size:0.24rem; color:#fffdfd; font-weight: bold; text-align:center;}
.stel span{ width:90%; display:block; margin:0.1rem auto; font-size:.14rem; color:#fffdfd; line-height:2; }
.stel dd{ width:80%; padding:0 5%; margin:0 auto; background:#FFF;-moz-border-radius:.08rem; /* Firefox */
  -webkit-border-radius:.08remm; /* Safari 和 Chrome */
  border-radius:.08rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ font-size:0.14rem; color:#575656; line-height:2;
  }
.nmainr{ width:76%; float:right; margin-top:.4rem;}
.nbt{ width:100%; height:.5rem; border-bottom:1px solid #bfbfbf;}
.nbt p{ font-size:.24rem; color:#3d3d3d; float:left; font-weight:bold; line-height:.5rem;}
.nbt span{ float:right; font-size:.14rem; color:#6a6a6a; line-height:.5rem;}
.npro{ width:100%; margin-top:.3rem;}
.npro li{ overflow:hidden;width:31%; padding-bottom:23.3%; position:relative; float:left; margin:1%; border:1px solid #bfbfbf;}
.npro li img{ width:100%; position:absolute; height:100%; top:0; left:0;}
.npro li span{ position:absolute; width:100%; display:block; bottom:0; left:0; height:.35rem; background:#2244a0; font-size:.16rem; color:#ffffff; line-height:.33rem; text-align:center;
  transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.npro li:hover{ border:1px solid #4c6bb3;}
.page{ width:100%; text-align:center; margin-top:40px;}
.page a{ float:left; display:block; padding:5px 15px; background:#2244a0; border:1px solid #2244a0; color:#FFF; margin:0 5px;}
.page .current{float:left; display:block; border:1px solid #2244a0; color:#2244a0;padding:5px 15px; margin:0 5px;}
.neirong{ width:95%; margin:.3rem auto;}
.nabt{ width:100%; text-align:center; margin-top:.3rem;}
.nabt ul{ width:60%; margin:0 auto}
.nabt li{ width:23.3%; float:left; margin:0 5%; line-height:2; padding-bottom:.1rem;  text-align:center;}
.nabt p{ font-size:0.24rem; color:#020202;}
.nabt span{ font-size:.17rem; color:#020202;}
.nabt li:hover{ background: url(../Image/nabtxian.png) bottom center no-repeat; }
.nabt li:hover p{ color:#1e419e}
.nabt li:hover span{ color:#1e419e}
#nabout{ width:100%; margin-top:.77rem;}
.naboutw{ width:48%; float:left;}
.naboutwbt{ margin-bottom:.2rem; background:url(../Image/nabtp.png) bottom left  no-repeat; font-size:.24rem; color:#020202; line-height:2;}
.naboutpic{ width:48%; float:right;}
.naboutpic img{ width:100%}
.nnumb{ width:100%; margin-top:.3rem;}
.nnumb w{ width:60%; margin:0 auto;}
.nnumb li{ width:33.3%; float:left; text-align:center;}
.nnumb li span{ font-size:.47rem; color:#444444; font-weight:bold; display:block;}
#fzlc{ width:100%; margin-top:.5rem; height:6.75rem; background:url(../Image/fzlc.jpg) top center no-repeat;}
#fzlc .item dd{ width:6.68rem; height:1.72rem; background:url(../Image/fzlcli.png); background-size:100% auto;}
.owl-carousel{ width:6.68rem; float:right; margin:2.2rem 5% 0 0;}
#fzlc .item dd p{ width:29.94%; float:left; line-height:1.4rem; font-size:.36rem; color:#ffffff; font-weight:bold; text-align:center;}
#fzlc .item dd span{ width:61.07%; float:left;line-height:2; display:block; margin-left:5%; font-size:.16rem; color:#666666; margin-top:.1rem;}
.owl-prev{ width:.19rem !important; height:.33rem !important; padding:0 !important; background: url(../Image/left.png) !important; font-size:0 !important;}
.owl-next{width:.19rem !important; height:.33rem !important; padding:0 !important; background: url(../Image/right.png) !important; font-size:0 !important;}
.culture{ width:100%; margin-top:.3rem;}
.culture ul{ width:100%; margin-top:.4rem;}
.culturebt{ font-size:.48rem; color:#020202; text-align:center;}
.culture li{ overflow:hidden; width:33.333%; position:relative; float:left; padding-bottom:32.581%;}
.culture li img{ width:100%; float:left; position:absolute; top:0; left:0;}
.culture li p{ width:100%; position:absolute; height:60%; text-align:center; top:0; left:0; font-size:.18rem; color:#ffffff; padding-top:40%; font-weight:bold;transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;}
.culture li span{ width:80%; height:40%;display:block;  position:absolute; position:absolute; top:100%; left:10%;
text-align:center;padding-top:40%; text-align:center; font-size:.16rem; line-height:2; color:#020202;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;}
.culture li font{ font-size:.18rem; font-weight:bold; display:block; color:#2244a0;}
.culture li:nth-child(1) p{ background:url(../Image/cult1.png) center 20% no-repeat, url(../Image/cultbj.png);}
.culture li:nth-child(1) span{ background:url(../Image/cult1h.png) center 20% no-repeat, url(../Image/cultbjh.png);}
.culture li:nth-child(2) p{ background:url(../Image/cult2.png) center 20% no-repeat, url(../Image/cultbj.png);}
.culture li:nth-child(2) span{ background:url(../Image/cult2h.png) center 20% no-repeat, url(../Image/cultbjh.png);}
.culture li:nth-child(3) p{ background:url(../Image/cult3.png) center 20% no-repeat, url(../Image/cultbj.png);}
.culture li:nth-child(3) span{ background:url(../Image/cult3h.png) center 20% no-repeat, url(../Image/cultbjh.png);}


.culture li:hover p{ top:-120%;}
.culture li:hover span{ top:10%;}


.nnbt{ width:100%; text-align:center; margin-top:.3rem;}
.nnbt ul{ width:40%; margin:0 auto}
.nnbt li{ width:20%; float:left; margin:0 15%; line-height:2; padding-bottom:.1rem;  text-align:center;}
.nnbt p{ font-size:0.24rem; color:#020202;}
.nnbt span{ font-size:.17rem; color:#020202;}
.nnbt li:hover{ background: url(../Image/nabtxian.png) bottom center no-repeat; }
.nnbt li:hover p{ color:#1e419e}
.nnbt li:hover span{ color:#1e419e}
.nnewsbt{ font-size:.48rem; color:#020202; text-align:center; font-weight:bold; margin:.4rem auto;}
.nnews{width:100%; margin-top:30px;}
.nnews li{ width:100%; margin-bottom:30px; float:left; position:relative;}
.nnews li span{ width:20%; padding-top:3.5%; line-height:1; float:left; font-size:48px; color:#4a4a4a; display:block; text-align:center;}
.nnews li span font{font-size:13px; border-top:1px solid #CCC;}
.nnews li img{ width:20%; float:left; position:absolute; height:100%; top:0; left:20%;}
.nnews li p{ background:#eeeeee; width:50%;padding:1% 5%; font-size:14px; color:#6d6d6d; line-height:1.5; float:right; position:relative;}
.nnews li p font{ font-size:16px; color:#6d6d6d; display:block; margin-bottom:10px; font-weight:bold;}
.nnews li p i{ color:#005ea6; font-weight:bold; display:block; font-style:normal;}
.nnews li:hover p{ background: #014883; color:#FFF;}
.nnews li:hover p font{ color:#FFF;}
.nnews li:hover p i{ color:#ff8400;}


.newsinfo{ width:100%; float:left; margin-top:5%;}
.newsinfo h1{  font-size:0.18rem; text-align:center; color:#333333; margin-bottom:2%;}
#prev_next{ float:left; margin-top:20px; padding-top:2%; border-top:1px dashed #CCC; width:100%;}
#prev_next li{ width:100%; font-size:0.14rem; line-height:2; float:left; margin-bottom:2%;}
#prev_next li a{  color:#3557ae; line-height:1; margin-right:1%; border:1px solid #3557ae; padding:0.05rem 0.1rem; font-style:normal;
-moz-border-radius: 0.2rem; /* Firefox */
  -webkit-border-radius:  0.2rem; /* Safari 和 Chrome */
  border-radius:  0.2rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#prev_next li:hover a{ background:#3557ae; color:#FFF;}
.newstime{margin:2% 2% 0 0; background:url(../Image/newstime.png) left center no-repeat; display:inline; padding-left:0.2rem;}
.newszuozhe{  margin:2% 2% 0 0; background:url(../Image/admintb.jpg) left center no-repeat;  display:inline;padding-left:0.2rem;}
.newslaiyuan{margin:2% 2% 0 0; background:url(../Image/laiyuantb.jpg) left center no-repeat; display:inline;padding-left:0.2rem;}

.newsclick{margin:2% 2% 0 0; background:url(../Image/click.jpg) left center no-repeat; display:inline;padding-left:0.2rem;}


#nkefu{ width:100%; margin:30px auto ; float:left;}
#nkefu li{ width:30%; float:left; margin-right:3%;}
#nkefu li p{ float:left; width:15%; float:left;}
#nkefu li p img{ float:left; width:100%;}
#nkefu li dd{ width:80%; float:right;
    font-size:.16rem; line-height:2;
    color: #575656;
}
#nkefu li dd span{display: block;
    font-size: .24rem;
    color: #010101;
    margin-bottom: 5px;}
.nconinfo{ width:100%; margin-top:.5rem; text-align:center;}
.nconinfo p{ font-size:.16rem; color:#575656;}
.nconinfo span{ display:block; font-size:.36rem; color:#1e419e; font-weight:bold;}
.nconinfo img{ display:block; max-width:100%; margin:.2rem auto; }

.nhonorlist{ width:100%; margin-top:.3rem;}
.nhonorlist li{ overflow:hidden;width:22%; padding-bottom:31.56%; position:relative; float:left; margin:1%; border:1px solid #bfbfbf;}
.nhonorlist li img{ width:100%; position:absolute; height:100%; top:0; left:0;}
.nhonorlist li span{ display:block; position:absolute; color:#FFF; width:100%; height:.3rem; background:rgba(0,0,0,.5); bottom:0; left:0; font-size:.16rem; line-height:.3rem; text-align:center;}

.njclist{ width:100%; margin-top:.3rem;}
.njclist li{ overflow:hidden;width:22%; padding-bottom:14.85%; position:relative; float:left; margin:1%; border:1px solid #bfbfbf;}
.njclist li img{ width:100%; position:absolute; height:100%; top:0; left:0;}

.main{ width:100%; float:left; overflow:hidden;}