footer-tophtml,body{margin: 0;padding: 0;}
body{font-size: 14px;font-family: 微软雅黑;color: #000;}
a{text-decoration: none;color: inherit;}
a:hover{text-decoration: none;color: inherit;}
a:focus{text-decoration: none;color: inherit;}
.t{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.mask{width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.5);position: fixed;left: 0;top: 0;z-index: 99;transition: all .3s;display: none;opacity: 0;}

/*头部*/
/* header{background-color: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);position: sticky;top: 0;z-index: 10} */
/* .header{display: flex;align-items: center;justify-content: space-between;padding: 10px 0;} */
/* .head-logo{width: 150px;height: 60px;object-fit: contain;margin-right: 20px;} */
.nav-list{display: flex;align-items: center;}
.nav-list-btn{margin-left: 10px;position: relative;}
.nav-text{display: block;padding: 12px 15px;transition: all .3s;}
.nav-btn-part{width: 150px;background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);position: absolute;right: 0;top: 100%;z-index: 11;transition: all .3s;opacity: 0;visibility: hidden;}
.nav-btn:hover > .nav-text{color: #003a83;}
.nav-list-btn:hover > .nav-text{color: #003a83;}
.nav-list-btn:hover > .nav-btn-part{opacity: 1;visibility: visible;}
.nav-active > .nav-text{color: #003a83;}
.nav-icon{font-size: 24px;cursor: pointer;}
/*移动端导航*/
.m-nav-list{width: 100%;max-height: 80vh;overflow-y: auto;padding: 20px;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 100;display: none;}
.m-nav-list-btn{border-bottom: 1px solid #eee;text-align: center;}
.m-nav-btn-part{background-color: #f5f5f5;display: none}
/*.m-nav-list-btn:hover > .nav-text{color: #003a83;}*/

/* .main{min-height: 500px;} */
.noData{text-align: center;line-height: 100px;font-size: 16px;color: #ccc;}

/*轮播*/
.banner{width: 100%;}
.banner-ny{background-color:#003a83;color: white;text-align: center;padding: 40px;font-size: 30px; }
/*尾部*/
.footer-top{background: #003a83;border-top: 1px solid #768fa6;border-bottom: 1px solid #67839c;padding: 30px 0;color: #fff;margin-top: 10px;}
.footer-down{background: #003a83;padding: 30px 0;color: #fff;}
.footer-text{width: 25%;padding-right: 10px;padding-top: 20px;transition: all .3s;}
.footer-title{font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.footer-desc{font-size: 14px;margin-top: 10px;}
.footer-cont{display: block;font-size: 14px;margin-top: 10px;transition: all .3s;}
.footer-cont:hover{color: #9eccf4;}
.footer-fir{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.footer-link{margin-right: 10px;}
.copy-right{text-align: center;margin-top: 10px;}

/*列表页导航*/
.page-tab{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 10px 0;border-bottom: 1px solid #eee;margin-bottom: 15px;}
.page-title{font-size: 20px;}
.page-nav{display: flex;align-items: center;flex-wrap: wrap;}
.page-nav-btn{display: block;padding: 8px 15px;border: 1px solid #eee;margin-left: 10px;transition: all .3s;}
.page-nav-btn:first-child{margin-left: 0;}
.page-nav-btn:hover{color: #fff;background-color: #003a83;}
.page-nav-active{color: #fff;background-color: #003a83;}

/*列表页分页颜色*/
.pagination > .active > span{background-color: #003a83;}
.pagination > li > a{color: #003a83;}

/*详情页导航*/
.detail-tab{padding: 20px 0;color: #999;font-size: 14px;}
.detail-tab > a{color: #003a83;}

/*详情页内容*/
/* .page-content{margin: 20px 0;} */
.page-content img{max-width: 100%;}
.page-content video{max-width: 100%;}

/*详情页分页*/
.page-box{margin-bottom: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.page-no{color: #999 !important;background: white !important;}

/*新闻*/
/* .news{display: flex;align-items: center;padding: 10px 0;border-bottom: 1px solid #eee;} */
.news-img{width: 250px;height: 200px;margin-right: 20px;border-radius: 5px;overflow: hidden;}
.news-img > img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.news-text{margin-right: 20px;flex: 1;}
.news-title{color: #333;font-size: 20px;transition: all .3s;}
.news-desc{color: #666;line-height: 24px;margin-top: 10px;}
.news-look{color: #999;font-size: 12px;margin-top: 20px;}
.news-time{text-align: center;}
.news-date{color: #999;font-size: 36px;font-weight: 100;line-height: 1;}
.news-year{color: #bbb;font-size: 24px;padding-top: 10px;line-height: 1;}
.news:hover > .news-img > img{transform: scale(1.15);}
.news:hover .news-title{color: #003a83;}

/*产品*/
.pro-list{display: flex;align-items: center;flex-wrap: wrap;}
/* .pro{display: block;width: calc(25% - 10px);margin-right: 10px;margin-bottom: 10px;border: 1px solid #eee;border-radius: 5px;overflow: hidden;transition: all .3s;} */
.pro:nth-child(4n){margin-right: 0;}
.pro-img{width: 100%;height: 100%;object-fit: contain;}
.pro-title{padding: 0 10px;margin-top: 15px;font-size: 16px;transition: all .3s;}
.pro-desc{margin: 10px;color: #666;font-size: 14px;}
/* .pro:hover{box-shadow: 5px 5px 10px #ccc;} */
.pro:hover > .pro-title{color: #003a83;}
.pro-detail{display: flex;align-items: flex-start;flex-wrap: wrap;}
.pro-slide{width: 55%;}
.pro-text{width: 45%;padding-left: 20px;}
.pro-specs-list{padding: 10px 0 ;border-top: 1px solid #eee;border-bottom: 1px solid #eee;display: flex;align-items: center;flex-wrap: wrap;}
.pro-specs{width: 50%;padding-right: 5px;color: #999;line-height: 24px;}
.pro-cont-tab{display: flex;align-items: center;flex-wrap: wrap;border-bottom: 1px solid #eee;margin-top: 30px;}
.pro-cont-tab-btn{color: #003a83;font-size: 16px;padding: 12px 15px;border-bottom: 2px solid #003a83;cursor: pointer;}
/*推荐产品*/
.well-title{color: #003a83;font-size: 16px;padding: 20px 0;}
.well-pro{display: block;width: calc((100% - 30px) / 4);background-color: #f5f5f5;border-radius: 5px;overflow: hidden;}

/*图片*/
.img-list{display: flex;align-items: center;flex-wrap: wrap;}
/* .img{display: block;width: calc(25% - 10px);margin-right: 10px;margin-bottom: 10px;border: 1px solid #eee;border-radius: 5px;overflow: hidden;transition: all .3s;} */
.img:nth-child(4n){margin-right: 0;}
.img-img{width: 100%;height: 100%;object-fit: contain;}
.img-title{padding: 10px;text-align: center;font-size: 16px;transition: all .3s;}
.img:hover{box-shadow: 0 0 10px #ccc;}
.img:hover > .img-title{color: #003a83;}

/*下载*/
.file{display: flex;align-items: center;padding: 10px 0;border-bottom: 1px solid #eee;}
.file-img{width: 50px;height: 50px;object-fit: contain;margin-right: 20px;}
.file-text{flex: 1;}
.file-title{color: #333;font-size: 20px;transition: all .3s;}
.file-desc{color: #666;line-height: 24px;margin-top: 10px;}
.file-down{color: #999;font-size: 12px;margin-top: 20px;}
.file-btn{display: table;color: #003a83;border: 1px solid #003a83;padding: 5px 15px;margin-left: 20px;cursor: pointer;transition: all .3s;}
.file-btn:hover{color: #fff;background-color: #003a83;}

/*搜索*/
.sr-form{display: flex;align-items: center;border: 1px solid #eee;border-radius: 50px;line-height: 35px;margin: 20px 0;}

.sr-select{width: 80px;display: table;position: relative;cursor: pointer;}
.sr-select-icon{font-size: 18px;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);z-index: -1;}
.sr-select-value{padding: 0 20px 0 15px;width: 100%;user-select: none;}
.sr-select-init{color: #999;}
.sr-select-list{width: 150px;background-color: #fff;position: absolute;left: 0;top: 100%;z-index: 11;border: 1px solid #eee;box-shadow: 0 0 10px #eee;border-radius: 5px;overflow: hidden;transition: all .3s;opacity: 0;visibility: hidden;}
.sr-option{padding: 12px 15px;line-height: 1;color: #003a83;transition: all .3s;cursor: pointer;user-select: none;}
.sr-option:hover{color: #fff;background-color: #003a83;}
.sr-option-active{color: #fff;background-color: #003a83;}
.search-select{background: white;border: none;margin: 0 20px;height: 39px;}
/*.sr-select:hover .sr-select-list{opacity: 1;visibility: visible;}*/

.sr-input{min-width: 50px;flex: 1;padding: 0 15px;outline: none;border: none;background-color: #f5f5f5;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.sr-btn{padding: 0 15px;color: #fff;background-color: #003a83;border: 1px solid #003a83;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.search{padding: 10px 0;border-bottom: 1px solid #eee;}
.search-title{display: table;color: #666;font-size: 20px;transition: all .3s;}
.search-title > span{font-size: 12px;}
.search-link{display: table;color: #003a83;margin-top: 10px;}
.search-link:hover{color: #003a83;}
.search-desc{color: #333;}
.search:hover > .search-title{color: #333;}

/*表单*/
.form-cell{display: flex;margin-bottom: 15px;line-height: 30px;flex-wrap: wrap}
.form-icon{font-size: 12px;color: #f00;transform: scale(0.5);}
.form-label{line-height: 30px;color: #333;margin-right: 15px;font-weight: normal;width: 100%}
.form-input{min-width: 50px;flex: 1;height: 40px;padding: 0 15px;outline: none;border: 1px solid #eee;border-radius: 5px;}
.form-textarea{min-width: 50px;flex: 1;padding: 10px 15px;line-height: 20px;outline: none;border: 1px solid #eee;border-radius: 5px;resize: none;}
.form-select{width: 150px;border: 1px solid #eee;border-radius: 5px;}
.form-radio{display: flex;align-items: center;flex-wrap: wrap}
.form-checkbox{display: flex;align-items: center;flex-wrap: wrap}
.form-label > input{margin-right: 5px;}
.checkbox_select{padding-right: 20px;font-weight: normal;}
.checkbox_select > input{margin-right: 5px;}
.form-upload{flex: 1;display: flex;align-items: center;position: relative;}
.form-file{width: 40px;height: 40px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;cursor: pointer;}
.form-file:focus{outline: none !important;border: none;}
.form-upload-icon{width: 40px;line-height: 40px;text-align: center;color: #fff;background-color: #003a83;border-top-left-radius: 5px;border-bottom-left-radius: 5px;transition: all .3s;}
.form-file:hover + .form-upload-icon{box-shadow: none;}
.form-sub{background-color: #003a83;}
.form_file{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 9;cursor: pointer;}

@media (max-width: 1200px){

}
@media (max-width: 992px){
	.footer-text{width: 50%;}

	.page-title{width: 100%;text-align: center;}
	.page-nav{width: 100%;justify-content: center;}
	.page-nav-btn{margin-left: 0;margin-right: 10px;margin-top: 10px;}

	.news-img{display: none;}

	.pro{width: calc(33.33% - 10px);}
	.pro:nth-child(4n){margin-right: 10px;}
	.pro:nth-child(3n){margin-right: 0}

	.well-pro{width: calc((100% - 20px) / 3);}

	.img{width: calc(33.33% - 10px);}
	.img:nth-child(4n){margin-right: 10px;}
	.img:nth-child(3n){margin-right: 0}
}
@media (max-width: 768px){
	.pro{width: calc(50% - 10px);}
	.pro:nth-child(3n){margin-right: 10px;}
	.pro:nth-child(2n){margin-right: 0;}

	.pro-slide{width: 100%;}
	.pro-text{width: 100%;margin-top: 20px;padding-left: 0;}

	.well-pro{width: calc((100% - 10px) / 2);}

	.img{width: calc(50% - 10px);}
	.img:nth-child(3n){margin-right: 10px;}
	.img:nth-child(2n){margin-right: 0;}
}
@media (max-width: 480px){
	.footer-text{width: 100%;}

	.pro{width: 100%;margin-right: 0}
	.pro:nth-child(3n){margin-right: 0;}

	.pro-specs{width: 100%;padding-right: 0;}

	.well-pro{width: 100%;}

	.img{width: 100%;margin-right: 0}
	.img:nth-child(3n){margin-right: 0;}

	.footer-top{text-align: center}
}
