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;}
.logoname{font-size: 24px;
font-weight: bold;}
/*轮播*/
.banner{width: 100%;}
.banner-ny{background-color:#003a83;color: white;text-align: center;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;text-align: center;}
.pro:nth-child(4n){margin-right: 0;}
.pro-img{width: 350px;height: 350px;object-fit: contain;}
.pro-listimg{width: 250px;height: 250px;object-fit: contain;}
.pro-title{padding: 0 10px;margin-top: 20px;font-size: 30px;transition: all .3s;}
.prolist-title{text-align: center;font-size: 20px;}
.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;}
.pro-slide .swiper-button-prev {background-image: url(/public/img/angle-left.png);width: 20px;height: 15px;}
.pro-slide .swiper-button-next {background-image: url(/public/img/angle-right.png);width: 20px;height: 15px;}
/*推荐产品*/
.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;text-align: center;}
.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: auto;object-fit: contain;}
.img-title{padding: 10px;text-align: center;font-size: 18px;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;}
.container img {
max-width: 100%;
}
.page-tab:nth-child(2) {
margin-bottom: 15px;
}
.container2{
width: 100%;
max-width: 1250px;
}
.vodd:nth-child(3n){
margin-right: 0px;
}
.vodd2:nth-child(3n){
margin-right: 0px;
}
.vodd3:nth-child(3n){
margin-right: 0px;
}
.vodd4:nth-child(3n){
margin-right: 0px;
}
.vodd5:nth-child(3n){
margin-right: 0px;
}
.jianjie1{
height: 145px;
overflow:hidden;
text-overflow:ellipsis;
white-space: normal;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:6;
}
.po{
position: relative;
}
.breadbarall .fa{
width: unset!important;
}
.xwb_a,
.xwb_b{
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
}
.dblx{
width: 100%;
max-width: 300px;
overflow: hidden;
}
.banner-ny{
width: 100%;
}
.banner-ny img{
width: 100%;
}
.showspan{
display: flex;
}
.faa{
margin: 0px !important;
width: auto !important;
}
.pro-listimg {
width: 200px;
height: 155px;
object-fit: contain;
}
.prolist-title {
text-align: center;
font-size: 14px;
}
.newli{
border-bottom: 1px solid #ccc;
padding: 10px;
margin-bottom: 10px;
}
.newli img{
width: 204px;
height: 153px;
}
.show_img{
width: 100%;
height: 303px;
}
.map{
width: 530px;
height: 340px;
}
/*.img-title{*/
/* font-size:18px;*/
/*}*/
@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}
.headertdiv{
display: none;
}
}
@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}
}