@charset "utf-8";body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
li,ol,ul{list-style:none;}
body{position:relative;color:#666;font-size:14px;font-family:Arial,"Microsoft YaHei";}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:none;}
img{ border: 0;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
@media (min-width:768px){.container{width:750px;}
}
@media (min-width:992px){.container{width:970px;}
}
@media (min-width:1200px){.container{width:1170px;}
}
@media (min-width:1430px){.container{width:1400px;}
}
.container-fluid{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
.row{margin-right:-15px;margin-left:-15px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-4-more,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-8-more,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;padding-right:15px;padding-left:15px;min-height:1px;}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}
@media (min-width:768px){
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-4-more,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-8-more,.col-sm-9{float:left;}
.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-8-more{width:69.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-4-more{width:30.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
}
@media (min-width:992px){
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left;}
.col-md-12{width:100%;}
.col-md-11{width:91.66666667%;}
.col-md-10{width:83.33333333%;}
.col-md-9{width:75%;}
.col-md-8{width:66.66666667%;}
.col-md-7{width:58.33333333%;}
.col-md-6{width:50%;}
.col-md-5{width:41.66666667%;}
.col-md-4{width:33.33333333%;}
.col-md-3{width:25%;}
.col-md-2{width:16.66666667%;}
.col-md-1{width:8.33333333%;}
}
@media (min-width:1200px){
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left;}
.col-lg-12{width:100%;}
.col-lg-11{width:91.66666667%;}
.col-lg-10{width:83.33333333%;}
.col-lg-9{width:75%;}
.col-lg-8{width:66.66666667%;}
.col-lg-7{width:58.33333333%;}
.col-lg-6{width:50%;}
.col-lg-5{width:41.66666667%;}
.col-lg-4{width:33.33333333%;}
.col-lg-3{width:25%;}
.col-lg-2{width:16.66666667%;}
.col-lg-1{width:8.33333333%;}
}





/*公共样式*/
.left {
  float: left;
}

.right {
  float: right;
}

.rowover {
  overflow: hidden;
}

.fixed {
  position: fixed !important;
  top: 0;
  z-index: 2;
}

.clear {
  clear: both;
}

@font-face {
  font-family: "Source Han Sans";
  src: url(../font/SourceHanSansCN-Normal.otf);
}


/*分页*/
.pagination { text-align: center; padding: 40px 0 10px 0;}
.pagination ul,.pagination ul li { list-style: none; display: inline-block; padding-left: 0px; text-align: center;}
.pagination ul li { counter-increment: pagination; border: #dddddd 1px solid; margin: 0 1px; border-radius: 5px;}
.pagination ul li a { display: inline-block; font-size: 14px; padding: 10px 15px;}
.pagination ul li:hover a { color: #000; background-color: #eeeeee;}
.pagination ul li.active a { color: #000; background-color: #eeeeee;}


/*头部*/
.tb{ width: 100%; background: #eeeeee;}
.tb-con{ display: flex; align-items: center; height: 45px;}
.tb-left{ flex: 1; font-size: 14px; color: #000;}
.tb-right{ flex: 1;}
.tb-right ul{ display: flex; justify-content: flex-end;}
.tb-right ul li{ border-right: #000 1px solid; padding: 0 10px;}
.tb-right ul li:last-child{ border-right: none;}
.tb-right ul li a:hover{ color: #0470b9;}
.bordernone{ border: none!important;}

.header {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff;}
.logo-con{ padding: 30px 0;}
.logo-img { float: left; width: 30%; }
.logo-img a { display: table-cell; vertical-align: middle;}
.logo-img img { display: block; height: auto;-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; vertical-align: middle;}
.phone{ display: flex; justify-content: flex-end; padding-top: 35px; float: right; width: 70%;}
.phone-left{ border-right: #000 1px solid; display: flex;}
.phone-left-lb{ display: flex; align-items: center; padding-right: 20px;}
.phone-left-lb-img{ width: 21px; height: 16px; flex-shrink: 0;}
.phone-left-lb-img img{ width: 100%; height: 100%; display: block;}
.phone-left-lb-text{ font-size: 14px; color: #000; padding-left: 10px;}
.phone-right{ padding-left: 20px; color: #ff0000; font-size: 14px;}
.phone-right a{color: #ff0000; font-size: 14px;}
.phone-right a:hover{ text-decoration: underline;}
.phone-right span{ padding: 0 5px;}




.dh { float: right;}

.i-menu{ display: flex; padding-top: 20px;}
.i-menu-right{ width: 17px; height: 17px; margin-top: 5px;}
.i-menu-right img{ width: 100%; height: 100%; display: block;}
.phmenu { display: none; align-items: center; float: right;}

/* 电脑端导航 */
.menu { flex: 1; padding-top: 10px; border-top: #ededed 1px solid; }
.menu-con{ display: flex;}
.menu-left{ flex: 1;}
.webmenu>ul>li { float: left; position: relative; padding: 0px; display: block; border-radius: 0px; border: 0;}
.webmenu>ul>li .menuactive { color: #fff; background-color: #0470b9; border-radius: 5px 5px 0 0;}
.webmenu>ul>li:hover>ul { display: block; width: 100%; text-align: center;}
.webmenu>ul>li>a { font-size: 16px; padding: 0 40px; display: block; color: #000; height: 45px; line-height: 45px;}
.webmenu>ul>li>a:hover { background-color: #0470b9; color: #fff; border-radius: 5px 5px 0 0;}
.webmenu>ul>li>ul { display: none; position: absolute; left: 0px; z-index: 10;}
.webmenu>ul>li:hover .firs { color: #fff !important; background-color: #0470b9; border-radius: 5px 5px 0 0;}
.webmenu>ul>li>ul>li { width: 100%; background: rgba(0, 0, 0, 0.5); border-bottom: #363636 1px solid; color: #fff; width: 100%; position: relative; padding: 15px 0px;}
.webmenu>ul>li>ul>li>a { color: #fff; font-size: 14px; font-weight: normal; width: 100%; display: block; }
.webmenu>ul>li>ul>li:last-child { border-bottom: 0;}
.webmenu>ul>li>ul>li:hover { background: rgba(0, 0, 0, 0.8);}
.webmenu>ul>li>ul>li:hover>ul { visibility: visible;}
.webmenu>ul>li>ul>li>ul { visibility: hidden; position: absolute; top: 0px; left: 122px; width: 100%;}
.webmenu>ul>li>ul>li>ul>li { background: rgba(0, 0, 0, 0.5); border-bottom: #e4e4e4 1px solid;}
.webmenu>ul>li>ul>li>ul>li:last-child { border-bottom: 0;}
.webmenu>ul>li>ul>li>ul>li a { font-size: 16px; color: #0470b9;}
.webmenu ul>li>ul>li>ul>li:hover { background: rgba(0, 0, 0, 0.4);}
.headerspacing{ height: 221px; display: none;}


/* 手机导航 */
.menu-active { display: block;}
.i-menu-right{  position: absolute; right: 60px; top: 35px;}
.phmenu { width: 100%; position: fixed; left: 0; right: 0; top: 161px; z-index: 10; display: none;}
.phmenu-blackmb { display: none; position: fixed; left: 0; right: 0; top: 162px; bottom: 0; z-index: 9; background: rgba(0, 0, 0, 0.7);}
.phmenu-btn { position: absolute; width: 20px; right: 20px; top: -86px;}
.phmenu-btn a { display: block;}
.phmenu-btn-line { background: #999; width: 20px; height: 2px; display: block; margin: 4px 0;}
.phmenu-con { display: none; background: #fff; padding: 0px 15px 20px; position: relative; z-index: 10;}
.phmenu-con ul>li { border-bottom: #ededed 1px solid; padding: 10px 0; overflow: hidden; position: relative;}
.phmenu-con ul>li:last-child { border-bottom: none; padding-bottom: 0;}
.phmenu-con ul>li>a { font-size: 18px;color: #000; font-weight: bold; display: block; height: 30px; line-height: 30px;}
.phmenu-con-lb-img { width: 20px; height: 20px; position: absolute; right: 10px; top: 17px;}
.phmenu-con-lb-img img { width: 100%; height: 100%; display: block;}
.phmenu-con ul>li>ul { padding: 10px 15px 0; display: none;}
.phmenu-con ul>li>ul>li { border-bottom: none; padding: 5px 0;}
.phmenu-con ul>li>ul>li:last-child { padding-bottom: 0;}
.phmenu-con ul>li>ul>li>a { font-size: 16px; color: #666; font-weight: normal;}
.phmenu-con ul>li>.phmenu-con-lb-img { -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transition: 0.6s; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s;}
.phmenu-con ul>li>.jhactive { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transition: 0.6s; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s;}

.search{ border: #ededed 1px solid; border-radius: 30px; width: 180px; padding: 0 10px; display: flex; align-items: center; height: 35px;}
.search-input{ flex: 1; padding-right: 10px;}
.search-input input{ width: 100%; border: none; background: none; outline: 0;}
.search-fdj{ width: 20px; height: 20px;}
.search-fdj img{ width: 100%; height: 100%; display: block;}

/*banner图*/
.banner{ z-index: 1; background: #f8f8f8; height: 800px;}
.banner .swiper-container{margin-right:auto;margin-left:auto;width:100%;height:100%;}
.banner .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#fff;text-align:center;font-size:16px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;  position: relative;}
.banner .swiper-slide img{display:block; width: 100%; object-fit: cover; height: 100%;}
/*修改分页器样式*/
.banner .swiper-pagination { bottom: 20px;}
.banner .swiper-pagination-bullet { background-color: #fff; width: 45px; height: 3px; opacity: 1; border-radius: 0;}
.banner .swiper-pagination-bullet-active { background-color: #17539b; width: 45px; height: 3px; border-radius: 0;}

.pic01-top { position: absolute; left: 15%; text-align: left; top: 30%;}
.yinwenbiaoti { font-size: 68px; color: #fff; font-weight: bold; letter-spacing: 1px; font-style: italic;}
.zhongwenbiti { font-size: 40px; color: #fff; font-style: italic;}
.pic01-btm { position: absolute; left: 15%; text-align: left; font-size: 16px;  color: #fff; padding-top: 150px; width: 30%; font-style: italic; letter-spacing: 1px; line-height: 1.8;}
.line{ width: 120px; height: 4px; border-radius: 2px; margin-top: 20px; background: #fff;}

.news{ width: 100%; background: #eeeeee;}
.news-con{ display: flex; align-items: center; height: 60px;}
.news-con-left{ flex: 1; padding-right: 20px; display: flex; align-items: center;}
.news-con-left-img{ width: 23px; height: 21px; flex-shrink: 0;}
.news-con-left-img img{ width: 100%; height: 100%; display: block;}
.news-con-left-text{ flex: 1; padding-left: 10px;}
.news-con-left-text .swiper-container { width: 100%; height: 60px;}
.news-con-left-text-lb{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 60px;}
.news-con-left-text-lb a{ color: #000; font-size: 16px;}
.news-con-left-text-lb a:hover{ color: #0886db;}
.news-con-right{ flex-shrink: 0;}
.news-con-right a{ font-size: 16px; color: #0470b9;}
.news-con-right a:hover{ color: #0886db;}

.product{ width: 100%; padding: 70px 0;}
.pro-title-top{ display: flex; align-items: center;}
.pro-title-top-bt{ font-size: 48px; color: #0470b9; font-weight: bold; flex: 1; padding-right: 20px;}
.pro-title-top-more{ width: 135px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 20px; border: #131313 1px solid;}
.pro-title-top-more a{ display: block; width: 100%; height: 100%; font-size: 16px; color: #000; text-align: center; line-height: 38px;}
.pro-title-top-more:hover{ background: #0470b9; border: #0470b9 1px solid; border-radius:20px;}
.pro-title-top-more:hover a{ color: #fff;}
.pro-title-btm{ font-size: 16px; color: #000; padding-top: 20px; line-height: 1.8;}
.pro-cp li{ padding-top: 35px;}
.pro-cp li a{ display: block; position: relative; border-radius: 10px; overflow: hidden;}
.pro-img{ width: 100%; height: 360px; }
.pro-img img{ width: 100%; height: 100%; display: block; transition: all 0.5s; object-fit: cover; }
.pro-black{ position: absolute; left: 0; right: 0; bottom: -33px; background: rgba(0, 0, 0, 0.4); text-align: center; padding: 15px 10px; transition: all 0.5s;}
.pro-text{ transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pro-text p{ font-size: 16px; color: #fff;}
.pro-fbt{ padding-top: 10px; transition: all 0.5s; }
.pro-fbt p{ font-size: 14px; color: #dddddd; line-height: 1.5;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center;}
.pro-fbt-more{ padding-top: 5px; font-size: 14px!important;}
.pro-cp li a:hover .pro-black{ transition: all 0.5s; bottom: 0px;}
.pro-cp li a:hover .pro-img img{ transform: scale(1.05); transition: all 0.5s; }

.about{ width: 100%; background: #f8f8f8; padding: 70px 0;}
.about-text{ padding-top: 20px; font-size: 16px; color: #000; line-height: 2.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.about-num{ display: flex; padding-top: 20px;}
.about-num-lb{ width: 25%;}
.about-num-lb-con{ width: 96%; background: #0470b9; height: 120px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 10px;}
.about-num-lb-con-bt{ font-size: 14px; color: #fff;}
.about-num-lb-con-num{ font-size: 20px; color: #fff; padding-top: 5px;}
.about-num-lb-con-num span{ font-size: 40px; padding-right: 5px; font-weight: bold;}
.about-num-lb-con-dw{ font-size: 14px; padding-top: 5px; color: #fff;}
.about-more{ padding-top: 40px;}
.about-img{ max-height: 520px; border-radius: 10px; overflow: hidden;}
.about-img img{ max-width: 100%;  object-fit: cover; border-radius: 10px;}

.newscen{ padding: 70px 0; width: 100%;}
.newscen-con{ padding-top: 30px;}
.indexnews-lb{ border-radius: 10px; overflow: hidden;}
.index-newsleftimg{ width: 100%; height: 400px; overflow: hidden;}
.index-newsleftimg img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all 0.5s;}
.index-newslefttext{ background: #0470b9; padding: 20px 20px; height: 152px;}
.index-newslefttext-title{ font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: bold;}
.index-newslefttext-wenzi{ font-size: 16px; padding-top: 10px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5;}
.index-newslefttext-time{ font-size: 14px; color: #fff; padding-top: 15px;}
.index-newslb a{ display: block; transition: all 0.5s;}
.index-newslb a:hover img{transform: scale(1.05);  transition: all 0.5s;}
.indexnews-lb .swiper-button-prev{ background-image: url(../images/left.jpg); background-repeat: no-repeat;}
.indexnews-lb .swiper-button-next{ background-image: url(../images/right.jpg); background-repeat: no-repeat;}
.newscen-lb li{ border-bottom: #ededed 1px solid; padding: 25px 0;}
.newscen-lb li a{ display: block;}
.newcen-lb-title{ font-size: 20px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all 0.5s;}
.newcen-lb-fbt{ padding-top: 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all 0.5s; color: #333333;}
.newcen-lb-time{ font-size: 14px; color: #999; padding-top: 20px; transition: all 0.5s;}
.newscen-lb li a:hover .newcen-lb-title{ padding-left: 20px;  transition: all 0.5s; color: #0470b9;}
.newscen-lb li a:hover .newcen-lb-fbt{ padding-left: 20px;  transition: all 0.5s; color: #0470b9;}
.newscen-lb li a:hover .newcen-lb-time{ padding-left: 20px;  transition: all 0.5s;}

.footer{ width: 100%; background: #232529;}
.footer-top{ padding: 50px 0;}
.footer-menu-title{ font-size: 18px; color: #fff; font-weight: bold;}
.footer-menu li{ float: left; width: 33.3%;}
.footer-menu-zl{ padding-top: 15px;}
.footer-menu-zl p{ padding: 10px 0;}
.footer-menu-zl p:last-child{ padding-bottom: 0;}
.footer-menu-zl p a{ font-size: 16px; color: #85878c;}
.footer-menu-zl p a:hover{ color: #fff;}
.footer-lxfs{ display: flex; justify-content: flex-end;}
.footer-lxfs-left{ padding-right: 30px; text-align: right; flex: 1;}
.phone-title{ font-size: 16px; color: #999;}
.phone-num{ font-size: 30px; color: #fff; font-weight: bold; padding-top: 10px;}
.footer-lxfs-left-email{ padding-top: 20px;}
.email-num{ font-size: 20px; color: #fff; padding-top: 10px;}
.footer-lxfs-left-face{ padding-top: 20px; display: inline-block; text-align: right;}
.face-img{ width: 26px; height: 26px; display: block;}
.footer-lxfs-right{ flex-shrink: 0;}
.lxfs-right-ewm{ width: 145px; height: 145px;}
.lxfs-right-ewm img{ width: 100%; height: 100%; display: block;}
.lxfs-right-text{ padding-top: 15px; color: #85878c; text-align: center;}
.footer-btm{ border-top: #36383c 1px solid; padding: 30px 0; text-align: center;font-size: 16px; color: #fff; line-height: 1.5;}
.footer-btm a{ color: #0470b9; padding-left: 15px;}
.footer-btm a:hover{ text-decoration: underline;}

/* 搜索 */
.i-search{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 30; transition: all 0.5s; background: rgba(0, 0, 0, 0.6); right: 0; bottom: 0; display: none;}
.i-search-con{ position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: #0470b9; z-index: 40; height: 85px;}
.in-search-con-nr{display: flex; align-items: center; height: 85px;}
.i-search-nr{ display: flex; align-items: center; border-bottom: #fff 1px solid; padding-bottom: 10px; flex: 1;}
.i-search-nr-img{ width: 25px; height: 28px; flex-shrink: 0;}
.i-search-nr-img img{ width: 100%; height: 100%; display: block;}
.i-search-nr-input{ flex: 1; padding: 0 20px;}
.i-search-nr-input input{ width: 100%; height: 30px; background: none; border: none; outline: 0; font-size: 16px; color: #fff;}
.i-search-nr-input input::placeholder { color: #fff;}
.i-search-nr-btn .submit-button{ padding: 10px 0px; color: #fff; border: none; cursor: pointer; font-size: 16px; background: none;}
.i-search-close{ width: 25px; height: 25px; margin-left: 30px; transition: all 0.5s; cursor: pointer;}
.i-search-close img{ width: 100%; height: 100%; display: block;}
.i-search-close:hover{ transform:rotate(90deg); transition: all 0.5s;}

/* 公司简介 */
.zy-banner{ width: 100%; height: 510px; text-align: center; background: #f8f8f8;}
.zy-banner img{ width: auto; margin: 0 auto; display: block; height: 100%; max-width: 100%; object-fit: cover;}
.mbx{ width: 100%; background: #eeeeee;}
.mbx-con{ display: flex; align-items: center;}
.mbx-con-left{ flex: 1; padding-right: 20px; padding-top: 20px;}
.mbx-con-left ul li{ font-size: 16px; color: #000; float: left; margin-right: 20px; background: url(../images/aboutline.jpg) no-repeat right 3px; padding-right: 20px;}
.mbx-con-left ul li:last-child{ background: none;}
.mbx-con-left ul li:last-child{ margin-right: 0;}
.mbx-con-left ul li a{ color: #000;}
.mbx-con-left ul li a:hover{ color: #0470b9;}
.mbxactive span{ display: block; height: 4px; background: #15539c; margin: 15px auto 0; border-radius: 2px;}
.mbxactive a{ color: #0470b9!important; font-weight: bold;}
.mbx-con-right{ flex-shrink: 0; font-size: 16px; color: #000;}
.mbx-con-right a{ font-size: 16px; color: #000;}
.mbx-con-right a:hover{ color: #0470b9;}
.dqactive{ color: #0470b9!important;}
.zy-con{ padding: 40px 0;}
.zy-about-text{ font-size: 16px; line-height: 2.5; color: #000;}
.zy-about-text p{ padding: 5px 0;}
.zy-about-img{ padding-top: 20px;}
.zy-about-img img{ max-width: 100%; display: block;}

/* 产品详情 */
#cpslider{ width: 150px; height: 150px;}
#cpslider img{ width: 100%; height: 100%;}
.cplbt .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
.cplbt .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.cplbt .swiper { width: 100%; margin-left: auto; margin-right: auto;}
.cplbt .swiper-slide { background-size: cover; background-position: center;}
.cplbt .mySwiper2 { height: 595px; width: 100%;}
.cplbt .mySwiper { height: 150px; box-sizing: border-box; padding: 10px 0;}
.cplbt .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4;}
.cplbt .mySwiper .swiper-slide-thumb-active { opacity: 1;}
.cplbt .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.zypro-title{ border-bottom: #ededed 1px solid; padding: 10px 0;}
.zypro-title-bt{ font-size: 26px; color: #000; font-weight: bold; line-height: 1.5;}
.zypro-title-price{ padding-top: 5px; color: #ff0000; font-weight: bold; font-size: 20px;}
.zypro-jrgwc-lb{ padding-top: 20px;}
.zypro-jrgwc-lb-bt{ font-size: 16px; color: #000;}
.zypro-jrgwc-lb-fl ul{ display: flex; flex-wrap: wrap;}
.zypro-jrgwc-lb-fl ul li{ padding-right: 10px; padding-top: 15px;}
.zypro-jrgwc-lb-fl ul li:last-child{ padding-right: 0;}
.zypro-jrgwc-lb-fl ul li a{ display: block; padding: 10px 15px; background: #f6f6f6; border: #ededed 1px solid; color: #000; font-size: 16px; font-weight: bold; border-radius: 10px;}
.zypro-jrgwc-lb-fl ul li a:hover{ background: #0470b9; border: #0470b9 1px solid; color: #fff; border-radius: 10px;}
.jrgwcactive{ background: #0470b9!important; border: #0470b9 1px solid!important; color: #fff!important;}
.zypro-jrgwc-btn{ padding-top: 40px;}
.zypro-jrgwc-btn a{ display: block; padding: 10px 15px; background: #0470b9; font-size: 18px; color: #fff; display: inline-block; font-weight: bold; border-radius: 10px;}
.zypro-jrgwc-btn a:hover{ background: #088ee8; border-radius: 10px}
.zypro-form{ padding-top: 10px;}
.zypro-form-lb{ padding-top: 20px;}
.zypro-form-lb-title{ font-size: 16px; color: #000; font-weight: bold;}
.zypro-forem-lb-input{ width: 100%; height: 40px; background: #f6f6f6; border: #ededed 1px solid; margin-top: 15px; padding: 0 10px; border-radius: 10px;}
.zypro-forem-lb-input input{ width: 100%; height: 100%; font-size: 16px; border: none; background: none; outline: 0;}
.zypro-nr{ padding: 50px 15px;}
.zypro-nr-title{ border-bottom: #ededed 1px solid;}
.zypro-nr-title-bt{ font-size: 20px; font-weight: bold; color: #fff; background: #0470b9; padding: 10px 15px; display: inline-block; border-radius: 10px 10px 0 0;}
.zypro-nr-con{ padding-top: 20px; line-height: 2.5; font-size: 16px;}
.zypro-nr-con img{ max-width: 100%;}
.zypro-nr{ padding: 40px 15px 0;}

/* 联系我们 */
.contact-title-bt{ font-size: 26px; color: #0470b9; font-weight: bold;}
.contact-title-fbt{ font-size: 16px; color: #000; font-weight: bold; padding-top: 10px; line-height: 1.5;}
.contact-lxfs{ background: #f6f6f6; margin-top: 30px; padding: 40px 30px; display: flex; align-items: center; border-radius: 10px 10px 0 0;}
.contact-lxfs-left{ flex: 1; padding-right: 20px;}
.contact-lxfs-left p{ font-size: 16px; color: #000; line-height: 3.5;}
.contact-lxfs-left p span{ color: #0470b9; font-weight: bold;}
.contact-lxfs-right{ width: 180px; height: 180px;}
.contact-lxfs-right img{ border: #ededed 1px solid; width: 100%; height: 100%; display: block;}
.contact-map{ width: 100%; height: 550px;}

/* 新闻列表 */
.zy-news li{ border-bottom: #ededed 1px solid; padding: 40px 0;}
.zy-news li:first-child{ padding-top: 0;}
.zy-news li a{ display: block;}
.zy-news-title{ font-size: 28px; color: #0470b9; font-weight: bold;  transition: all 0.5s; line-height: 1.5;}
.zy-news-time{ font-size: 16px; color: #999; padding-top: 10px;  transition: all 0.5s;}
.zy-news-con{ padding-top: 10px; font-size: 16px; line-height: 2.5;  transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.zy-news-more{ font-size: 16px; color: #000; padding: 10px 20px; border: #000 2px solid; border-radius: 30px; display: inline-block; margin-top: 20px;  transition: all 0.5s;}
.zy-news li a:hover .zy-news-title{ padding-left: 20px;  transition: all 0.5s;}
.zy-news li a:hover .zy-news-time{ padding-left: 20px;  transition: all 0.5s;}
.zy-news li a:hover .zy-news-con{ padding-left: 20px;  transition: all 0.5s;}
.zy-news li a:hover .zy-news-more{ margin-left: 20px;  transition: all 0.5s; background: #0470b9; border: #0470b9 2px solid; color: #fff;}

/* 新闻详情 */
.zy-newcon-title{ border-bottom: #ededed 1px solid; padding-bottom: 40px;}
.zy-newcon-title-bt{ font-size: 26px; color: #000; font-weight: bold; line-height: 1.5; text-align: center;}
.zy-newcon-title-bt-time{ font-size: 16px; color: #999; text-align: center; padding-top: 10px;}
.zy-newcon-nr{ padding-top: 40px; line-height: 2.5;}
.zy-newcon-nr img{ max-width: 100%;}

/* 登陆页 */
.login{ width: 100%;}
.login-top{ padding-top: 70px;}
.login-top-nr{ background: #fff; margin: 0 auto; width: 70%; padding: 60px 60px; border-radius: 10px;}
.login-logo{ width: 80px; height: 75px; margin: 0 auto;}
.login-logo img{ width: 100%; height: 100%; display: block;}
.login-login-title{ font-size: 24px; text-align: center; padding-top: 20px; color: #000;}
.login-top-input{ width: 60%; margin: 0 auto; padding-top: 30px;}
.login-dlk{ background: #fff; border: #ededed 1px solid; height: 50px; margin-top: 30px; padding: 0 10px; border-radius: 10px;}
.login-dlk input{ width: 100%; height: 100%; outline: 0; border: none; background: none; font-size: 18px;}
.login-wjmm{ padding-top: 20px; text-align: right;}
.login-wjmm a{ font-size: 18px; color: #999;}
.login-wjmm a:hover{ color: #0470b9;}
.login-btn{ background: #0470b9; height: 50px; margin-top: 40px; border-radius: 10px;}
.login-btn a{ display: block; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px;}
.login-btn a:hover{ background: #088ee8; border-radius: 10px;}
.login-qdl{ font-size: 18px; text-align: center; padding-top: 20px; color: #000;}
.login-qdl a{ color: #0470b9; font-weight: bold;}
.login-qdl a:hover{ text-decoration: underline;}
.login-copy{ padding: 50px 0;}
.login-copy-phone{ display: flex; align-items: center; justify-content: center;}
.login-copy-phone-img{ width: 21px; height: 16px;}
.login-copy-phone-img img{ width: 100%; height: 100%;}
.login-copy-phone-text{ font-size: 20px; color: #000; font-weight: bold; padding-left: 10px;}
.login-copy-hao{ padding-top: 15px; text-align: center; font-size: 16px; color: #000; line-height: 1.5;}
.login-copy-hao a{ color: #0470b9; padding-left: 10px;}
.login-copy-hao a:hover{ text-decoration: underline;}

/* 注册页 */
.login-yzm{ background: #fff; border: #ededed 1px solid; height: 50px; margin-top: 30px; padding: 0 10px; display: flex; align-items: center;}
.login-yzm-input{ flex: 1; padding-right: 20px;}
.login-yzm-input input{ width: 100%; height: 100%; outline: 0; border: none; background: none; font-size: 18px;}
.login-yzm-send{ background: #0470b9; width: 100px; height: 40px; border-radius: 10px;}
.login-yzm-send a{ display: block; font-size: 18px; color: #fff; width: 100%; height: 100%; text-align: center; line-height: 40px;}
.login-yzm-send a:hover{ background: #088ee8; border-radius: 10px;}
.re-xy{ padding-top: 30px; display: flex; align-items: center;}
.re-xy-left input{ width: 20px; height: 20px;}
.re-xy-right{ flex: 1; padding-left: 10px; font-size: 18px; color: #999;}
.re-xy-right a{ font-size: 18px; color: #0470b9; padding-left: 10px;}
.re-xy-right a:hover{ text-decoration: underline;}

/* 购物车 */
.gwc{ padding-bottom: 40px;}
.gwc-title{ background: #f9fafb; border: #e5e7eb 1px solid;  height: 45px; line-height: 45px; border-radius: 10px 10px 0 0 ;}
.gwc-title ul{ display: flex;}
.gwc-title ul li{ font-size: 16px; color: #000; font-weight: bold; padding-left: 20px;}
.gwc-title ul li:nth-child(1){ width: 40%;}
.gwc-title ul li:nth-child(2){ width: 25%;}
.gwc-title ul li:nth-child(3){ width: 25%;}
.gwc-title ul li:nth-child(4){ width: 10%;}
.gwc-cplb ul li{ padding: 20px 0; border-bottom: #e5e7eb 1px solid;border-left: #e5e7eb 1px solid;border-right: #e5e7eb 1px solid;}
.gwc-cplb ul li:last-child{ border-radius: 0 0 10px 10px;}
.gwc-cplb-nr{ display: flex;}
.gwc-cplb-nr-cp{ width: 40%; display: flex; align-items: center; padding-left: 15px;}
.gwc-cplb-nr-cp a{ display: block; width: 100%; height: 100%;}
.gwc-cplb-img{ width: 120px; height: 120px; flex-shrink: 0;}
.gwc-cplb-img a img{ width: 100%; height: 100%; display: block; max-width: 100%; object-fit: cover; border-radius: 10px;}
.gwc-cplb-title{ padding-left: 30px;}
.gwc-cplb-title-bt{ font-size: 18px; color: #000; font-weight: bold;}
.gwc-cplb-title-gg{ padding-top: 5px;}
.gwc-cplb-title-gg p{ font-size: 16px; color: #999; padding-top: 5px;}
.gwc-cplb-nr-price{ width: 25%; font-size: 18px; color: #0470b9; font-weight: bold; display: flex; align-items: center; padding-left: 15px;}
.gwc-cplb-nr-num{ width: 25%; padding-left: 15px; display: flex; align-items: center;}
.gwc-cplb-nr-num-kk{ border: #000 1px solid; border-radius: 15px; display: flex; align-items: center; height: 40px; }
.gwc-cplb-nr-num-jian{ width: 40px; height: 100%; }
.gwc-cplb-nr-num-jian a{font-size: 20px; color: #000; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.gwc-cplb-nr-num-input{ width: 50px; height: 38px; display: flex; align-items: center;}
.gwc-cplb-nr-num-input input{ width: 100%; height: 100%; border: none; text-align: center; font-size: 18px;}
.gwc-cplb-nr-close{ width: 10%; display: flex; align-items: center; justify-content: center;}
.gwc-cplb-nr-close img{ width: 9px; height: 9px; display: block;}
.gwc-cplb-zongprince{ padding-top: 20px; font-size: 18px;color: #000; font-weight: bold; text-align: right;}
.gwc-cplb-zongprince span{ color: #0470b9;}
.gwc-cplb-js{ padding-top: 60px; margin: 0 auto; display: flex; justify-content: center}
.gwc-cplb-js a{ width: 300px; height: 50px; background: #0470b9; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; font-weight: bold; border-radius: 10px;}
.gwc-cplb-js a:hover{ background: #088ee8; border-radius: 10px;}


/* 我的订单 */
.dd{ padding-bottom: 40px;}
.dd-lb{ padding-bottom: 30px;}
.dd-title{background: #f9fafb; border: #e5e7eb 1px solid;  height: 45px; line-height: 45px; border-radius: 10px 10px 0 0;}
.dd-title span{ padding-right: 20px; font-size: 16px; color: #000; padding-left: 20px;}
.dd-nr{ display: flex; border: #e5e7eb 1px solid; border-top: none; padding: 20px 0; border-radius: 0 0 10px 10px;}
.dd-cplb-nr-cp{ width: 65%; display: flex; align-items: center; padding-left: 15px;}
.dd-cplb-nr-cp a{ display: block; width: 100%; height: 100%;}
.dd-cplb-img{ width: 120px; height: 120px; flex-shrink: 0; border-radius: 10px;}
.dd-cplb-img a img{ width: 100%; height: 100%; display: block; max-width: 100%; object-fit: cover; border-radius: 10px;}

/* 营销网络 */
.network-title{ font-size: 40px; color: #000;}
.network-title span{ display: block; width: 125px; height: 4px; background: #0470b9; margin-top: 20px;}
#worldMap{ width: 100%; height: 800px;}
.network-text{ font-size: 16px; line-height: 2.5; color: #000; padding-top: 30px; padding-bottom: 30px;}

/* 企业荣誉 */
.ry-con{ padding-bottom: 40px;}
.ry-honor li{ padding-top: 40px;}
.i-honor-lb{ background: #f8f8f8; padding: 10px; border-radius: 10px;}
.i-honor-lbimg{ display: flex; align-items: center;  justify-content: center; height: 350px;}
.i-honor-lb-img{ margin-bottom: 50px; background: #fff; height: 100%; display: flex; align-items: center; }
.i-honor-lb-img:last-child{ margin-bottom: 0;}
.i-honor-lb-img img{ width: auto;  height: auto; /* object-fit: cover;  */display: block; max-height: 100%; max-width: 100%;}
.i-honor-lb-text{ font-size: 16px; color: #000; padding: 20px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; background: #f8f8f8; margin-top: 10px; border-radius: 10px;}
/* 荣誉放大 */
.bigimg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; z-index: 9999; height: auto !important; width: auto !important; object-fit: cover;}
.mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.9; filter: Alpha(opacity=50); z-index: 18; display: none;}
.imgbox:hover { cursor: zoom-in}
.mask:hover { cursor: zoom-out}
.mask>img { position: fixed; right: 30px; top: 30px; width: 40px; z-index: 15;}
.mask>img:hover { cursor: pointer}

/* 发展历程 */
.lc-con{ background: url(../images/lcbg.png) no-repeat center bottom; background-size: 100% auto; padding-bottom: 180px;}
.lc-lb{ padding-top: 50px;}
.lc-lb-title{ font-size: 26px; color: #0470b9; font-weight: bold;}
.lc-lb-nr ul li{ padding-top: 40px; display: flex;}
.lc-lb-nr-yuandian{ width: 15px; border-radius: 50%;  height: 15px; border: #0470b9 2px solid; background: #fff; flex-shrink: 0; margin-top: 10px;}
.lc-lb-nr-text{ flex: 1; padding-left: 20px;}
.lc-lb-nr-text-bt{ font-size: 24px; color: #000; font-weight: bold;}
.lc-lb-nr-text-fbt{ font-size: 16px; color: #333; padding-top: 10px; line-height: 1.8;}

/* 搜索结果 */
.search-jg{ display: flex; align-items: center; background: #f8f8f8; border-radius: 20px; height: 80px; padding: 0 10px 0 30px; }
.search-jg-img{ width: 31px; height: 34px;}
.search-jg-img img{ width: 100%; height: 100%; display: block;}
.search-jg-input{ flex: 1; padding: 0 20px;}
.search-jg-input input{ width: 100%; font-size: 18px; width: 100%; height: 100%; border: none; background: none; outline: 0;}
.search-jg-btn{ width: 100px; height: 60px; border-radius: 20px;}
.search-jg-btn button{ width: 100%; height: 100%; background: #0470b9; font-size: 18px; color: #fff; border: none; border-radius: 20px; cursor: pointer;}
.search-jg-btn button:hover{ opacity: 0.9;}
.search-jg-num{ padding: 50px 0 0px 0; font-size: 30px; color: #000; font-weight: bold;}
.search-jg-num span{ color: #0470b9; padding: 0 10px;}




/* 响应式媒体查询 */
@media screen and (max-width:1450px) {
  .webmenu>ul>li>a{ padding: 0 20px;}
  .banner{ height: 500px;}
  .pic01-top{ top: 20%;}
  
}

@media screen and (max-width:1200px) {
  .header { position: fixed; z-index: 9; left: 0; right: 0;top: 0; border-bottom: #ededed 1px solid; padding: 0px 0;}
  .headerspacing { display: block;}
  .search{ width: auto; border: none; padding: 0;}
  .search-input{display: none;}
  .banner{ height: 400px;}
  .pic01-top{ top: 30%;}
  .pic01-btm{ width: 50%;}
  .yinwenbiaoti{ font-size: 50px;}
  .zhongwenbiti{ font-size: 20px;}
  .zy-banner{ height: 400px;}
  .mbx-con{ display: inherit;}
  .mbx-con-left{ width: 100%; border-bottom: #d1d1d1 1px solid; padding-right: 0;}
  .mbx-con-left ul{ overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; /* 让效果更流畅 */}
  .mbx-con-left ul::-webkit-scrollbar{ display: none; /*去除横向滚动默认条*/}
  .mbx-con-left ul li{ display:inline-block;  width:auto;  text-align:center; float: none;}
  .mbx-con-right{ width: 100%; padding: 15px 0;}
  .login-top-nr{ padding: 40px;}
  .login-top-input{ width: 80%;}
  .headerspacing{ height: 216px;}
  #worldMap{ height: 600px;}
  .i-honor-lbimg{ height: 260px;}
   
}


@media screen and (max-width:1000px) {
  .logo-con{ padding: 10px 0 0; display: inherit;}
  .logo-img{ width: 100%;}
  .logo-img a{ padding-left: 20px;}
  .phone{ width: 100%; padding: 10px 5px; justify-content: center; border-top: #ededed 1px solid; margin-top: 10px;}
  .phone-left-lb-img{display: none;}
  .phone-left-lb-text{ padding-left: 0; font-size: 14px;}
  .phone-right{ padding-left: 10px;}
  .phone-right a{ font-size: 12px;}
  .phone-left-lb{ padding-right: 10px;}
  .phone-left-lb-text{ font-size: 12px;}
  .menu{ padding-top: 0;}
  .webmenu { display: none;}
  .phmenu{ display: block;top: 162px;}
  .search{ position: fixed; top: 69px; right: 55px;}
  .headerspacing{ height: 163px;}
  .phmenu-btn{ top: -86px;}
  .pic01-top{ top: 25%;}
  .pic01-btm{ padding-top: 140px;}
  .product{ padding: 30px 0;}
  .about{ padding: 30px 0;}
  .about-img{ padding-top: 20px; max-height: 300px;}
  .newscen{ padding: 30px 0;}
  .footer-top{ padding: 30px 0 0;}
  .footer-lxfs{ justify-content: flex-start; background: #2a2c30; padding: 20px 20px; margin-top: 30px;}
  .footer-lxfs-left{ text-align: left; }
  .zy-banner{ height: 300px;}
  .zy-con{ padding: 30px 0;}
  .zy-about-text{ line-height: 2.0;}
  .zy-about-img{ padding: 10px 7px 0 7px;}
  .zy-about-img .col-sm-4{ padding-right: 7px; padding-left: 7px;}
  .cplbt .mySwiper { height: 100px;}
  .contact-map{ height: 350px;}
  .zy-news li{ padding: 30px 0;}
  .zy-newcon-title{ padding-bottom: 30px;}
  .zy-newcon-nr{ padding-top: 30px;}
  .login-top{ padding-top: 20px;}
  .login-top-nr{ padding: 30px 15px; width: 100%;}
  .login-top-input{ width: 100%; padding-top: 10px;}
  .login-dlk{ margin-top: 20px;}
  .login-btn{ margin-top: 20px;}
  .login-copy{ padding: 30px 0;}
  .login-yzm{ margin-top: 20px;}
  .gwc{ padding-bottom: 30px;}
  .ry-con{ padding-bottom: 30px;}
  .ry-honor li { padding-top: 30px;}
  .lc-con{ padding-bottom: 200px;}
  .search-jg{ height: 50px; padding: 0 5px 0 20px;}
  .search-jg-btn{ height: 40px;}
  .search-jg-img{ width: 21px; height: 24px;}
  .search-jg-input{ padding: 0 10px;}
  .search-jg-input input{ font-size: 16px;}
  .search-jg-num{ padding-top: 30px; font-size: 18px;}
  

  
  
  /* 手机分页 */
  .pagination { text-align: center; padding: 20px 0 0px 0;}
  .pagination ul li { margin: 5px 0;}
  .pagination ul li a { padding: 5px 10px; }
}


@media screen and (max-width:768px) {
  .headerspacing{ height: 143px;}
  .tb-left{ display: none;}
  .logo-img img{ height: 40px;}
  .search{ top: 58px;}
  .phmenu{ top: 145px;}
  .phmenu-btn{ top: -79px;}
  .banner{ height: 280px;}
  .pic01-top{ top: 20%; left: 5%; }
  .yinwenbiaoti{ font-size: 24px;}
  .pic01-btm{ width: 90%; padding-top: 90px; left: 5%; font-size: 14px; line-height: 1.3;}
  .news-con-left{ padding-right: 10px;}
  .news-con-left-img{ width: 18px; height: 16px;}
  .news-con-left-text-lb a{ font-size: 14px;}
  .news-con-right a{ font-size: 12px;}
  .product{ padding: 20px 0;}
  .pro-title-top-bt{ font-size: 28px;}
  .pro-title-top-more{ width: 100px; height: 35px;}
  .pro-title-top-more a{ font-size: 14px; line-height: 33px;}
  .pro-title-btm{ padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .pro-cp li{ padding-top: 15px;}
  .pro-cp li:nth-child(even){ padding-left: 7px;}
  .pro-cp li:nth-child(odd){ padding-right: 7px;}
  .pro-img{ height: 180px;}
  .pro-black{ padding: 10px 10px; bottom: -26px;}
  .pro-fbt{ padding-top: 5px;}
  .about{ padding: 20px 0;}
  .about-num{ flex-wrap: wrap; padding-top: 5px;}
  .about-num-lb{ width: 50%; padding-top: 3%; padding-right: 3%;}
  .about-num-lb:nth-child(even){ padding-right: 0;}
  .about-num-lb-con{ width: 100%;}
  .about-text{ padding-top: 10px; line-height: 1.8;}
  .about-more{ padding-top: 20px; display: flex; justify-content: center;}
  .newscen{ padding: 20px 0;}
  .index-newslefttext{ padding: 15px 15px; height: 140px;}
  .index-newslefttext-title{ font-size: 18px;}
  .index-newslefttext-wenzi{ font-size: 14px;}
  .index-newsleftimg{ height: 250px;}
  .newcen-lb-title{ font-size: 18px;}
  .newcen-lb-fbt{ font-size: 14px;}
  .newscen-lb li{ padding: 15px 0;}
  .newscen-lb li:last-child{ border: none; padding-bottom: 0;}
  .newcen-lb-time{ padding-top: 10px;}
  .newscen-con{ padding-top: 20px;}
  .footer-top{ padding: 20px 0 0;}
  .footer-menu li{ text-align: center;}
  .footer-menu-zl{ padding-top: 5px;}
  .footer-menu-zl p{ padding: 5px 0;}
  .footer-menu-zl p a{ font-size: 14px;}
  .footer-lxfs{ flex-wrap: wrap;}
  .footer-lxfs-right{ padding-top: 20px; margin: 0 auto;}
  .footer-btm{ font-size: 14px; padding: 20px 0;}
  .i-search-con{ height: 65px;}
  .in-search-con-nr{ height: 55px;}
  .i-search-nr{ padding-bottom: 5px;}
  .i-search-nr-img{ width: 16px; height: 18px;}
  .i-search-nr-input{ padding: 0 10px;}
  .i-search-close{ width: 15px; height: 15px; margin-left: 20px; margin-top: 8px;}
  .i-search-nr-btn .submit-button{ font-size: 15px; padding: 12px 0 5px;}
  .zy-banner{ height: 200px;}
  .zy-con{ padding: 20px 0;}
  .cplbt .mySwiper2 { height: 250px;}
  .cplbt .mySwiper { height: 80px;}
  .zypro-title-bt{ font-size: 20px;}
  .zypro-title-price{ font-size: 18px;}
  .contact-title-bt{ font-size: 20px;}
  .contact-title-fbt{ font-size: 14px;}
  .contact-lxfs{ margin-top: 20px; padding: 10px 15px; display: inherit;}
  .contact-lxfs-left{ padding-right: 0;}
  .contact-lxfs-left p{ line-height: 2.0; padding: 5px 0; font-size: 14px;}
  .contact-lxfs-right{ margin: 10px auto 0;}
  .contact-map{ height: 250px;}
  .zy-news li{ padding: 20px 0;}
  .zy-news-title{ font-size: 20px;}
  .zy-news-con{ line-height: 1.8; font-size: 14px;}
  .zy-news li a:hover .zy-news-title{ padding-left: 10px; }
  .zy-news li a:hover .zy-news-time{ padding-left: 10px; }
  .zy-news li a:hover .zy-news-con{ padding-left: 10px; }
  .zy-news li a:hover .zy-news-more{ margin-left: 10px;}
  .zy-newcon-title-bt{ font-size: 20px;}
  .zy-newcon-title{ padding-bottom: 20px;}
  .zy-newcon-nr{ padding-top: 20px; line-height: 1.8;}
  .gwc-title ul li{ font-size: 14px; padding-left: 0; text-align: center;}
  .gwc{ padding-bottom: 20px;}
  .gwc-title ul li:nth-child(1){ width: 30%;}
  .gwc-title ul li:nth-child(2){ width: 30%;}
  .gwc-title ul li:nth-child(3){ width: 30%;}
  .gwc-cplb-nr-cp{ flex-wrap: wrap; width: 30%; padding-left: 0;}
  .gwc-cplb-nr-price{ width: 30%; padding-left: 0; font-size: 14px; justify-content: center;}
  .gwc-cplb-nr-num{ width: 30%; padding-left: 0; justify-content: center;}
  .gwc-cplb-img{ width: 85%; height: 80px; object-fit: cover; margin: 0 auto;}
  .gwc-cplb-title{ width: 85%; padding-left: 0; padding-top: 10px; margin: 0 auto;}
  .gwc-cplb-title-bt{ font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
  .gwc-cplb-nr-num-jian{ width: 25px;}
  .gwc-cplb-nr-num-input{ width: 40px;}
  .gwc-cplb-nr-num-input input{ font-size: 14px;}
  .gwc-cplb-title-gg p{ font-size: 12px; padding-top: 3px;}
  .dd-cplb-nr-cp{ flex-wrap: wrap; width: 60%; padding-left: 0;}
  .dd-title{ height: auto; line-height: normal; padding: 5px 0;}
  .dd-title span{ font-size: 14px; display: block; padding: 5px 10px; }
  .dd-cplb-img{ width: 85%; height: 80px; object-fit: cover; margin: 0 auto;}
  .dd-cplb-img a img{ width: 80px;}
  .dd-lb{ padding-bottom: 20px;}
  .gwc-cplb-js{ padding-top: 30px;}
  .network-title{ font-size: 24px;}
  .network-title span{ width: 80px;}
  .network-text{ padding-top: 20px; padding-bottom: 20px; line-height: 1.8;}
  #worldMap{ height: 400px;}
  .ry-con{ padding-bottom: 20px;}
  .ry-honor li { padding-top: 20px;}
  .ry-honor li:nth-child(odd){ padding-right: 7px;}
  .ry-honor li:nth-child(even){ padding-left: 7px;}
  .i-honor-lb-text{ padding: 10px; font-size: 14px; margin-top: 5px;}
  .bigimg{ width: auto!important; max-width: 90%!important;}
  .i-honor-lbimg{ height: 200px;}
  .mask > img{ width: 25px; right: 20px;}
  .lc-con{ padding-bottom: 60px;}
  .lc-lb{ padding-top: 30px;}
  .lc-lb-title{ font-size: 24px;}
  .lc-lb-nr-yuandian{ margin-top: 6px; width: 10px; height: 10px;}
  .lc-lb-nr-text{ padding-left: 10px;}
  .lc-lb-nr ul li{ padding-top: 15px;}
  .lc-lb-nr-text-bt{ font-size: 16px;}
  .lc-lb-nr-text-fbt{ font-size: 14px;}
  .search-jg-num{ padding-top: 20px; font-size: 18px;}

  
 

}

/*针对320*/
@media (max-width: 320px) and (min-width: 320px) {}