@charset "utf-8";
/* CSS Document */


.honor{ float: left; width: 100%;}

.product{ text-align: center; margin-bottom: 50px;}
.product li{ margin-right: 20px; display: inline-block; width: 150px; line-height: 50px; border: 1px solid #0b0b0b; border-radius: 50px; font-size: 16px;}
.product li a{ float: left; width: 100%;}
.product li:hover,.product .li{background: #067df9;}
.product li:hover a,.product .li a{ color: #fff;}
.honor li{ float: left; width: 30%; margin: 0 2% 2% 0; }
.honor li:nth-child(3n){ margin-right: 0;}
.honor li .pic {border: 1px solid #e6e7e8; overflow: hidden;}
.pic img {max-width: 100%;display: block;width: 100%;height: 100%;object-fit: cover;overflow: hidden;transition: all 0.5s;transform: scale(1);max-height: 100%;}
.honor li .pic:hover  img{transform: scale(1.1);}
.honor li .text{position: relative;padding: 20px 20px 20px;background: #f7f8fb;-webkit-transition: all 0.5s;-moz-transition: 	all 0.5s;-ms-transition: 	all 0.5s;-o-transition: 		all 0.5s;transition: 		all 0.5s;}
.honor li .text .text1{font-size: 26px;color: #525353;font-weight: bold;margin: 0 0 10px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-webkit-transition: all 0.5s;-moz-transition: 	all 0.5s;-ms-transition: 	all 0.5s;-o-transition: 		all 0.5s;transition: 		all 0.5s;}
.honor li .text .text2{font-size: 18px;color: #525353;font-weight: bold;margin: 0 0 10px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-webkit-transition: all 0.5s;-moz-transition: 	all 0.5s;-ms-transition: 	all 0.5s;-o-transition: 		all 0.5s;transition: 		all 0.5s;}
.honor li .text .more{position: absolute;right: 20px;bottom: 30px;border: 1px solid #cacbcd;color: #cacbcd;border-radius: 10px;line-height: 30px;padding: 0 10px 0 5px;-webkit-transition: all 0.5s;-moz-transition: 	all 0.5s;-ms-transition: 	all 0.5s;-o-transition: 		all 0.5s;transition: 		all 0.5s;}
.honor li .text .more .iconfont{font-size: 24px;margin-right: 5px;display: inline-block;vertical-align: bottom;-webkit-transition: all 0.5s;-moz-transition: 	all 0.5s;-ms-transition: 	all 0.5s;-o-transition: 		all 0.5s;transition: 		all 0.5s;}
.honor li:hover .text{background: #00488d;}
.honor li:hover .text .text1,.honor li:hover .text .text2, .honor li:hover .text .more, .honor li:hover .text .more *{color: #fff;}

.lb-overlay{width: 0px;height: 0px;position: fixed;overflow: hidden;left: 0px;top: 0px;padding: 0px;z-index: 99;text-align: center;background: rgba(0, 0, 0, 0.9);}
.lb-overlay a{ display: block; width: 100%; height: 100%;}
.lb-overlay img{max-height: 100%;position: relative;}
.lb-overlay:target {width: auto;height: auto;bottom: 0px;right: 0px;}
.lb-overlay:target img { position: absolute; top: 50%; transform: translate(-50%,-50%);}

.pages{ display: inline-block; width: 100%; text-align: center;}
.pages li{ display: inline-block; background: #f7f8fb; padding: 5px 10px; margin: 0 5px;}




