.PD0{padding: 0px;}
.fixed-top-two-left{margin-left: 50px;}
.tag{padding: 30px 0px !important;position: relative;}
.tag:hover span{color: rgb(7,80,174);}
.fixed-top-two-left li:last-child span{border: 0px;}
.navbar-fixed-two{background-color: transparent;height: 72px;display: flex;align-items: center;opacity: 1;transition: 0.3s;border: 0px;color: #fff;}
.navbar-fixed-two:hover{opacity: 1 !important;background-color: #fff !important;}
.navbar-fixed-two:hover .tag span{color: #333 !important;border-right:1px solid #ccc !important}
#navbar-brand{width: 170px;}
#navbar-brand img{width: 150px;height: 60px;margin-top: 14px;transition: 0.3s;}
.navbar-fixed-two .tag span{color: #fff;}
.tag span{display: block;border-right: 1px solid #fff;padding: 0px 35px;color: #000;font-size: 17px; letter-spacing: 1px;}
.container-fluid{width: 1300px;margin: 0 auto;margin-top: -10px;color: #fff;}
.line{width: 0px;border-bottom: 3px solid rgb(7,80,174);position: absolute;bottom: -1px;left: 50%;margin-left: -23px;top: 22px;transition: 0.3s;}
.tag:hover .line{width: 46px;}
ul{padding-left: 0px;}
li{list-style: none;}
body a{text-decoration: none !important;}
.swiper-pagination-bullet-active{width: 25px;height: 25px;}
.banner-box{margin-top: -22px;overflow: hidden;position: relative;}
/* #myCarousel .item{position: relative;} */
#myCarousel .banner-dw{position:absolute;left:0px;bottom: 338px;width: 805px;border-radius: 20px;padding: 20px;background-color: rgb(66,113,181);padding-left: 260px;padding-bottom: 50px;padding-top: 30px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.banner-dw-img{border-bottom: 1px solid #fff;width: 500px;padding-bottom: 30px;}
.banner-dw-content{color: rgb(255,243,132);margin-top: 22px;font-size: 24px;letter-spacing: 2px;}
.banner-box .item .banners{
	animation-name: example;
	animation-duration: 8s;
  overflow: hidden;}
@keyframes example {
	0%   {transform: scale(1.1);}
	100% {transform: scale(1);}
  }
body{background: rgb(248,248,248);/* padding-top: 100px; */}
.hot-pro,.about-us{width: 1300px;margin: 0 auto;}
.hot-pro-box{background-color: #fff;position: relative;border: 5px;border-radius: 20px;z-index: 800;}
.hot-pro-box .dw ul{display: flex;align-items: center;border-bottom: 1px solid #ccc;padding: 10px 20px;margin-top: -46px;background: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden;flex-wrap: wrap;}
.hot-pro-box .dw ul li{font-size: 16px;margin-right: 15px;}
.hot-pro-box .dw ul li a{color: rgb(145,145,145);}
.hot-pro-box .dw ul li:hover a{color: rgb(7,80,174);}
.hot-pro-box .dw ul .label-hot{font-size: 18px;color: rgb(7,80,174);margin-right: 10px;position: relative;}
.pro-center-box{width: 100%;}
.pro-center-box .hot-list-box{display: flex;/* justify-content: space-between; */padding: 0px;}
.pro-center-box .hot-list-box li{width: 23%;margin-right: 26px;}
.pro-center-box .hot-list-box li .hot-des-box{border: 0px;padding: 5px 10px;box-shadow: #d4d4d4 0px 2px 3px;}
.pro-center-box .hot-list-box li:hover .hot-des-box-title{color: #fff;}
.pro-center-box .hot-list-box li:hover .hot-des-box{background-color: rgb(7,80,174);}
.tabChange{display: none;display: flex;margin-top: 30px;flex-wrap: wrap;}
.tabChange .dt{width: 50%;padding-right: 30px;height: 300px;}
.tabChange .dt img{width: 100%;height: 100%;}
.pro-info{width: 50%;}
.pro-info .pro-logo{border-bottom: 1px solid #ccc;padding-bottom: 20px;width: 65%;}
.pro-info .pro-tit{color: #000;}
.pro-info .xx{font-size: 20px;color: #aaa;}
.pro-info .xx-des{font-size: 16px;}
.pro-button-box{display: flex;margin-top: 35px;justify-content: space-between;width: 80%;}
.pro-button-box a{display: inline-block;}
.pro-button-box a button{background-color: #fff;color: rgb(7,80,174);width: 200px;display: flex;padding: 4px 10px;border-radius: 5px;outline: none !important;padding: 10px 20px;justify-content: space-between;align-items: center;letter-spacing: 1px;border: 0px;box-shadow: #d4d4d4 0px 0px 3px;}
.pro-button-box .dh-box{display: flex;align-items: center;}
.pro-button-box .dh-box .dh{font-size: 20px;font-weight: bold;letter-spacing: 2px;margin-left: 20px;}
.about-us-outer{background-color: #fff;padding: 50px 0px;background: url(./imgs/关于我们-背景.png) 213px 143px no-repeat;}
.about-us-outer h3{font-size: 52px;font-weight: bold;color: rgb(101,101,101);}
.about-us-outer .x-tit{font-size: 20px;}
.about-us-outer .gd-button{display: inline-block;margin-top: 35px;}
.about-us-outer .gd-button button{background-color: #fff;color: rgb(7,80,174);width: 200px;display: flex;padding: 4px 10px;border-radius: 5px;outline: none !important;border-radius: 45px;padding: 10px 20px;justify-content: space-between;align-items: center;letter-spacing: 1px;border: 1px solid #ccc;box-shadow: #d4d4d4 0px 0px 3px;}
.flex{display: flex;}
.about-des-box{width: 50%;font-size: 15px;letter-spacing: 1px;line-height: 26px;padding-right: 30px;}
.about-des-box .cn{margin-top: 45px;}
.about-r{width: 50%;}
.about-r img{width: 100%;height: 332px;}
.pro-center{background-color: #fff;padding: 50px 0px;background: url(./imgs/产品-bg.png) right 200px no-repeat;}
.pro-center .pro-tit-d{font-size: 52px;font-weight: bold;color: rgb(101,101,101);}
.pro-tit-remark{font-size: 26px;}
.pro-change-box{display: flex;justify-content: flex-end;margin-top: -100px;}
.pro-lists{display: flex;background-color: #fff;box-shadow: #d4d4d4 0px 0px 6px;border-radius: 7px;overflow: hidden;}
.pro-lists li{padding: 16px 15px;background-color: #fff;color: #333;display: flex;align-items: center;flex-wrap: wrap;cursor: pointer;width: 100px;}
.pro-lists .active{background-color: rgb(7,80,174);color: #fff;}
.pro-lists .active .pro-line i{border-top: 1px solid #fff;}
.pro-lists li span{display: inline-block;width: 100%;text-align: center;height: 20px;}
.pro-lists li .pro-line{line-height: 10px;margin: 5px;}
.pro-lists li .pro-line i{border-top: 1px solid #ccc;display: inline-block;width: 42px;}
button:hover{opacity: 0.9 !important;}
.pro-lists li:hover{opacity: 0.9 !important;}
.cpyy .d-tit{margin-top: 30px;text-align: center;}
.cpyy .d-tit h4{letter-spacing: 8px;font-weight: bold;font-size: 36px;}
.cpyy .d-tit .d-des{width: 800px;margin: 0 auto;display: block;line-height: 26px;margin-top: 20px;}
.cpyy .button div:hover{opacity: 0.9;}
.cpyy .button div{background-color: rgb(7,80,174);}
/* .cpyy .swiper-pagination-bullet-active{border: 6px solid rgb(7,80,174);background: #FFF !important;}
.cpyy .swiper-pagination-bullet{background: rgb(7,80,174);}
.cpyy .swiper-container{padding-bottom: 38px;}
.cpyy .swiper-container .dw-box{position: absolute;bottom: -31px;background: #fff;width: 500px;left: 50%;margin-left: -250px;padding: 0px 20px;box-shadow: #d4d4d4 0px 0px 3px;}
.cpyy .swiper-container .dw-box .tit{margin-top: 10px;font-weight: bold;font-size: 18px;color: rgb(7,80,174);}
.cpyy .swiper-container .dw-box .des{color: rgb(145,145,145);} */
.hot-list-box{padding: 20px 80px;display: flex;flex-wrap: wrap;}
.hot-list-box li{margin-right: 30px;width: 30%;margin-top: 20px;}
.hot-list-box li .hot-img-box{position: relative;overflow: hidden;}
.fullWidth{width: 100%;}
.mb{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: rgb(110 165 239);display: flex;align-items: center;opacity: 0.3;display: none;}
.lj{transition: 1s all;position: absolute;/* top: 50%; */left: 50%;margin: 0 auto;width: 50px;margin-left: -25px;margin-bottom: -25px;height: 50px;background: rgb(0,77,181);border-radius: 50%;text-align: center;line-height: 50px;color: #fff;bottom: -50px;}
.hot-des-box{display: flex;justify-content: space-between;padding: 15px 0px;border-bottom: 1px solid #ccc;position: relative;}
.hot-des-box-title{color: #333;letter-spacing: 2px;}
.hot-img-outer:hover .mb{display: block;}
.hot-img-outer:hover .lj{display: block;bottom: 50%;}
.hot-img-outer:hover .hot-des-box-title{color: rgb(7,80,174);}
.hot-des-box-arrow,.hot-des-box-arrow-change{width: 15px;height: 15px;}
.hot-des-box-arrow-change{display: none;}
.hot-img-outer:hover .hot-des-box-arrow-change{display: block;}
.hot-img-outer:hover .hot-des-box-arrow{display: none;}
.hot-img-outer:hover .x-line{width: 100%;display: block;}
.x-line{border-bottom: 1px solid rgb(7,80,174);position: absolute;bottom: -1px;display: none;width: 0px;transition: 1s;display: block;}
.themeColor{color: rgb(7,80,174);}
.hot-pro, .about-us{padding-bottom: 50px;}
.search-box{display: flex;margin-top: 23px;}
.search-box img{cursor: pointer;}
.search-box li{width: 35px;margin-left:20px;height: 35px;margin-left:30px;}
.news-outer h3{font-size: 52px;font-weight: bold;color: rgb(101,101,101);}
.news-outer .x-tit{font-size: 26px;}
.news-change-ol{display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.news-change-ol ul{width: 49%;}
.news-change-ol .left li{display: flex;justify-content: space-between;border: 1px solid #ccc;padding: 10px;margin-top: 20px;}
.news-outer .news-tit{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #333;overflow: hidden;font-size: 18px;}
.news-img{width: 100%;margin-right: 10px;height: 185px;}
.news-odes{color: rgb(101,101,101);line-height: 21px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 85px;overflow: hidden;}
.news-more-obox{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.news-more-obox a button{background-color: #fff;color: #000;border-radius: 30px;outline: none !important;padding: 5px 16px;align-items: center;letter-spacing: 1px;border: 0px;box-shadow: #d4d4d4 0px 0px 3px;font-size: 16px;display: flex;justify-content: flex-end;width: 80px;}
.o-date{color: rgb(101,101,101);display: flex;padding-right: 15px;letter-spacing: 1px;font-size: 15px;}
.news-change-ol .right li{display: flex;align-items: center;border: 1px solid #ccc;margin-top: 20px;color: #ccc;padding: 10px;}
.news-change-ol .right li:hover .r-tit{color: rgb(7,80,174);}
.r-tit{transition: 0.3s;}
.news-change-ol .right li .r-date{border-right: 1px solid #ccc;display: flex;margin-right: 20px;flex-wrap: wrap;flex-shrink: 0;}
.news-change-ol .right li .r-date .r{width: 100%;font-size: 30px;text-align: center;font-weight: bold;color: rgb(7,80,174);}
.news-change-ol .right li .r-date .month{width: 100%;text-align: center;font-size: 18px;margin-bottom: 0px;    color: rgb(145,145,145);}
.news-change-ol .right li .r-tit{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #333;overflow: hidden;font-size: 18px;}
.news-change-ol .right li .r-des{margin-top: 20px;color: rgb(145,145,145);text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 39px;overflow: hidden;}
.news-change-ol .left li:hover button{background-color: rgb(7,80,174);}
.news-change-ol .left li button{transition: 0.3s;}
.news-change-ol .left li:hover .news-tit{color: rgb(7,80,174);}

.news-change-ol .left li .dj{display: none;}
.news-change-ol .left li:hover .dj{display: block;}
.news-change-ol .left li:hover .wdj{display: none;}
.news-outer{margin: 80px auto 50px;width: 1300px;}
.news-fl{display: flex;justify-content: flex-end;margin-top: -50px;}
.news-fl .active{background-color: rgb(7,80,174);color: #fff;}
.news-fl .active .dj{display: block;}
.gs-news{background-color: #fff;color: #000;display: flex;border-radius: 30px;outline: none !important;padding: 15px 35px;justify-content: space-between;align-items: center;letter-spacing: 1px;border: 0px;box-shadow: #d4d4d4 0px 0px 3px;font-size: 16px;display: flex;justify-content: space-between;}
.gs-news img{width: 18px;display: none;margin-right: 10px;}
.hy-news{margin-left: 20px;}
.hy-news .wdj{display: block;}
.news-change{display: none;margin-top: 50px;flex-wrap: wrap;}
.news-change .news-change-tl ul li{border: 0px;border-bottom: 1px solid #ccc;}
.news-change .news-change-tl ul li div{width: 100%;}
.news-change .news-change-tl ul li:hover{border-bottom: 1px solid rgb(7,80,174);}
.news-change .news-change-tl ul li:hover a{color: rgb(7,80,174);}
.news-change .news-change-tl ul li:hover i{background-color: rgb(7,80,174);}
.news-change-tl ul li a{transition: 0.3s;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #333;overflow: hidden;font-size: 18px;font-weight: bold;width: 100%;}
.news-change-tl ul li a i{width: 10px;height: 0;padding-top: 10px;border: 1px solid #ccc;background: rgb(173,170,173);display: inline-block;margin-right: 10px;transition: 0.3s;}
footer{background-color: rgb(0,0,0);}
.footer-box{width: 1300px;margin: 0px auto;display: flex;flex-wrap: wrap;margin-bottom: 40px;}
.footer-left{width: 70%;border-right: 1px solid #fff;padding-right: 80px;margin-top: 40px;}
.footer-left li a{color: #fff;}
.footer-left li a:hover{opacity: 0.9;}
.ul-o{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #fff;padding: 0px 0px 30px;}
.ul-t{display: flex;justify-content: space-between;}
.ul-t li{color: #fff;width: 200px;}
.MT30{margin-top: 30px;}
.footer-wx{width: 130px;margin-top: 20px;}
.footer-wx img{width: 150px;}
.MT15{margin-top: 15px;}
.footer-r{width: 30%;padding: 30px;padding-right: 0px;}
.footer-tit{color: #fff;font-size: 20px;margin-top: 20px;}
.t-input-box{display: flex;justify-content: space-between;margin-top: 25px;}
.t-input-box input{background: #000;border-radius: 2px;width: 120px;height: 40px;line-height: 40px;margin-top: 5px;border: 1px solid #ccc;padding-left: 7px;padding-right: 7px;font-size: 14px;outline: none;color: #fff;}
.footer-text{background: #000;border-radius: 2px;width: 100%;height: 80px;margin-top: 5px;border: 1px solid #ccc;padding-left: 7px;padding-right: 7px;font-size: 14px;margin-top: 28px;outline: none;color: #fff;}
.commit-footer{background-color: #fff;color: #000;outline: none !important;padding: 10px 20px;align-items: center;letter-spacing: 2px;border: 0px;box-shadow: #d4d4d4 0px 0px 3px;font-size: 16px;display: flex;justify-content: space-between;margin-top: 20px;}
.link-box{border-top: 1px solid #fff;padding: 20px 0px;}
.link-center{width: 1300px;margin: 0px auto; display: flex;color: #fff;justify-content: space-between;}
.link-content a{color: #fff;margin-right: 10px;}
.link-content a:hover{opacity: 0.9;}
.cnb{width: 1300px;margin: 0 auto;display: flex;justify-content: space-between;}
.cnb-box{display: flex;justify-content: center;width: 100%;align-items: center;}
.cnb-tit-box{display: flex;justify-content: space-between;box-shadow: #d4d4d4 0px 0px 3px;border-radius: 30px;align-items: center;}
.cnb-img{margin-left: 25px;}
.cnb-des{margin-bottom: 0px;padding: 10px 20px;display: flex;align-items: center;}
.cnb-des .rx{color: rgb(145,145,145);margin-right: 10px;}
.cnb-des .tel{color: #000;font-size: 28px;}
.cnb-btn{background-color: rgb(7,80,174);color: #fff;display: flex;border-radius: 30px;outline: none !important;padding: 17px 36px;justify-content: space-between;align-items: center;letter-spacing: 1px;border: 0px;box-shadow: #d4d4d4 0px 0px 3px;font-size: 18px;}
.sousuo {width: 245px;position: relative;}
.sousuo input{height: 40px;line-height: 40px;margin-top: 15px;border-radius: 35px;border: 1px solid rgb(206,207,206);width: 240px;color: #333;padding-left: 15px;outline: none;}
.sousuo .search-a{padding: 11px;height: 30px;margin-left: -47px;border-top: 0px;border-bottom: 0px;cursor: initial;}
.sousuo a img{width: 20px;height: 20px;margin-top: -6px;}
.search-links{display: flex;width: 98%;border-top: 0px;flex-wrap: wrap;position: absolute;z-index: 1000;background: #fff;}
.product-left{width: 18%;}
li{list-style: none !important;}
.product-list-box {padding: 0px;border: 1px solid #e8e8e8;}
.single-list {height: 48px;overflow: hidden;transition: 0.5s;}
.product-list-box h3 {margin: 0px;}
.product-list-box h3 a {padding: 15px 0px;font-size: 15px;border-bottom: 1px solid #ccc;width: 100%;padding-bottom: 15px;font-weight: bold;display: flex;justify-content: space-between;}
.single-list .seeMore {transition: 0.2s;display: none;}
.product-list-box h3 a span{color: rgb(145,145,145);letter-spacing: 2px;font-weight: normal;padding: 0px 15px;font-weight: bold;}
.product-list-box h3:hover span{color: rgb(7,80,174);}
.pro-hide a{padding: 0px;font-size: 14px;border-bottom: 1px solid #ccc;width: 100%;display: inline-block;padding: 10px 15px;display: flex;color: #949494;}
.pro-hide{height: 0px;transition: 0.5s;}
.single-list:hover .pro-hide{height: auto !important;}
.single-list:hover{height: auto;}
ul{margin-bottom: 0px;}
.single-list .seeMore:first-child{display: block;}
.single-list h3:hover .seeMore{display: block;}
.product-list-box ul li a:hover{color: rgb(24,85,148);}
.product-left-box{width: 1300px;margin: 0 auto;margin-top: 40px;margin-bottom: 55px;}
.product-left .tit{background-color: rgb(0,77,181);color: #fff;font-weight: bold;font-size: 24px;padding: 13px 15px;border-top-left-radius: 5px;border-top-right-radius: 5px;letter-spacing: 4px;}
.seeMore img{width: 8px;}
.product-right {width: 79%;}
.product-left-box {display: flex;justify-content: space-between;}
.product-single {width: 31%;margin-top: 20px;border-radius: 20px;margin-right: 14px;transition: 0.3s;overflow: hidden;}
.product-single:hover{margin-top: 10px;}
.product-single:hover img{transform: scale(1.1);transition: 1s;}
.single-p-title a{color: #333;font-size: 18px;padding: 10px 0px;display: inline-block;width: 100%;font-size: 15px;letter-spacing: 1px;transition: 0.5s;padding-top: 22px;}
.single-p-title {margin-top: 10px;text-align: center;cursor: pointer;margin: 0px;}
.products-box .product-single .product-img {width: 100%;height: auto;}
.products-box{margin-top: -20px;}
.products-box {display: flex;flex-wrap: wrap;}
.product-single:hover .single-p-title a{color: rgb(0,77,181);}
.hot-pro-boxx{background: #fff;margin-bottom: 45px;padding: 4px 0px;height: 58px;line-height: 28px;}
.hot-pro-boxx .hot-pro{padding-bottom: 0px;}
.hot-pro-boxx .hot-pro .dw{position: relative;/* z-index: 10; */}
.hot-pro-boxx .hot-pro .dw ul{margin-top:0px;border-bottom:0px;}
.hot-pro-boxx .hot-pro .dw .sousuo{position: absolute;right: 0px;top: -10px;}
.product-right h3 {padding: 5px 0px 10px;border-bottom: 1px solid #ccc;margin: 0px;display: flex;color: rgb(145,145,145);font-size: 14px;}
.product-right a img {width: 25px;height: 25px;margin-top: -5px;}
.product-right .dh-a:first-child {margin-left: 0px;}
.product-right .dh-a, .product-right .line-span {margin-left: 4px;color: rgb(145,145,145);}
.product-right .dh-a:hover{color: rgb(7,80,174);}
.product-right a {color: rgb(145,145,145);}
.product-active {font-weight: bold;color: rgb(7,80,174) !important;}
.product-right {width: 79%;background: #fff;padding: 20px;}
.product-right .detail{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ccc;padding: 0px;flex-wrap: wrap;padding-bottom: 0px;}
.product-right .detail h1{margin: 0px;font-size: 26px;color: #000;font-weight: bold;}
.fb-time{width: 100%;margin-top: 10px;}
.detail-img-box{display: flex;margin-top: 20px;}
.detail-left{width: 65%;margin-right: 30px;}
.detail-left img{width: 100%;height: 520px;}
.detail-right{width: 35%;}
.detail-right img{width: 100%;height: 250px;}
.detail-right img:last-child{margin-top: 20px;}
.product-right td, .product-right th {/* width: 50%; */border: 1px dashed #949494;border-collapse: collapse;padding: 5px 10px;font-weight: normal;}
.mk-pro{margin-top: 30px;padding-bottom: 25px;border-bottom: 1px dashed #ccc;}
.mk-pro .pro-e-title{display: flex;align-items: center;border-bottom: 0px;}
.mk-pro .pro-e-title .pro-l{border-left: 9px solid rgb(0,77,181);height: 38px;display: block;}
.mk-pro .pro-e-title .mk-tit{margin-left: 20px;font-weight: bold;font-size: 26px;color: #000;letter-spacing: 2px;}
.detail-pro-center .about-us{width: 100%;}
.detail-pro-center{background:none;}
.detail-pro-center .about-us .pro-tit-d{border: 0px;}
.detail-pro-center .about-us .pro-tit-remark{    margin-left: 0px;font-weight: bold;font-size: 26px;color: #000;letter-spacing: 2px;}
.detail-pro-center .about-us .product-right{width: 100%;padding: 0px;}
.detail-pro-center .about-us .product-right .products-box{margin-top: 5px;}
.detail-pro-center .about-us .product-right .products-box .dw-hz img{width: 100%;height: auto;}
.hy-outer{width: 1254px;margin: 0 auto;margin-top: 60px;}
.hy-outer .line-outer{display: flex;justify-content: center;align-items: center;}
.hy-outer .line-outer i{display: inline-block;width: 200px;border-bottom: 1px solid rgb(7,80,174);}
.hy-outer .line-outer .hyly{letter-spacing: 8px;font-weight: bold;font-size: 36px;color: rgb(7,80,174);margin: 0px 30px;}
.hy-outer .d-des{width: 800px;color: rgb(145,145,145);margin: 0 auto;display: block;line-height: 26px;margin-top: 5px;text-align: center;font-size: 16px;letter-spacing: 2px;}
.input-outer{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;width: 1200px;margin: 0px auto;margin-top: 40px;margin-bottom: 52px;}
.input-outer .input-box{display: flex;align-items: center;width: 30.33%;margin-right: 20px;}
.input-outer .input-box .tips{margin: 0 10px;letter-spacing: 3px;}
.input-outer .input-box input{height: 35px;line-height: 35px;border-radius: 0px;border: 1px solid #adadad;width: 97%;color: #333;padding-left: 10px;outline: none;}
.input-outer .textarea-box{display: flex;align-items: center;width: 116%;}
.input-outer .textarea-box textarea{height: 122px;border-radius: 0px;border: 1px solid #adadad;width: 100%;color: #333;padding-left: 10px;outline: none;margin-top: 20px;}
.ly-btn-box{width: 100%;display: flex;justify-content: flex-end;margin-top: 20px;}
.ly-btn-box button{background-color: rgb(7,80,174);color: #fff;width: 155px;border-radius: 0px;outline: none !important;padding: 10px 20px;justify-content: space-between;align-items: center;border: 0px;box-shadow: #d4d4d4 0px 0px 3px;margin-right: 20px;margin-top: 30px;text-align: center;font-size: 16px;letter-spacing: 4px;}
.tips-box{width: 145px;flex-shrink: 0;}
.contact-us{width: 1300px;margin: 0 auto;margin-bottom: 40px;}
.contact-us .info-boxx{display: flex;flex-wrap: wrap;}
.contact-us .info-boxx li{padding: 60px 0px;display: flex;align-items: center;justify-content: center;width: 25%;flex-wrap: wrap;background-color: #fff;border: 1px solid #fff;transition: 0.5s;border-bottom: 2px solid #fff;height: 338px;}

li {}
.contact-us .info-boxx li:hover{border: 1px solid #ccc !important;border-bottom: 2px solid rgb(7,80,174) !important;}
.contact-us .info-boxx li .o-p{margin: 0px;width: 100%;text-align: center;margin-bottom: 20px;}
.contact-us .info-boxx li .w-p{margin: 0px;width: 100%;text-align: center;margin-bottom: 20px;font-size: 17px;letter-spacing: 3px;color: rgb(145,145,145);height: 40px;}
.contact-us .info-boxx li .t-p{margin: 0px;width: 100%;text-align: center;margin-bottom: 20px;color: #000;font-size: 20px;letter-spacing: 1px;height: 36px;}
.news-center-tag .tag span{border-right: 0px;}
.news-center-tag .tag i{display: block;margin-top: 14px;}
.news-list-outer{width: 1300px;margin: 0 auto;}
.news-list-outer .news-change-ol ul{width: 100%;display: flex;flex-wrap: wrap;}
.news-list-outer .news-change-ol ul li{flex-wrap: wrap;width: 31.3%;margin-right: 20px;    border: 0px solid #ccc;}
.news-list-outer .news-change-ol ul li .news-img-box{width: 100%;}
.news-list-outer .news-change-ol ul li .news-img-box img{width: 100%;}
.news-list-outer .news-change-ol ul li .des-list-box{background-color: #fff;padding: 0px 20px;width: 100%;}
.news-list-outer .news-change-ol ul li .des-list-box .news-tit{font-size: 16px;color: #333;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #333;
overflow: hidden;}
.news-list-outer .news-change-ol ul li .des-list-box .news-odes{font-size: 14px;}
.news-list-outer .news-change-ol ul li .des-list-box .o-date{font-size: 14px;}
.news-list-outer .news-change-ol ul li:hover .news-tit{color: rgb(7,80,174);}
.product-right .news-detail h1{font-size: 22px;letter-spacing: 4px;color: #333;}
.news-detail-outer{width: 100%;}
.news-detail-outer .detail .fb-time{color: rgb(145,145,145);}
.news-detail-outer .detail .fb-time .fbsj{margin-right: 20px;}
.news-detail-outer .detail .fb-time .keywords{margin-right: 10px;}
.news-detail-outer .detail .fb-time .keywords span{margin-right: 5px;}
.news-detail-outer .detail .fb-time .keywords span:hover a{color: rgb(7,80,174);}
.sx-box{margin-top: 30px;}
.sxt {padding: 5px 15px;border-radius: 2px;display: block;margin-top: 4px;color: #949494;padding-left: 0px;width: auto;width: auto;display: inline-block;}
.sxt:hover{color: rgb(7,80,174);}
.join-us-box .news-detail-outer .news-detail{font-size: 16px;letter-spacing: 1px;line-height: 26px;display: block;border: 0px;}
.join-us-box .news-detail-outer .news-detail .themeColor{font-weight: bold;}
.join-us-box .join-us-list{margin-top: 20px;}
.join-us-box .join-us-list .news-detail{font-size: 16px;letter-spacing: 1px;line-height: 26px;display: block;border: 0px;display: flex;align-items: center;padding: 12px 42px;}
.join-us-jtbox img{width: 16px;transition: 0.3s;}
.join-us-box .join-us-list .news-detail h3{border: 0px;font-size: 18px;font-size: #333;color: #000;letter-spacing: 2px;}
.join-us-box .join-us-list .news-detail .keywords span{color: rgb(145,145,145);margin-right: 30px;letter-spacing: 4px;}
.join-us-box .join-us-list:hover .join-us-jtbox img{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.join-us-box .join-us-list .news-detail .join-content{display: none;width: 100%;margin-top: 15px;}
.join-us-box .join-us-list .news-detail:hover .join-content{display: block;}
.about-tab-change{display: none;background: none;}
.about-tab-act{display: block;background: none;padding-bottom: 0px;}
.about-tab-change .about-titt{color: #000;font-size: 32px;font-weight: bold;}
.about-des-boxx{width: 434px;letter-spacing: 4px;line-height: 40px;margin-bottom: 40px;font-weight: bold;}
.about-tag .tag{cursor: pointer;}
.fzlc{background: url(./imgs/bg.jpg) center no-repeat;padding: 30px 0px;padding-top: 110px;padding-bottom: 0px;}
.fzlc .fzlc-list{display: flex;margin: 36px 10px;flex-wrap: wrap;}
.fzlc .fzlc-list li{width: 16%;position: relative;height: 320px;}
.fzlc .fzlc-list li .fzlc-tit{color: rgb(173,170,173);font-size: 46px;letter-spacing: 2px;font-weight: bold;}
.fzlc .fzlc-list li .fzlc-des{display: flex;align-items: start;height: 45px;margin-top: -6px;}
.fzlc .fzlc-list li .fzlc-des .dess{display: inline-block;width: 298px;margin-left: 10px;letter-spacing: 1px;font-size: 16px;}
.fzlc .fzlc-list li .fzlc-des .round{width: 15px;height: 15px;display: inline-block;border-radius: 50%;background-color: rgb(57,97,156);margin-top: 4px;}
.fzlc .fzlc-list li .line-box{position: relative;margin-top: 107px;}
.fzlc .fzlc-list li .line-box .yuan{display: inline-block;border-radius: 50%;background-color: #fff;width: 15px;height: 15px;position: absolute;left: 80px;z-index: 10;border: 1px solid #ccc;padding: 3px;}
.fzlc .fzlc-list li .line-box .yuan .nyuan{display: block;border-radius: 50%;background-color: rgb(57,97,156);width: 7px;height: 7px;/* position: absolute; *//* left: 80px; *//* z-index: 10; *//* display: none; */margin-top: 0px;margin-left: 0px;display: none;}
.fzlc .fzlc-list li .line-box .xian{display: inline-block;width: 200px;border-bottom: 1px solid rgb(101,101,101);width: 100%;position: absolute;top: 8px;}
.fzlc .fzlc-list li:hover .yuan{background-color: #fff;border: 1px solid rgb(57,97,156);}
.fzlc .fzlc-list li:hover .nyuan{display: block !important;}
.fzlc .fzlc-list li:hover .fzlc-tit{color: rgb(57,97,156);}
.dszzc .about-des-box{width: 90%;width: 100%;}
.dszzc .about-des-box .about-des-boxx{margin-top: -30px;}
.dszzc .about-des-box .dsz-des{letter-spacing: 2px;color: rgb(145 145 145);text-indent: 30px;}
.dszzc .about-r{width: 30%;}
.dszzc .about-r{width: 30%;width: 100%;}
.dszzc .about-r .img-boxx{text-align: center;padding: 20px 0px;font-size: 20px;font-weight: bold;letter-spacing: 8px;display: flex;align-items: center;justify-content: center;width: 100%;
    text-align: right;
    font-family: cursive;
    justify-content: flex-end;}
.dszzc .about-r .img-boxx span{font-size: 45px;font-family: cursive;margin-left: 5px;}
.carousel-inner img{width: 100%;}
.body{padding-top: 88px !important;}
#search{
height: 40px;
line-height: 40px;
margin-top: 15px;
border-radius: 5px;
border: 1px solid rgb(206,207,206);
width: 240px;
color: #333;
padding-left: 10px;
background: #fff;
outline: none;
width: 100%;}
#search:focus{border:1px solid rgb(24,85,148);}
.search-links{display: flex;width: 100%;border-top: 0px;flex-wrap: wrap;    position: absolute;z-index: 1000;background: #fff;}
.search-links a{height: 30px;width: 100%;line-height: 30px;padding: 0px 10px;color: #000;overflow: hidden;}
.search-a{padding: 11px;border: 1px solid #ccc;height: 30px;margin-left: -47px;border-right: 0px;border-top: 0px;border-bottom: 0px;cursor: initial;/* position: absolute; *//* top: 0px; */}
.search-hideen{position: relative;width: 200px;/* overflow: hidden; */display: none;z-index: 10000;}
.cover{    width: 100%;
height: 100%;
background-color: initial;
position: fixed;background: red;
display: none;background: none;top: 0px;z-index: 1000;}
.show-content{position: absolute;top: 81px;background-color: rgb(7,80,174);height: 0px;transition: 0.3s;overflow: hidden;display: flex;flex-wrap: wrap;/* display: block; *//* padding: 5px 0px 15px; *//* align-items: center; */}
.pro-nav-list:hover .show-content{height: 200px;}
.show-content a{width: 100%;padding-left: 20px;margin-bottom: 10px;color: #fff;}
.show-content a:hover{opacity: 0.9;}
.mk-pro .news-change-ol ul{    display: flex;
flex-wrap: wrap;
width: 100%;}
.mk-pro .news-change .news-change-tl ul li{    width: 46%;
margin-right: 30px;}
.mk-pro table{width: 100%;}

.mk-pro .pro-detail td, .mk-pro .pro-detail th {
/* width: 50%; */
border: 1px solid #949494;
border-collapse: collapse;
padding: 5px 10px;
font-weight: normal;
}
.mk-pro .pro-detail{
font-size: 18px;
padding: 20px 0px 40px;
color: rgb(45 45 45);
}
.gc-des{
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
  font-size: 15px;
  letter-spacing: 1px;
  transition: 0.5s;
  padding-top: 22px;
  color: rgb(145,145,145);
}
.product-single:hover .single-p-title .gc-des{color: rgb(0,77,181);}
.modal-content{width: 800px;
  margin-left: -100px;
  margin-top: 150px;}

.page{text-align: center;}
.page .pagination li a{margin-left: 10px;color: #000;}
.carousel-indicators{margin-bottom: 100px;}
.rmcp{font-size: 32px;font-weight: bold;letter-spacing: 2px;width: 70px;height: 70px;line-height: 70px;margin-left: -36px;margin-top: -35px;padding-left: 3px;/* bottom: 0%; */}
.gzh-f{text-align: center;width: 150px;margin-top: 10px;}
.contact-us .info-boxx li .t-p-lx{font-size: 14px;text-align: left;/* padding-left: 35px; */height: 11px;text-align: center;}
.products-box .gongchang{border-radius: 0px !important;}
.products-box .gongchang .dw-hz{overflow: hidden;}
.products-box .gongchang:hover{margin-top: 20px !important;}
.about-r .about-r-img{height: 430px;}
.news-detail-content{padding-top: 20px;}
#sm-nav{display: none;}
#example-navbar-collapse222{height: 0px;transition: 0.3s;margin-top: 12px;overflow: hidden;}
#sj-navbar{display: none;}



@media screen and (max-width: 1700px) {

}

@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1024px) {
    .container-fluid{width: 100%;margin: 0 auto;margin-top: -10px;background: #fff;/* padding: 0px; */}
    .hot-pro,.about-us{width: 100%;margin: 0 auto;padding-bottom: 0px;}
    .news-outer{margin: 80px auto 50px;width: 100%;}
    .footer-box{width: 100%;margin: 0px auto;display: flex;flex-wrap: wrap;margin-bottom: 10px;}
    .link-center{width: 100%;margin: 0px auto; display: flex;color: #fff;justify-content: space-between;}
    .cnb{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
    .product-left-box{width: 100%;margin: 0 auto;margin-top: 40px;margin-bottom: 55px;flex-wrap: wrap;}
    .contact-us{width: 100%;margin: 0 auto;margin-bottom: 40px;}
    .news-list-outer{width: 100%;margin: 0 auto;margin-bottom: 30px;}
    .show-content{display: none;}
    .navbar-fixed-top{position: initial;}
    .search-box{display: none;}
    .navbar-fixed-two{    position: initial;
      margin-top: -20px;margin-bottom: 8px;}
      #navbar-brand img{margin-top: 5px;}
      .navbar-toggle{margin-top: 15px;}
      .search-box{display: none;}
      .fixed-top-two-left{display: none;}
      .navbar-fixed-two{display: block;}
      #bs-example-navbar-collapse-1{display: none;}
      .footer-r{width: 100%;padding: 0px;padding: 0px 15px;}
      .footer-left{width: 100%;padding-right: 0px;padding: 0px 10px;margin-top: 15px;}
      .navbar-fixed-top{display: none;}
      .about-des-box{width: 100%;padding-right: 0px;}
      .about-fa{flex-wrap: wrap;}
      .about-r{width: 100%;}
      .navbar-header{padding: 5px 20px;}
      .navbar-brand img{width: 138px;}
#sm-nav{display: block;}
.hot-list-box{padding: 0px;padding: 15px;}
.hot-list-box li{width: 100%;margin-right: 0px;}
.margin-right{margin-right: 0px;}
.pro-lists{margin-top: 110px;}
.pro-center{background: none}
.tabChange .dt{width: 100%;padding-right: 0px;height: auto;}
.pro-info{width: 100%;text-align: center;}
.pro-logo{width: 100% !important;text-align: center;}
.pro-button-box{width: 100%;text-align: center;}
.pro-center-box .hot-list-box li{width: 100%;margin-right: 0px;}
.news-fl{margin-top: 20px;text-align: left;justify-content: flex-start;}
.news-change-ol .left li{width: 100%;flex-wrap: wrap;}
.news-change-ol ul{width: 100%;}
.ul-o{width: 100%;flex-wrap: wrap;padding-bottom: 16px;}
#wb-logo{width: 100%;margin-top: 0px;}
.footer-wx{display: none;}
.link-content{width: 100%;margin-bottom: 10px;}
.link-center{flex-wrap: wrap;}
#sj-navbar{display: block;width: 100%;}
#myCarousel .banner-dw{bottom: 0px;width: 170px;
    font-size: 12px;border-radius: 5px;padding-left: 0px;padding: 0px;padding: 10px;}
    .hot-pro{margin-top: 50px;padding: 0px;}
    .banner-dw-img{display: none;}
    .banner-dw-content{font-size: 12px;margin-top: 0px;}
    #sj-nav{top: 3px;}
    .navbar-brand{margin-top: -7px;}
    .about-us-outer{padding: 0px 15px;width: 100%;/* margin-top: 40px; */}
    .pro-center{padding: 0px 15px;width: 100%;}
    .pro-lists li span{height: 10px;}
    .pro-lists li .pro-line{margin: 5px;}
    .pro-lists li{padding: 10px 0px;padding-bottom: 17px;}
    .pro-button-box a{width: 100%;text-align: center;}
    .pro-button-box{flex-wrap: wrap;margin-top: 15px;}
    .pro-button-box .dh-box{width: 100%;text-align: center;justify-content: center;margin-top: 15px;}
    .pro-button-box a button{margin: 0 auto;}
    .pro-center-box .hot-list-box li .hot-des-box{border: 1px solid #e7e7e7;}
    .news-outer{padding: 0px 15px;margin: 0px;margin-bottom: 50px;}
    .news-outer h3{width: 100%;font-size: 24px;}
    .pro-center .pro-tit-d{font-size: 24px;}
    .about-us-outer h3{font-size: 24px;}
    .gs-news{font-size: 16px;padding: 10px 25px;}
    .news-change{    margin-top: 20px;}
    .news-outer .x-tit{font-size: 20px;}
    .footer-left .ul-o li{margin-top: 15px;}
    #wb-logo img{width: 100px;}
    .ul-t li{width: 100%;}
    .ul-t{flex-wrap: wrap;}
    #rxty,#qgxx{width: 50%;}
    .footer-text{padding-top: 5px;}
    .commit-footer{margin: 0 auto;margin-top: 15px;}
    .link-box{padding: 10px 15px;}
    .tabChange .dt img{height: auto;}
    .about-des-box .cn{margin-top: 15px;}
    .about-us-outer .gd-button{margin-top: 0px;}
    .pro-info .xx{display: none;}
    .about-des-box h1{margin-top: 0px;font-size: 26px;margin-bottom: 10px;}
    .pro-tit-remark{font-size: 20px;}
    .pro-info .pro-tit{font-size: 20px;}
    .sy-news-left,.sy-news-right{width: 100% !important;}
    .news-img{height: auto;}
    .navbar-header{padding: 5px 0px;}
    .navbar-nav>li>a{line-height: 20px;padding: 6px 20px;}
      #example-navbar-collapse222{border-top: 1px solid #ccc;}
      .hot-pro-boxx .hot-pro{margin-top: 0px;}
      .product-left{width: 100%;}
      .product-right{width: 100%;}
      .product-left{display: none;}
      .product-single{width: 100%;margin-right: 0px;}
      .product-left-box{margin-top: 0px;}
      .hot-pro-boxx{height: 30px;}
      #cpzx-sj-list{background: #fff;
        position: absolute;
        /* width: 200px; *//* width: 100%; */}
        .product-right .detail h1{font-size: 24px;margin-bottom: 15px;line-height: 30px;}
        .detail-left img{height: auto;}
        .detail-left,.detail-right{width: 100%;margin-right: 0px;}
        .detail-img-box{flex-wrap: wrap;}
        .detail-right img{margin-top: 15px;}
        .mk-pro .pro-detail{padding-bottom: 20px;}
        .mk-pro{margin-top: 20px;padding-bottom: 20px;}
        .detail-pro-center{padding: 0px;margin-top: 20px;}
        .about-des-boxx{width: 100%;}
        .about-des-outer{flex-wrap: wrap;/* margin-top: 40px; *//* padding-top: 20px; */}
        .about-tab-change .about-titt{font-size: 22px;}
        .fzlc{padding-top: 20px;}
        .fzlc .about-us h3{margin-top: 0px;}
        .fzlc .fzlc-list li{width: 100%;height: 118px;}
        .fzlc .fzlc-list{flex-wrap: wrap;}
        .fzlc .fzlc-list li .fzlc-tit{font-size: 26px;}
        .fzlc .fzlc-list li .fzlc-des .dess{font-size: 16px;}
        .fzlc .fzlc-list li .line-box{    margin-top: 60px;}
        .fzlc .fzlc-list li .fzlc-des .dess{height: 49px;}
        .fzlc .fzlc-list li .fzlc-des{height: auto;}
        .hot-pro-box .dw ul li{font-size: 12px;}
        .news-center-tag span{padding: 0px 10px;font-size: 14px;}
        .dszzc .about-des-box .about-des-boxx{margin-top: 0px;margin-bottom: 20px;}
       /* #myModal{display: none !important;}
       .modal-backdrop {display: none !important;} */
       .products-box .gongchang:first-child{margin-top: -20px;}
       .modal-content{    width: 300px;
        margin-left: 9%;}
        .news-list-outer .news-change-ol ul li{width: 100%;margin-right: 0px;}
        .contact-us .info-boxx li{width: 100%;height: 200px;padding-top: 20px;padding-bottom: 20px;}
        .contact-us .info-boxx li:first-child{height: 300px;}
        .contact-us .info-boxx li .w-p{margin-bottom: 0px;}
        #lxdhh{margin-top: -38px;}
        .hy-outer{width: 100%;}
        .hy-outer .line-outer i{width: 38px;}
        .hy-outer .line-outer .hyly{font-size: 26px;/* width: 60%; */}
        .hy-outer .d-des{width: 100%;}
        .input-outer{margin-top: 20px;padding: 0px 15px;width: 100%;margin-bottom: 20px;}
        .input-outer .textarea-box{width: 100%;}
        .input-outer .input-box{width: 100%;}
        .input-box{margin-top: 20px;}
        .input-outer .textarea-box textarea{margin-top: 0px;}
        .ly-btn-box button{margin-top: 0px;text-align: center;margin-right: 0px;}
        .ly-btn-box{justify-content: center;}
        .join-us-box .join-us-list:first-child{margin-top: 0px;}
        .join-us-box .join-us-list .news-detail{padding: 0px;}
        .join-us-box .join-us-list .news-detail .keywords{display: flex;flex-wrap: wrap;}
        .join-us-box .join-us-list .news-detail .keywords span{width: 100%;}
        .join-us-jtbox img{width: 12px;margin-top: 10px;}
}

@media screen and (max-width: 768px) {

}