@charset "utf-8";
/* CSS Document */
a{color: #000000;}
#banner-wrapper{height:690px; margin-bottom: 10px;}
.banner{width:2040px;height:500px;margin:0 auto;}
#main_top-wrapper{ height:386px;  background:#f7f7f7;}
.main_top{ height:359px; width:1140px;background:#f7f7f7; margin:0 auto; padding:27px 0 0 0;}
.main_top h2{ font-size:20px; font-weight:900; text-align:center;}
.main_top h3{ font-size:12px; color:#9a9899;text-align:center;margin-top:5px;}
.main_top ul{ border:1px solid #ededed; border-right:none; border-bottom:none; height:203px; width:1134px; margin-top:21px;}
.main_top li{ float:left;}
.main_top li a{ display:block; width:188px; height:100px; border:1px solid #ededed; border-top:none; border-left:none;}
.slide-content{ position: absolute;top: 0;}
#main_center-wrapper{ height:500px;  background: #f4f6f7;}
#main_center-wrapper .main_center{ height:416px; width:1140px;  margin:0 auto;padding-top:27px; }
#main_center-wrapper .main_center .header{border-bottom: 1px solid #ddd;font-size: 26px;font-weight: bold;margin-bottom: 20px;}
#main_center-wrapper .main_center .header .tit::after{ display: block;content: " ";width: 100px;height: 3px;background: #1583cc;}
#main_center-wrapper .main_center svg{color:#000 ;margin-right: 5px;}
.swiper-new{max-width: 300px;max-height: 400px; overflow: hidden;margin-right: 20px;position: relative;}
.swiper-new .swiper-slide{text-align: center;border: 1px solid #dfdfdf;}
.swiper-new .new-pagination{position: absolute;z-index: 9999; bottom: 0px !important;background: rgb(0 0 0 / 40%);height: 30px;text-align: right;padding-right: 10px;}
.list-group-item {border: none; background: #f4f6f7;} 
.list-group-item::before{display: block;content: '·';font-size: 40px;position: absolute;line-height: 20px;left: 5px;top: 15px;color: #000;}
.list-group-item .item {display: flex;justify-content: space-between;color: #000;font-weight: bold;}
.list-group-item .item:hover {color: #0056b3;}
.list-group-item .item .date {font-weight: normal;}
.ellipsi{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* .main_center .patent{justify-content: space-between;padding-top: 30px;}
#main_center-wrapper
#main_center-wrapper .card>.list-group{margin:0 20px;margin-top: 20px;}
#main_center-wrapper .card img{width: 45%;background: #c0c0c0;margin: 20px;}
#main_center-wrapper .card .media-title{font-size: 18px;margin: 10px;}
#main_center-wrapper .card .article{margin:0 10px;} */ 

#main_bottom-wrapper{ height:1330px; background:#fff;}
.main_bottom{ height:701px; width:1140px; margin:0 auto;background:#fff; padding-top:27px;}
.main_bottom h2{ font-size:40px;margin: 50px 0; font-weight:900; text-align:center;}
.main_bottom h3{ font-size:16px; color:#9a9899;text-align:center;margin-top:5px;}
.main_bottom .main_bottom-nav{ width:800px; height:47px; margin:28px auto; }
.main_bottom .main_bottom-nav a{ display:block;width:200px; height:47px; font-size:14px; line-height:47px; color:#fff; background:#666666; position:relative;float:left; text-align:center;}
.main_bottom .main_bottom-nav a:hover{ font-weight:900; background:#f75a53;}
.main_bottom .main_bottom-nav a img{ position:absolute; left:93px;bottom:-7px;}
.main_bottom .main_bottom-table{ width:1140px; height:500px; margin:0 auto; margin-top:-3px;}
.main_bottom .main_bottom-table li{ float:left; margin-right:30px; margin-bottom:29px;}
.main_bottom .main_bottom-table li:nth-child(3n){ margin-right:0px;}
.main_bottom .main_bottom-table li a{ display:block;  width:360px;font-size: 0;}

#footer_nav-wrapper{ height:350px; background:#f2f2f2;}
.footer_nav{  height:322px; width:1140px; margin:0 auto; background:#f2f2f2; padding-top:28px;}
.footer_nav dl { width:340px; float:left; margin-right:60px;}
.footer_nav dl dt{ font-size:16px; font-weight:900; margin-bottom:19px;}
.footer_nav dl dd{ font-size:12px; color:#888888; margin-bottom:5px;}
.footer_nav dl dd span{ float:right;}
.footer_nav dl a{ display:block; height:32px; width:117px; border-radius:4px; background:#f75a53; text-align:center; line-height:32px; margin-top:15px;}

.card{position: relative;}
.card img{width: 100%;background: #c0c0c0;}
.card .mask{position: absolute;bottom: 0;top: 90%;background: rgb(0 0 0 / 50%);padding: 0 10px;overflow: hidden; transition: all 0.36s ease;width: 358px;}
.card:hover .mask{top: 50%;}
.card .mask .title{color: #fff;font-size: 18px;font-weight: bold;}
.card .mask .introduce{font-size: 14px;text-indent: 2em; color: #fff;}

/* 关于我们 */
.gywm_center-wrapper{padding-top: 20px; background: url('../../default/images/gywm_bj.jpg');}
/*swiper*/
	
.swiper-slide{	height: 500px;}
.swiper-slide .mask{position: absolute;top: 0;height: 604px; left: 0;width: 50vw; background: rgb(0 0 0  / 30%);padding: 10px; color: #fff;}
.swiper-slide .mask .title{ font-size: 36px; text-align: center;margin-top: 100px;margin-bottom: 50px;}
.swiper-slide .mask .introduce{ font-size: 20px; margin:0 5vw;text-indent: 2em;}
.swiper-pagination-bullet-active{	background:#000000!important;}
/* 布局样式 */

.pc_pattern .laybox { max-width: 1140px;margin: auto;padding-bottom: 50px;}
.laybox-left img{width: 500px; margin-right: 30px;}
.laybox h2{ font-size:40px;margin: 50px 0; font-weight:900; text-align:center;}
.laybox .laybox-content .title{font-size: 30px;font-weight: bold; margin-bottom: 20px;}
.laybox .laybox-content .remark{font-size: 20px;text-indent: 2em;}
.flex{display: flex;}

.patent{justify-content: space-evenly;padding-top: 30px;}
.patent_img img{width: 400px;}
.patent_main{width: 500px; background: rgb(255 255 255 / 48%);padding: 20px;}
.patent_main .title{color: #333;font-size: 20px;position: relative;border-bottom: 1px solid #cdcdcd;padding-bottom: 10px;margin-bottom: 20px;}
.patent_main .title::after{content: " ";display: block;width: 60px; height: 2px;background: #333;position: absolute;bottom: -1px;}
.patent_main .patent_list{font-size: 16px;border-bottom:1px dashed #cdcdcd;line-height: 50px;}
.patent_main .patent_list span:first-child{font-weight: bold;display: inline-block;width: 120px;}
.patent_main  .btn{display: block;font-weight: 400;color: #212529;text-align: center;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color: #212529;background-color: rgb(248 249 250 / 60%);border-color: #f8f9fa;cursor: pointer;width: 200px;margin: 20px auto;}
.patent_main  .btn:hover{background-color: #fff;}