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{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;  min-height: 60px; width: 1200px; display: flex; justify-content:flex-start;}
.navigation .left{width: 288px;background-color: #409eff; 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{width: 100%; height:300px;position: relative;}
.banner .img_continer{min-width:1200px; 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{width:1200px; margin: 0 auto; height:inherit; background: url("/public/static/web/product_banner.jpg") center center;position: relative;z-index: -1;}

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

.product_class{width:288px; margin:0 auto;  position:absolute; top:0px; 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;}
.product_list .product_recommend{ width: 100%; background-color: #fff;}
.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:860px; 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 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%; display:flex; justify-content:start;align-items: baseline; flex-wrap: wrap;}
.product_list .right .product_list_box ul{width:50%; 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:5px;}

.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; 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;}
#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 10px 10px; border-top: dashed 1px #e7e7e7;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.hot_paper ul li a::before{content: "·"; font-family: none; }