@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{position: fixed;width: 100%;height: 160px; top: 0;left: 0;background: #fff; z-index: 100;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.headerbox{width: 1400px; margin: 0 auto;max-width: 98%;}
.logo{float: left; width: 140px;padding-top: 15px;margin-right: 12px;}
.logo img{width: 100%;}
.lxdh{float: right;line-height: 85px;}
.lxdh p{font-size: 20px; color: #307ab7; line-height: 80px;background: url(../images/a1.png) no-repeat left center; padding-left: 30px;background-size: 25px 25px;}
.lxdh p b{font-weight: bold;}
.yzxp{width: 75px;float: right; height: 80px;padding-top: 35px;position: relative;cursor: pointer;}
.yzxp img{margin: 0 auto;}
.yzxp ul li img{width: 100%;}
.yzxp ul{width: 150px; position: absolute;top: 80px;left: 0; background: rgba(255,255,255,.9);border-radius: 0 0 6px 6px;box-shadow:0 5px 10px rgba(0, 0, 0, .1);display: none; }
.yzxp li{line-height: 40px; font-size: 14px;}
.yzxp a{color: #666; display: block;text-align: center;}
.yzxp a:hover{color: #307ab7;}
.yzxp:hover ul{display: block;}
.nav{float: right;}

.nav li{float: left; padding: 0 30px; font-size: 16px;position: relative;}
.nav h3 a{display: block; position: relative;color: 333;font-size: 16px;line-height: 80px;}
.nav h3 a:before{position: absolute;content: ""; border-bottom: 3px solid #307ab7;width: 0;bottom: 0;left: 50%;transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.nav li.on h3 a{color: #307ab7;}
.nav li.on h3 a:before{width: 100%;}
.nav a:hover{color: #307ab7;}
.nav  a:hover:before{width: 100%;}
.sub{ position: absolute;width: 100%;top: 80px;left: 0;background: rgba(255,255,255,.7);display: none;}
.sub dt{line-height: 36px;}
.sub a{display: block; text-align: center; font-size: 14px; color: #333; transition: All 0.4s ease-in-out;}
.sub a:hover{ color: #fff!important; background: #307ab7;}
.subnav_list{width: 15%;}
/* 三级菜单 */
.third {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    min-width: 150px;
    display: none;
    padding: 8px 0;
}
.sub dt:hover .third {
    display: block;
}
.third a {
    display: block;
    padding: 6px 15px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}
.third a:hover {
    background: #307ab7;
    color: #fff;
}

@-webkit-keyframes fa1 {
  0% {-webkit-transform: scale(1.1); transform: scale(1.1);}
  100% {-webkit-transform: scale(1.0); transform: scale(1.1);}
}
@keyframes fa1 {
  0% {transform: scale(1.1);}
  100% {transform: scale(1.0);}
}
@-moz-keyframes fa1 {
  0% {-moz-transform: scale(1.1); transform: scale(1.1);}
  100% {-moz-transform: scale(1.0);transform: scale(1.1);}
}
.ssbtn{width: 30%;position: absolute;z-index: 10;left:50%; top:40%; transform:translate(-50%,-50%);}
.ssbox{ position: relative;height: 45px;}
.wby1{width: 100%;height: 45px; padding: 0 10px; font-size: 16px; color: #000; border: 1px solid #000;border-radius: 8px;}
.wby1::-webkit-input-placeholder{color:#fff;}
.btn1{position: absolute;width: 108px;height: 45px;border-radius: 0 8px 8px 0; right: 0; top: 0; background: #307ab7;font-size: 16px;cursor: pointer; border: none;color: #fff;}

.spbox ul{overflow: hidden; padding: 20px 10px 0 10px; margin-left: -45px;}
.spbox li{float: left; width: 33.33%; padding: 0 0 30px 45px;}
.spnr{position: relative;}
.spnr p{width: 100%; position: absolute; color: #fff; font-size: 17px;text-align: center; line-height: 60px;bottom: 0;left: 0;background-image: linear-gradient(transparent, rgba(0,0,0,.9));padding-top: 30px;}
.spnr span{position: absolute; background: url(../images/a_91.png);width: 56px;height: 56px; cursor: pointer;background-size: 100% 100%;left:50%; top:50%; transform:translate(-50%,-50%);}
.btn4{display: block; margin: 50px auto 0 auto; width: 249px; line-height: 43px;border: 1px solid #b6b6b6;color: #111; font-size: 18px;text-align: center;}
.btn4 b{background: url(../images/a_01.png); width: 20px;height: 10px;background-size: 100% 100%; vertical-align: middle; display: inline-block;margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;}
.btn4:hover b{margin-left: 20px;}

.bj1{background: #f7f7f7;overflow:hidden;}
.bj2{background: #fff;}

.news_nr dl{overflow: hidden; margin-left: -40px;}
.news_nr dt{width: 33.33%; float: left; padding: 0 0 0 40px;}

.news_xw h2{font-size: 20px; font-weight: bold; padding-left: 15px; line-height: 50px;color: #5d82b6;background: url(../images/a_49.jpg) no-repeat left center;border-bottom: 2px solid #ddd;}
.news_xw h2 a{font-size: 14px; font-weight: 400; color: #777777;}
.news_xw h2 a:hover{color: #235eb7;}
.news_xw h2 b{font-size: 14px; color: #666; font-weight: 400; padding-left: 10px;}
.newsbox{padding: 15px 0;}
.newsbox li{overflow: hidden; line-height: 42px; font-size: 14px;color: #999;background: url(../images/a_163.jpg) no-repeat left center; padding-left: 15px;border-bottom: 1px dashed #ddd;}
.newsbox a{float: left; width: calc(100% - 100px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.newsbox span{float: right;color: #999;}
.newsbox a:hover{color: #134abb;}

.footer{background-color: #fff;}
.footerbox{width: 1400px;margin: 0 auto;max-width: 92%;}
.foot_top{overflow: hidden;padding: 50px 0 20px;}
.foot_left{float: left;}
.rwm{width: 160px;text-align: center; }
.rwm img{width: 100%;}
.rwm p{font-size: 14px; margin-top: 10px; color: #888;text-align: center;}
.wzfl{float: left; width: calc(100% - 380px); padding-left: 50px;}
.wzfl ul{display: flex;justify-content : space-between;}
.lxfs{float: right;}
.lxfs h3{background: #307ab7;padding: 4px 40px;color: #fff;border-radius: 3px;text-align:center;}
.lxfs img{width: 30px;
    display: inline-block;
    vertical-align: middle;}
.tel{font-size: 25px;color:#307ab7;}
.lxfs p{margin: 20px 0;text-align: center;}

.fgt{height: 80px;}
.wzfl h2{font-size: 16px; font-weight: bold; color: #000; margin-bottom: 20px;}
.wzfl dt{line-height: 30px;}
.wzfl dt a{color: #888888;font-size: 14px;}
.wzfl dt span{color: #888; padding: 0 5px;}
.wzfl dt a:hover{color: #000;}
.wzfl p{font-size: 14px; color: #888; line-height: 36px; color: #fff;}
.wzfl p img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.wzfl p b{font-weight: bold; font-size: 24px; color: #307ab7; font-weight: bold;}

.link{padding-top: 40px;}
.link_title{border-bottom: 1px solid #404040;}
.link_title ul{overflow: hidden;}
.link_title li{float: left; padding-right: 30px; font-size: 16px; line-height: 40px;}
.link_title li span{display: block; color: #888888;position: relative;cursor: pointer;}
.link_title li span:before{position: absolute; content: ""; border-bottom: 3px solid #307ab7;width: 0; bottom: 0;left: 50%;transform: translateX(-50%);transition: All 0.4s ease-in-out;cursor: pointer;}
.link_title li.cur span:before{width: 100%;}
.linkbox{ padding: 25px 0;}
.linkbox ul{overflow: hidden; margin-left: -20px;}
.linkbox li{float: left;font-size: 14px; line-height: 1.7; padding-left: 20px;}
.linkbox li a{color: #888;}
.linkbox li a:hover{color: #0b76be;}
.bqxx{padding: 25px 0;}
.bqxx p{font-size: 14px; line-height: 1.7; color: #888;}

/*产品列表页*/
.cplb{overflow: hidden;position: relative;}
.cpzx_right{float: right;width: calc(100% - 250px);}
.cpzx_list{width: 31.3333%;float: left;margin:0 2% 2% 0;}
.rmcpbox img{width: 100%;}
.fiesd-top { top: 80px;position:fixed;}
.fiesd-bottom {position:absolute;left:0;bottom:120px;}

.cpzxbox{padding: 20px 0;background: #fff; overflow: hidden;display:flex;justify-content: space-around;  align-items: center;border-bottom: 1px solid #eee;}
.cpzx_tp{ width: 220px; overflow: hidden;border: 1px solid #eee;}
.cpzx_tp img{width: 100%;}
.cpzxtext{width: calc(100% - 470px); padding: 0 25px;}
.cpzxtext h2{font-weight: bold; font-size: 18px; line-height: 1.6;  color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.cpzxtext h3{font-size: 14px; margin: 15px 0; color: #888;}
.cpzxtext p{font-size: 14px; line-height: 1.7;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;
    overflow: hidden;}
.anzbox{width: 300px;}
.anzbox ul{overflow: hidden; margin-left: -15px;}
.anzbox li{float: left; padding-left: 10px;}
.anzbox li a {border-radius: 6px;text-align: center; display: block; line-height: 1.4;font-size: 14px; color: #fff;padding: 10px 5px;}
.anzbox ul li:nth-child(1) a{background:#307ab7 ;}
.anzbox ul li:nth-child(2) a{background:#fd4138 ;}
.anzbox ul li:nth-child(3) a{background:#6dc135 ;}
.anzbox li a:hover{opacity: 0.7;}
.cpjsbox{padding: 25px;background-color: #fff;}
.cpjsbox p{font-size: 16px; line-height: 36px; text-indent: 32px; margin-bottom: 15px;color: #666;}
.cpjsbox img{margin: 30px auto;max-width: 92%;}

.btn2{display: block;width: 122px; line-height: 30px; color: #307ab7;border: 1px solid #e1e1e1;text-align: center;position: relative;}
.btn2 span{position: relative;z-index: 10;}
.btn2:before{position: absolute; content: ""; width: 0;left: 0;top: 0;height: 100%;background: #307ab7;transition: All 0.4s ease-in-out;}
.btn2:hover{border:1px solid  #307ab7;color: #fff;}
.btn2:hover:before{width: 100%;}
.cpzxtext h4{text-align: right;margin-top: 20px;font-size: 12px; color: #888;}
.cpzxtext h4 a{padding-left: 30px;}
.cpzxtext h4 img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.cpzxtext h4 a:hover{color: #134ABB;}
.porv{text-align: center; padding: 40px 0;}
.porv li{display: inline-block; padding: 0 2px;}
.porv a{display: block; border-radius: 6px; font-size: 16px;color: #333; line-height: 38px; padding: 0 16px;}
.porv li.cur a{color: #fff;background: #004098;}
.porv a:hover{color: #fff;background: #004098;}

.cpll_xq{padding: 25px 0 0 0;}
.cpll_xq_list{margin-bottom: 15px;}
.cpllbox p{padding: 15px 15px; background: #f1f1f1; font-size: 16px; color: #888;border-bottom: 1px solid #fff;cursor: pointer;text-align:center;}
.cpllbox p:hover{background-image: linear-gradient(to right, #307ab7, #fff);color: #fff;}
.cpllnr{padding: 10px 30px;display: none;}
.cpllnr li a{font-size: 14px; line-height: 36px; color: #666;display: block;text-align:center;}
.cpllnr li a:hover{color: #004098;}
.cpllnr li:last-child p{ border: none;}
.cpllbox p.on1{ background-image: linear-gradient(to right, #307ab7, #fff);color: #fff;}




.proshow{ max-width: 1400px;
      margin: 30px auto;
      background-color: white;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      overflow: hidden;}
.cpxq_top{overflow: hidden;}
.cpzs{float: left; width: 50px;}



.rmbq{float: right;width: 240px;}
.rmbq_nr {padding: 15px 0;}
.rmbq_nr ul{overflow: hidden; margin-left: -10px;}
.rmbq_nr li{float: left; padding: 0 0 10px 10px;}
.rmbq_nr li a{display: block; line-height: 30px;border-radius: 6px; font-size: 14px; color: #888;border: 1px solid #ddd; padding: 0 15px;transition: All 0.4s ease-in-out;}
.rmbq_nr li a:hover{color: #004098;border: 1px solid #004098;}
.cpzs{float: left;width:100%; padding: 12px;background-color: #fff;}
.cpzs_left{float: left; width: 480px;overflow: hidden;position: relative;}
.cpzs_left img{width: 100%;}
.cpzs_left .mySwiper{margin-top: 10px; padding: 0 20px;}
.cpzs_left .mySwiper img{border: 1px solid #eeee; opacity: .8;}
.cpzs_left .mySwiper .swiper-slide-thumb-active {opacity: 1;border: 1px solid #004098; }
.cpzs_left .swiper-button-next{height: 100%; right: 0; width: 20px; top: 0;background:#fbfbfb ;top: 0;margin: 0;transition: All 0.4s ease-in-out;color: #004098;}
.cpzs_left .swiper-button-next:after,.cpzs_left .swiper-rtl .swiper-button-prev:after{font-size: 18px;}
.cpzs_left .swiper-button-next:hover{background: #004098;color: #fff;}
.cpzs_left .swiper-button-prev{height: 100%; left: 0; width: 20px; top: 0;background:#fbfbfb ;top: 0;margin: 0;transition: All 0.4s ease-in-out;color: #004098;}
.cpzs_left .swiper-button-prev:hover{background: #004098;color: #fff;}
.cpzs_left .swiper-button-prev:after,.cpzs_left .swiper-rtl .swiper-button-next:after{font-size: 18px;}
.cpzs_right{float: right;width: calc(100% - 430px);}

.cpzs_title{border-bottom: 2px solid #ddd;margin-bottom: 15px;text-align: center;}
.cpzs_title h2{color: #333; font-weight: bold; font-size: 24px;line-height: 2;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.cpzstext{padding: 20px 0;}
  ::-webkit-scrollbar {
  display: none;
}
.cpzstext p{font-size: 14px; color: #666; line-height: 1.8;}

.news_left{width: 1100px;float: left;}
.news_img{width: 100%;}
.news_top{padding-bottom: 0;}
.news_title{border-bottom: 2px solid #ddd;}
.news_title h2{color: #333; font-weight: bold; font-size: 20px;line-height: 2;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.newstext{padding: 20px 0;}
.newstext p{font-size: 14px; color: #666; line-height: 1.8;}
.news_right{width: 280px;float: right;}
.news_list{padding: 8px;}

.anbot{margin-top: 30px;}
.anbot ul{margin-left: -10px;}
.anbot li{float: left; width: 40%; padding-left: 10px;}
.anbot a{display: block; text-align: center; color: #fff; border-radius: 4px; line-height: 40px;font-size:20px;}
.anbot ul li:nth-child(3){ width:40%;}
.anbot ul li:nth-child(1) a{ background: #fd4138;}
.anbot ul li:nth-child(2) a{ background: #6dc135;}
.anbot ul li:nth-child(3) a{ background: #b9b9b9;}

.plbox{overflow: hidden; padding: 25px 0; border-bottom: 1px dashed #ddd;}
.plleft{float: left; width: 60px;}
.plleft img{-webkit-border-after-width: 60px;height: 60px; border: 1px solid #ddd;border-radius: 50%;}
.plright{float: right;width: calc(100% - 75px);}
.plright h2{font-size: 16px; color: #222; font-weight: bold;}
.plright h2 span{font-size: 14px; color: #999; padding-left: 30px;}
.plright h3{font-size: 12px; line-height: 4; color: #999;}
.plright p{font-size: 14px; line-height: 1.4;}
.fbpl_title{border-bottom: 1px solid #eee;}
.fbpl{padding: 40px 0;}
.fbpl_title h2{font-size: 20px; line-height: 2.2; color: #333;}
.plnr{padding-top: 20px;}
.wby6{padding: 20px;border-radius: 6px;border: 1px solid #eee;font-size: 14px; font-family: "微软雅黑";width: 100%;}
.plnr h3{text-align: left; margin-top: 10px;}
.btn9{width: 120px; height: 32px; border: none;border-radius: 4px;cursor: pointer; color: #fff;background: #004098;}
.news_time{float: right;margin: 20px;}
.news_time img{display: inline;vertical-align: middle;margin-right: 5px;}
.news_click{float: right;margin: 20px;}
.news_click img{display: inline;vertical-align: middle;margin-right: 5px;}

.xgsb_nr ul{overflow: hidden; margin-left: -15px;padding-top: 30px;}
.xgsb_nr li{float: left; width: 25%;padding:0 0 15px 15px;}
.xgsb_nr span{display: block; height: 160px;overflow: hidden;}
.xgsb_nr a{display: block;border: 1px solid #d0d1d5;}
.xgsb_nr img{width: 100%; height: 100%; object-fit: cover;}
.xbbox{border: 1px solid #d0d1d5;}
.xgstext{text-align: center; padding:22px 0;}
.xgstext h3{font-weight: bold; font-size: 17px;margin-bottom: 13px;color: #333;}
.xgstext a{display: inline-block; width: 100px; line-height: 32px;border: 1px solid #e6e6e6; font-size: 14px; color: #333;margin: 0 5px;}
.xgstext a:hover{border: 1px solid #76b8de;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05);-o-transform: scale(1.05); -ms-transform: scale(1.05); }

.show_active{display:block;}
.nav-bread {
    padding: 0;
    height: 70px;
    line-height: 70px;
}
.nav-bread a {
    color: #888888;
    font-size: 14px;
    display: inline-block;
}
.select{border:1px solid #000;width:468px!important;padding:10px;font-size:16px;border-top:none;}
.select li{line-height:28px;color:#000;}
.button{display:none!important;}



@media(min-width:1000px){
.dbnr{display:none;}
}
@media(max-width:1380px){
.rmcp_right span{padding: 34px 20px;}

}
@media(max-width:1000px){
.wz1400{max-width: 100%;}
body{padding-bottom: 60px;}
.header{height: 60px;}
.lxdh{display: none;}
.yzxp{display: none;}
.nav{position: fixed; width: 220px; left: -220px;top: 60px;background: #fff; top: 60px;height: calc(100% - 60px);}
.nav li{float: none; padding: 0; width: 100%;}
.nav h3 a{line-height: 50px;border-bottom: 1px solid #eee; padding: 0 15px;}
.fgt{height: 60px;}
.dhbtn{position: absolute;width: 30px;height: 30px; right: 3%; top: 15px;border-radius: 4px;background: url(../image/d1.png) no-repeat center center #307ab7;background-size: 20px 20px;}
.dhbtn.on{background: url(../image/d2.png) no-repeat center center #307ab7;background-size: 20px 20px;}
.logo{width: 110px;padding-top: 10px;}
.dhbj{position: fixed;width: 100%;height: 100%; top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 10;display: none;}
.banner{height: 100%;overflow: hidden;}
.banner1{height: 300px;}
.banner-fixe{flex-direction: column;margin-top: 0;}
.swiper-hidden{width: 100%;}
.notice{display:none;}
.notice ul li a{width: 100%;}

.ssbtn{width: 80%;}
.rmcp_title{padding: 20px 0 20px;}
.rmcp_title h2{font-size: 24px;}
.rmcp_left{ width: 100px;margin: 0;}
.rmcp_left_sy{ width: 100%;margin: 0;}
.rmcp_bt{padding: 10px 0;height: auto;}
.rmcp_bt p{display: none;}
.rmcp_bt h2{font-size: 18px;}
.rmcp_xq ul{overflow: auto;  white-space: nowrap;}
.rmcp_xq ul::-webkit-scrollbar {
  width:5px; height:5px;
  background-color:#fff;
}
.anzbox ul li:nth-child(1) a{margin-left:10px;}
.rmcp_xq li{display: block;
    float: left;
    width: 33%;}
.rmcp_xq li.cur a { background-image: linear-gradient(to right, #307ab7 , #539fd1);}
.rmcp_xq_a{padding: 10px 20px;}
.rmcp_xq h2{font-size:14px;}
.rmcp_xq p{display:none;}
.rmcp_right{width: 100%; float: none;padding: 0;}
.rmcp_right ul{height: auto;}
.rmcp_right li{float: left; width: 50%;}
.rmcp_nr{padding-bottom: 40px;}
.sssh_nr{padding-bottom: 60px;}
.news_nr dt{width: 100%; padding-bottom: 20px;}
.list-news .news h3 a{font-size:20px!important;}
.xs0{display:none;}
.xs12{width:100%!important}
.xss12{width:100%!important}
.list-news .news {
    margin-left: 10px!important;
    margin-right: 10px!important;
}
.rmcp_text p{font-size:12px;}
.foot_left{float: left; width: 200px; margin: 0 auto;}
.foot_left img{width: 100%;}
.wzfl{width: 100%; padding: 20px 0;}
.wzfl ul{display: block;text-align: center;}
.wzfl ul li{width: 33%; float: left;}
.wzfl ul li:first-child{display:none;}
.wzfl p{text-align:left;}

.rmcp_right span{padding: 0 5px;}
.rmcp_right li {
    padding: 0 0 10px 10px;
}
.wzfl p b{font-size:20px;}
.rwm{display: none;}
.lxfs{display: none;}
.link{padding-top: 0;}
.bqxx p{text-align: center;}
.bqxx span{display: block;float: none; width: 100%;}
.cpzx_right{ width:calc(100% - 100px);padding: 0 5px;}
.cpzxbox{display: block;padding: 0 0 15px 6px;border-bottom: none;}
.cpzx_list{width: 48%;float: left;}
.rmcp_bt h2:before{border: none;}
.cpzx_tp{width: 100%;}
.cpzxtext{width: 100%; padding: 15px 0;}
.cpzxtext p{height:auto;}
.anzbox{width: 100%;}
.porv a{font-size: 14px; line-height: 30px; padding: 0 11px;}

.cpll_xq{padding-top: 10px;}
.proshow_left{width: 100%;}
.proshow_right{width: 100%;}
.news_left{width: 100%;}
.news_right{display: none;}
.subnav_list{width: 33.33%;}

.cpzs_left{float: none; width: 100%;}
.cpzs{float: none; width: 100%;padding: 0;}
.rmbq{float: none; width: 100%; padding:25px 0 0 0;}
.cpzs_right{float: none; width: 100%;padding:0 10px;}
.cpzstext{height: auto;overflow:hidden;}
.cpxq_top{padding-bottom: 15px;}
.cpjsbox{padding: 10px;}
.xgsb_nr li{width: 100%; float: none;}
.dbnr{position: fixed; width: 100%; left: 0; bottom: 0;}
.dbnr ul{overflow: hidden;}
.dbnr li{float: left; width: 25%;}
.dbnr li img{margin: 0 auto 10px auto;height: 20px;}
.dbnr a{display: block; font-size: 14px; color: #fff;text-align: center;display: block;padding: 10px 0;}
.dbnr ul li:nth-child(1) a{ background: #187ec2;}
.dbnr ul li:nth-child(2) a{ background: #fd4138;}
.dbnr ul li:nth-child(3) a{ background: #6dc135;}
.dbnr ul li:nth-child(4) a{ background: #FFB133;}
.anbot a{font-size:14px}
.cpllbox p{font-size: 12px; padding: 15px 5px;line-height: 1.5;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.cpllnr{padding: 10px;}
.cpllnr li a{font-size: 12px; line-height: 28px;}
.fiesd-top { top: 60px;position:fixed;}
.fiesd-bottom {position:absolute;left:0;bottom:60px;
}
.sub{position: static;}
.sub a{text-align: left; padding-left: 25px;}
.deanweixinzhan{top:-144px!important;}
}

 .container {
      display: flex;
      max-width: 1400px;
      margin: 20px auto;
      gap: 30px;
      padding: 0 20px;
    }

    /* 左侧栏 */
    .sidebar {
      width: 300px;
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
    }

    /* 搜索框优化 */
    .search-box h3 {
      background: #007cbf;
      color: white;
      padding: 10px 15px;
      border-radius: 6px;
      font-size: 1.2em;
      margin-bottom: 15px;
      text-align: center;
    }

    .search-container {
      display: flex;
      gap: 8px;
      margin-bottom: 20px;
    }

    .search-container input[type="text"] {
      flex: 1;
      padding: 10px 12px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
      outline: none;
      transition: border-color 0.3s;
    }

    .search-container input[type="text"]:focus {
      border-color: #007cbf;
    }

    .search-container button {
      background: #007cbf;
      color: white;
      border: none;
      padding: 0 14px;
      border-radius: 6px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s;
    }

    .search-container button:hover {
      background: #0066a3;
    }
   /* 新增：右侧主内容区 */
.main-content {
  flex: 1;
  display: flex;
  flex-direction: column; /* 让 product-list 和 pagination 垂直排列 */
}
    /* 产品类别 */
    .category-box {
      margin-bottom: 30px;
    }

    .category-box h3 {
      background: #007cbf;
      color: white;
      padding: 10px 15px;
      border-radius: 6px;
      font-size: 1.2em;
      margin-bottom: 15px;
      text-align: center;
    }
    .category-box h3 a{color: white;}

    .category-list {
      list-style: none;
    }

    .category-list > li {
      position: relative;
      padding: 10px 15px;
      border-bottom: 1px solid #eee;
      cursor: pointer;
      transition: background 0.3s;
    }

    .category-list > li:hover,
    .category-list ul li:hover {
      background: #f0f8ff;
    }

    .category-list li i {
      margin-right: 8px;
      color: #007cbf;
    }

    /* 二级菜单 */
    .category-list ul {
      display: none;
      list-style: none;
      padding-left: 20px;
      margin-top: 8px;
    }

    .category-list > li:hover > ul {
      display: block;
    }

    .category-list ul li {
      padding: 8px 0;
      border: none;
      font-size: 13px;
      cursor: pointer;
    }

    /* 联系信息框 */
    .contact-info {
      margin-top: 30px;
      padding: 20px;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .contact-info h3 {
      font-size: 1.4em;
      margin-bottom: 12px;
      color: #007cbf;
      text-align: center;
    }

    .contact-info p {
      margin-bottom: 8px;
      font-size: 14px;
      line-height: 1.5;
    }

    /* 右侧产品列表 */
    .product-list {
      flex: 1;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
       align-items: start;
    }

    .product-item {
      text-align: center;
      background: white;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease;
    }

    .product-item:hover {
      transform: translateY(-5px);
    }

    .product-item img {
      width: 100%;
      object-fit: cover;
    }

    .product-title {
      padding: 10px;
      font-weight: bold;
      font-size: 14px;
      line-height: 1.4;
      color: #333;
    }

    .read-more {
      display: inline-block;
      padding: 6px 12px;
      background: #e0e0e0;
      color: #333;
      border: none;
      border-radius: 4px;
      font-size: 12px;
      cursor: pointer;
      margin-top: 8px;
    }

    .read-more:hover {
      background: #ccc;
    }
    .btn_img{width: 22px;}
/* 分页样式 */

.pagination-wrapper {
  margin-top: 30px;
  text-align: center;
}

.pagination-wrapper .pagelist {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}

.pagination-wrapper .pagelist a,
.pagination-wrapper .pagelist span {
  display: inline-block;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  text-decoration: none;
  color: #333;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  transition: all 0.3s;
}

.pagination-wrapper .pagelist a:hover {
  background: #007cbf;
  color: white;
  border-color: #007cbf;
}

/* 当前页高亮 */
.pagination-wrapper .pagelist .thisclass,
.pagination-wrapper .pagelist .current {
  background: #007cbf;
  color: white;
  border-color: #007cbf;
  cursor: default;
}

/* 首页/末页/上一页/下一页文字按钮（如“上一页”） */
.pagination-wrapper .pagelist a:first-child,
.pagination-wrapper .pagelist a:last-child {
  min-width: auto;
  padding: 0 12px;
}

/* 响应式：小屏加大点击区域 */
@media (max-width: 768px) {
  .pagination-wrapper .pagelist a,
  .pagination-wrapper .pagelist span {
    min-width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
  }
} 
    /* 响应式调整 */
    @media (max-width: 1000px) {
      .container {
        flex-direction: column;
      }
      .product-list {
        grid-template-columns: repeat(3, 1fr);
      }
      .contact-info{display: none;}
      .sidebar {
        width: 100%;
      }
    }

    @media (max-width: 768px) {
      .product-list {
        grid-template-columns: repeat(2, 1fr);
      }

      .search-container button {
        padding: 10px;
      }
    }

    @media (max-width: 500px) {
      .product-list {
        grid-template-columns: repeat(2, 1fr);
      }
    }