body,p,img{margin:0; padding:0; color:#3e3a39; font-size:14px; font-family: Arial, Helvetica, sans-serif;}
body{background-color: #f3f3f3;}
ul,li{list-style: none;}
ul,li,a{padding: 0; margin: 0;}
a:link,a:visited,a:hover,a:active {
	text-decoration: none;
}
a{color:#409eff;}
a:hover{color:#3e3a39; cursor: pointer;}
.header{min-width:1200px;background-color: #fafafa; border-bottom:2px #f5f5f5 solid;height:35px;}
.bg{margin:0 auto; max-width: 1200px; display: flex; justify-content: space-between;}
.bg .left{display: flex; gap:10px;align-items: center;} 

a.member_css:link{color:#409eff !important}
a.member_css:visited{color:#409eff !important}
a.member_css:active{color:#3e3a39 !important; }
a.member_css:hover{color:#3e3a39 !important;}

.bg .right{display: flex; gap:10px;align-items: center;}
.bg .right p:hover{color:#409eff; cursor:pointer;}
.bg .right p a{color:#3e3a39;}
.bg .right p a:hover{color:#409eff; cursor:pointer;}

.header_bg{background-color: #fff; min-width: 1200px;}
.header_sub{margin:0 auto; padding-top:20px; height:90px; max-width: 1200px; display: flex; justify-content:flex-start;}
.logo{width:260px;}
.search{width:600px; padding-top:16px;}
.el-input-group__append, .el-input-group__prepend{background-color: #409eff; color: #fff; border: #409eff 1px solid;}

.search_input_css{width: 400px;}
.navigation_bg{background-color: #fff;min-width: 1200px; box-shadow:0px 0px 6px 1px #d1d1d1;}
.navigation{margin:0 auto; position: relative; max-width: 1200px; display: flex; justify-content:flex-start;}
.navigation .left{width: 288px; background-color: #409eff; display: flex; align-items: center; }
.navigation .left >div:nth-child(1){color: #fff; gap:6px; justify-content:left; box-sizing:border-box; padding-left:38px; display: flex; align-items: center; font-size:20px;}
.navigation .right{width:912px;display: flex; justify-content:flex-end; flex-wrap:wrap;}
.navigation .right a{display:inline-block;width:76px; text-align: center; line-height: 300%; border-bottom:solid 1px #efefef;}
.navigation .right a:hover{background-color: #eaf2ff; cursor: pointer;}

.active a p{color:#409eff;}
.active{background-color: #d9ecff;}

.banner{min-width:1200px; height:300px;position: relative;}
.banner .img_continer{width:100%; height:inherit; background: url("/public/static/web/banner.jpg") center center;position: relative;z-index: -1;}
.banner .left{left:0px; top:0px; position:absolute; height:inherit;}
.banner .right{right:0px; top:0px; position:absolute; height:inherit;}

.banner .left img,.banner .right img{height:inherit;}

.product_banner{width: 100%; height:220px;position: relative; padding:10px 0 0px 0;}
.product_banner .img_continer{max-width:1200px; margin: 0 auto; height:inherit; background: url("/public/static/web/product_banner.jpg?id=v1") center center;position: relative;z-index: -1;}

.uav_banner{width: 100%; height:220px;position: relative; padding:10px 0 0px 0;}
.uav_banner .uav_continer{max-width:1200px; margin: 0 auto; height:inherit; background: url("/public/static/web/uav_banner.jpg?id=v1") center center;position: relative;z-index: -1;}

.product_class{width:288px; margin:0 auto;  position:absolute; top:86px; left: 0px; right:0; z-index: 1;}
.pos_css{padding-right: 912px;}
.product_class ul{background-color:#fff; box-shadow:0px 0px 6px 1px #d5d5d5; display:flex; flex-wrap: wrap;}
.product_class ul li{border-bottom:#e7e7e7 1px solid; width:50%; display:flex; line-height: 46px; font-size:14px; color:#3e3a39;}
.product_class ul li:hover{background-color: #eaf2ff; cursor: pointer;}
.product_class ul li a{display: inline-block;white-space: nowrap; overflow: hidden;padding-left:10px; width: calc(100% - 10px);text-overflow: ellipsis;}


.product_list{width: 1200px; margin:0 auto; display: flex; padding: 12px 0 0 0;}
.product_list .left{width:350px; box-sizing: border-box; padding-left: 20px;}
.product_list .add_left{padding-right: 20px; padding-left: 0px; margin-top: 0!important;}
.product_list .product_recommend{ width: 100%; background-color: #fff;box-sizing: border-box;}
.product_list .product_recommend:not(:first-child){margin-top: 15px;}
.product_list .product_recommend .more{display: flex; justify-content: space-between;}
.product_list .product_recommend .more p:last-child{font-size:14px; padding:15px 10px 0 0;}

.product_list .news{margin-top:15px;}
.product_list .left .product_title_css{height:50px;}
.product_list .left .product_title_css p{font-size:20px;padding:12px 0 0 20px;}
.product_list .left .product_pic_css{text-align: center;}
.product_list .left .product_pic_css p{overflow: hidden;}
.product_list .left .product_pic_css img{width:90%; transition: all 0.5s;}
.product_list .left .product_pic_css img:hover{transform: scale(1.1); cursor: pointer;}

.product_list .left .product_name_css{padding:0 20px; font-size:18px;}
.product_list .left .product_price_css{padding:10px 20px 0 20px;display: flex; justify-content:space-between; align-items: baseline;  padding-bottom:20px;}
.product_list .left .product_price_css p>span{color:#d52f2c;font-size:26px; display: inline-block; padding-right: 10px;}
.product_list .left .product_price_css p{color:#999999;}

.product_list .left .news {width: 100%; background-color: #fff;}
.product_list .left .news .news_title_css{height:50px;}
.product_list .left .news .news_title_css p{font-size:20px;padding:12px 0 0 10px;}
.news_list_css{width: 100%;}
.news_list_css ul{width: 100%;}
.news_list_css ul li{padding:10px 0 10px 10px; align-items: center; justify-content: space-between; border-top:dashed 1px #e7e7e7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_list_css ul li a::before{content:"·"; font-family:none; color:#939495 !important;}
.news_list_css ul li a{color:#409eff; font-size: 14px;}
.news_list_css ul li span{color:#8f8f8f; font-size: 12px;white-space: nowrap;}
.news_list_css ul li a:hover{color:#3e3a39;}


.product_list .right{width:850px; padding: 0 0 0 0px; background-color: #fff;}
.product_list .right .product_list_box_title{height:50px; display: flex; position: relative;}
.product_list .right .product_list_box_title div{bottom: 13px ; right:13px; position: absolute;  }
.product_list .right .product_list_box_title p{font-size:20px;padding:12px 10px 0 10px; text-align: center; border-bottom:3px #e7e7e7 solid;}
.title_active {color:#3e3a39; border-bottom: #409eff 3px solid !important;}
.product_list .right .product_list_box{width:100%; gap:2%; display:flex; justify-content:start;align-items: baseline; flex-wrap: wrap;}
.product_list .right .product_list_box ul{width:49%; display:flex; justify-content:start; flex-wrap:wrap; gap:0; padding-bottom:25px;}
.product_list .right .product_list_box ul li{width:100%; box-sizing: border-box; padding:8px 0 0 10px;}
.product_list .right .product_list_box ul li:not(:first-child) p::before{content:"·"; font-family:none; color:#939495 !important;}

.product_list_border{border-left: solid 1px #e7e7e7;}
.product_list .right .product_list_box ul li img{width:90%; transition: all 0.5s;}
.product_list .right .product_list_box ul li img:hover{transform: scale(1.1); cursor: pointer;}
.product_list .right .product_list_box ul li >p:nth-child(1){overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product_list .right .product_list_box ul li .price span{color:#d52f2c;font-size:26px; display: inline-block; padding-right: 10px;}
.product_list .right .product_list_box ul li .price{color:#999999;}
.product_list .right .product_list_box ul li{position:relative;}
.product_list .right .product_list_box ul li .more a{color:#7b838c;}
.product_list .right .product_list_box ul li .more a:hover{color:#000000;}
.product_list .right .product_list_box ul li .more{position: absolute; right:20px; top:10px;}

.product_list .right .qikan ul {display: flex; flex-wrap:wrap; gap:3%; padding: 0 0 0 3%;}
.product_list .right .qikan ul li {width:22%;  text-align: center; padding:30px 0 0 0 ;}
.product_list .right .qikan ul li img{width:90%; transition: all 0.5s;box-shadow: 0 0 6px 1px #9b9b9b; }
.product_list .right .qikan ul li img:hover{transform: scale(1.1); cursor: pointer;}

.product_list .right .qikan ul li .price span{color:#d52f2c;font-size:26px; display: inline-block; padding-right: 10px;}
.product_list .right .qikan ul li .price{color:#999999;}
.product_list .right .qikan ul li p{padding:5px 0;}
.product_list .right .qikan ul li p a{font-size: 16px;}

.for_message{width:100%; box-shadow:0px 0px 6px 1px #e8e8e8; background-color: #fff; padding: 20px 0;margin-top: 15px;}
.for_message .box{margin:0 auto; width: 1200px; display: flex;}
.for_message .box .icon{width:73px;}
.for_message .box .tip{width:200px;}
.for_message .box .tip p:nth-child(1){font-size:16px;}
.for_message .box .tip p:nth-child(2){font-size:16px; color:#888888;}
.for_message .box .name{width:180px; padding:10px 10px 0 0;}
.for_message .box .mail{width:220px; padding:10px 10px 0 0;}
.for_message .box .msg{width:390px; padding-top:10px;}
.for_message .box .button{width:auto; padding-top:10px;}

.empty{color:#888888 !important; padding: 20px;}

.foot{min-width:1200px; background-color: #383838; margin-top:20px; padding:50px 0 0 0;}
.foot .box{margin:0 auto; width: 1200px; display: flex; padding:0 0 50px 0;}
.foot .box .left{width:400px;}
.foot .box .left p span{display: inline-block; padding-top: 5px; width:18px; padding-right: 10px; text-align:center;}
.foot .box .left p span img{opacity: 0.5;}
.foot .box .left p{color:#b0b0b0; padding-bottom:10px; display: flex; align-items: center;}

.foot .box .center{width:450px;}
.foot .box .center >div:nth-child(1){ color:#ffff80; height:40px;}
.foot .box .center div p{width:100%; height:40px; color:#b0b0b0;}
.foot .box .center div p span{display:inline-block; padding-left:10px;}
.foot .box .center div a{color:#b0b0b0;}
.foot .box .center div a:hover{color:#ffffff;}


.foot .box .right{width:160px;}
.foot .box .add_padd{padding-right:30px;}
.foot .box .right >div:nth-child(1){ color:#ffff80; height:40px;}
.foot .box .right div p{width:100%; min-height:40px; color:#b0b0b0; padding-bottom: 10px; text-align:center;}
.foot .box .right div p span{display:inline-block; padding-left:10px;}

#foot_bg{background-color:#535353;}
#foot_bg >div{width:1200px;  justify-content: space-between; margin:0 auto; display: flex;}
#foot_bg >div p{color:#d1d1d1; height: 50px;}
#foot_bg >div p:nth-child(1){padding-top:12px;}
#foot_bg >div p:nth-child(2){padding-top:10px;}
#foot_bg a{color:#2d87e0 !important;}
#foot_bg a:hover{color:#fff !important;}



/* 在全局样式文件中添加 */
.el-message {
  min-width: 0px !important; padding-right:20px; /* 设置最小宽度 */
}


.el-input-group__append button.el-button:hover{background-color: #2d87e0;}

.hot_paper{width:100%;}
.hot_paper ul{padding:0 0 20px 0px;}
.hot_paper ul li{padding:10px 0 11px 10px; border-top: dashed 1px #e7e7e7;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.hot_paper ul li a::before{content: "·"; font-family: none; }

.lunwen{display: none; font-size:20px; color: #fff;}
.navigation .right_bg{background-color: #000000; top: 0; right: 0; z-index: 110; width: 100vw; height: 100vh; opacity: 0.8; display: none; position:fixed;}
.navigation .right >div:nth-child(1){display: none; width: 100%; background-color: #fff;}
.navigation .right >div:nth-child(1) img:nth-child(1){padding:0 0 10px 10px;}
.navigation .right >div:nth-child(1) img:nth-child(2){position:absolute; top:10px; right:10px;transition: all 0.5s;}
.navigation .right >div:nth-child(1) img:nth-child(2):hover{cursor: pointer;  transform: scale(1.3);}

.el-form-item__label{padding: 0;}

@media screen and (max-width:640px) {
  body,body p{font-size:16px !important;}
  .header{min-width:100%; height: auto;}
  .bg{flex-wrap:wrap;}
  .bg >.left{flex-wrap:wrap; display: none;}
  .bg >.right{flex-wrap:wrap; padding-left: 2%; padding-bottom:5px;}
  .search_input_css{width: 100px;}
  .search{width:58%; padding-left:2%; padding-top:10px;}
  .search >div{width: 100%;}
  .header_bg{min-width: 100%;}
  .header_sub{height: auto; padding-top: 10px; padding-bottom: 15px;align-items: center;}
  .navigation_bg{min-width: 100%;}
  .navigation{flex-wrap:wrap;}
  .navigation .left {width:100%; height: 50px; line-height: 50px; justify-content: space-between;}
  .navigation .left >div:nth-child(1){padding-left: 2%;white-space: nowrap;}  
  .navigation .left >div:nth-child(2){display: block; padding-right: 10px;}
  
  .product_banner{width:100%; height: 120px;}
  .product_banner .img_continer{background-size:auto 120px;}

  .hidden_css{display: none !important;}
  .navigation .right{width:100%;justify-content:flex-start; z-index: 111; background-color: #f2f2f2;  position:fixed; top: 0; right: 0;}
  .navigation .right a{width:50%;}
  .navigation .right a{border-bottom: #fff 1px solid; line-height: 260%;}
  .navigation .right a:hover{background-color: #569be0; color: #fff;}
  .active a p{color:#409eff;}
  .active{background-color: #409eff; color: #fff;}

  .product_detail .right{width: 100% !important;}
  .product_detail .right >div:nth-child(3){overflow:hidden; overflow-x: scroll;white-space: nowrap;}
 
  

  .product_class{position:absolute; top:50px; left: 0; width: 100%;}
  .product_class ul li{width:33%;}
  .logo{width:40%;}
  .logo img{height:auto !important; width:100%;}
  .banner{min-width: 100%; height:80px;}
  .banner .img_continer{background-size: auto 200px;}
  .product_list{width: 100%;flex-wrap:wrap;}
  .product_list .left{width:100%; padding-right: 0;}
  .product_list .right{width: 100% !important; padding-right: 0 !important;}
  .product_list .right .qikan ul li{width:46%;}

  .product_list .right .product_list_box ul{width: 100%;}
  
  
  .product_list .left{padding-left: 0 !important;}

  .for_message .box{width:100%; flex-wrap: wrap;}
  .for_message .box .name, .for_message .box .mail,.for_message .box .msg{width:80%; padding-left: 10%;}

  .for_message .box .button{width:100%; display: flex; justify-content: center;}
  .for_message .box .button button{width:80%;}

  .foot{min-width:100%; padding-top: 10px;}
  .foot .box{width:100%; flex-wrap:wrap; padding-bottom:0;}
  .foot .box .left{width:100%; box-sizing: border-box; padding-left:2%;}
  .foot .box .left img{width:40%;}
  .foot .box .center{width:100%;}
  .foot .box .center >div:nth-child(1){display:none;}
  .foot .box .center >div:nth-child(2){display: flex; flex-wrap: wrap; justify-content:space-between; padding: 10px 0 10px 0; border-top:#8c8c8c 1px dashed; border-bottom:#8c8c8c 1px dashed;}
  .foot .box .center >div:nth-child(2) p{ padding:0 2%; width: auto;}
  .foot .box .center >div:nth-child(2) p span{display: block; padding-left: 0px;}
  .foot .box .center >div:nth-child(2) p a{white-space: nowrap;}
  
  .foot .box .right{width:100%; padding-top: 15px;}
  .foot .box .right p:nth-child(1){padding-bottom:0px;}
  .foot .box .add_padd{padding-right:0px;}
  
  .foot .box .right >div:nth-child(1){display: none;}
  #foot_bg >div{width:100%; flex-wrap:wrap;align-items:center; padding-bottom:20px;}
  #foot_bg >div >p{height:100%; padding: 5px 10px 0 10px;}
  #foot_bg >div >p img{padding:0 !important;}
  
  .pos_css{padding-right:0;position: relative; top: 0;}
  .el-input--suffix .el-input__inner {padding-right: 5px;}

  .news_list_css ul li a{color:#409eff; font-size: 16px;}

  .uav_banner{height: 120px !important;}
  .uav_banner .uav_continer{background-size:auto 120px;}
  
  .product_list .product_recommend{margin-top: 15px; box-sizing: border-box;}
  .product_list .product_recommend .product_title_css{border-bottom:#e7e7e7 3px solid !important;}
  .hot_paper ul li:first-child{border-top:none;}

  .product_detail_content >.title{padding-top:0px !important;}
  .product_detail_content .title >p{padding:10px 0 !important;}
  
}