body,p,img{margin:0; padding:0; color:#3e3a39; font-size:14px; font-family: Arial, Helvetica, sans-serif;}
ul,li{list-style: none;}
ul,li{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_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;}

.navigation_bg{background-color: #fff;min-width: 1200px; box-shadow:0px 0px 6px 1px #d1d1d1;}
.navigation{margin:0 auto;  height: 60px; width: 1200px; display: flex; justify-content:flex-start;}
.navigation .left{width: 280px;background-color: #409eff; color: #fff; gap:6px; justify-content:center; display: flex; align-items: center; font-size:20px;}
.navigation .right{width:920px;display: flex; justify-content:flex-start;}
.navigation .right a{display:inline-block;width: 154px; text-align: center; padding-top:12px;}
.navigation .right a:hover{background-color: #eaf2ff; cursor: pointer;}

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

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

.product_banner{width: 100%; height: 400px;position: relative; padding:20px 0 0px 0;}
.product_banner .img_continer{min-width:1200px; height:400px; background: url("/public/static/web/product_banner.jpg") center center;position: relative;z-index: -1;}

.uav_banner{width: 100%; height:300px;position: relative;}
.uav_banner .uav_continer{min-width:1200px; height:inherit; background: url("/public/static/web/uav_banner.jpg") center center;position: relative;z-index: -1;}

.product_class{width:280px; margin:0 auto; padding-right: 920px; position:absolute; top:0px; left: 0px; right:0; z-index: 1;}
.product_class ul{background-color: #fff; box-shadow:0px 0px 6px 1px #d5d5d5;}
.product_class ul li{border-bottom:#e7e7e7 1px solid; 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;padding-left:40px; width: calc(100% - 40px);}


.product_list{width: 1200px; margin:0 auto; padding-top: 20px; display: flex; padding: 20px 0;}
.product_list .left{width:350px;}
.product_list .product_recommend{box-shadow:0px 0px 6px 1px #d1d1d1; border-radius:10px;}
.product_list .news{margin-top:30px; box-shadow:0px 0px 6px 1px #d1d1d1; border-radius:10px;}
.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%;}
.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 10px 10px 10px; display: flex; gap:10px; align-items: center; justify-content: space-between; border-top:dashed 1px #e7e7e7;}
.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:830px; padding: 0 0 0 30px;}
.product_list .right .product_list_box_title{height:50px; display: flex;}
.product_list .right .product_list_box_title p{font-size:20px;padding:12px 0 0 0; min-width:120px; text-align: center; border-bottom:3px #e7e7e7 solid;}
.title_active {color:#409eff; border-bottom: #409eff 3px solid !important;}
.product_list .right .product_list_box{width:100%;}
.product_list .right .product_list_box ul{width:100%; display:flex; justify-content:start; flex-wrap:wrap; gap:30px 43px; padding-top:30px;}
.product_list .right .product_list_box ul li{width:21%; box-shadow:0px 0px 6px 1px #e8e8e8; box-sizing: border-box; text-align: center;}
.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;}
.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;}

.for_message{width:100%; box-shadow:0px 0px 6px 1px #e8e8e8; padding: 20px 0;}
.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:640px;}
.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 .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;}



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


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