@charset "utf-8";
/* CSS Document */
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(http://:/) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}

@font-face {
  font-family: "Helvetica-Neue-LT-Std-85-Heavy";
  font-style: normal;
  font-weight: 500;
  src: local("Helvetica-Neue-LT-Std-85-Heavy"), local("Helvetica-Neue-LT-Std-85-Heavy"),
    url(../font/Helvetica-Neue-LT-Std-85-Heavy.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "AcuminPro-Medium";
  src: local("AcuminPro"), local("AcuminPro-Medium"), url(../font/AcuminPro-Medium.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Lato Regular";
  font-style: normal;
  font-weight: 400;
  src: local("Lato-Regular"), local("Lato-Regular"), url(../font/Lato-Regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../font/roboto-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../font/roboto-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/roboto-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/roboto-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{font-weight:700;color: #555;font-size: 15px}
p{margin:0;padding:0 0 1rem} 

body{color:#555; font-family: Arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-size:0.875rem; background:#fff;}
hr{ border-top:1px #ddd dashed; margin:1rem 0}
table{margin:5px 0 0;width:100%;}
.table-responsive{margin-bottom:1rem} 
.table>tbody>tr{background-color:#fff}
.table>tbody>tr:nth-of-type(odd){background-color:#fff}
.table-hover>tbody>tr:hover,.table>tbody>tr:nth-of-type(odd):hover{background-color:#fff}  
.table .top{background:#165DFF!important;color: #fff;}  
.table>tbody>tr>td{vertical-align:middle;padding:6px;font-size:14px;line-height:18px;border-right: 1px solid #f7f7f8;} 
.table>tbody>tr>td.top{background: #165DFF!important;color: #fff;}
.table>tbody>tr>td.top1{background: #fff!important;color: #555;}
.table>tbody>tr>td.top2{text-align: center;}
.bos_hometitle,h2{ padding:0.5rem 0 1.25rem;font-size:1.5rem; color:#202020;font-weight:700; margin: 0;}
.bos_hometitle{font-size:1.35rem; padding-bottom:1.125rem; color:#202020; margin-bottom:1rem}  
.clearfix{clear: both;}
h2{font-family: Oswald;color: #333;font-size: 1.75rem;}
h3{font-size: 1.25rem;font-weight: 500;transform: skew(-10deg);}

inquiry,u.inquiry{text-decoration: none; color:#666;}
u.inquiry:after{content:"INQUIRY"; display:inline-block;background:#e3e4e5; color:#666;text-align: center;line-height: 1;padding:4px 10px;font-size:12px;  float:left; width:88px}
u.inquiry:hover:after{ background:#285a92; color:#fff;} 
/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:100; background: #e9e9e9; margin:0 auto;} 
#headerin{width:96%; margin:0px auto; max-width:1200px; } 
#bos_logo{ width:auto;float:left;margin-top: 0.5rem;margin-bottom: 0.5rem;}
.navbtn{ margin-top:1rem;} 
#bos_language{float:right;text-align: right;height: 35px;width: 70%}
#bos_language .dropdown-item{ display:inline-block;width:auto; font-size:0.875rem; padding:0.4rem 0.7rem 0.4rem;color:#444; font-weight:300;background: none;}
#bos_language .dropdown-item:hover,.bos_contact a:hover,.bos_contact ul li a:hover{ color:#000; text-decoration:underline; background:none} 

.top-nav{ width:auto; float:right;margin-top: 1rem}
.navbar{ padding:0;}
.navbar-collapse{justify-content:center;} 
.navbar-light .navbar-nav .nav-link{color:#333; font-size:1rem; padding:0.25rem 1rem; line-height:2rem; font-weight:500;font-family: "Roboto" ,"Arial"}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#165DFF;}
.navbar-light .navbar-nav .show .nav-link{color: #165DFF}
.navbar-light .navbar-nav .dropdown-menu a:hover{color:#165DFF;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.8375rem; line-height:1.125rem}  
.dropdown-item.active, .dropdown-item:active{background: #fff;color: #165DFF} 

/*首页附加样式*/
#bos_banner{width:100%; height:auto; position:relative; margin:0 auto; text-align:center;}  
#bos_banner1{width:100%; height:auto; position:relative; margin:0 auto; text-align:center;}  
.banner_txt {position: absolute;width:100%; max-width:700px; height:100%;margin: 0 auto;left:0rem;bottom: 0%;right:0px; top:0px;} 
.bannerinfo{width: 100%;padding: 1.5rem;position: relative;margin-top: 15%}  
.banner_txt h1{font-size:2rem; line-height:2.5rem; color:#fff;font-weight:bold;position: relative;z-index: 2;padding: 1rem;font-family: "Helvetica-Neue-LT-Std-85-Heavy", "Vrinda";text-align: center;text-shadow: 0 0 3px #000;} 
.banner_txt1{position: absolute;width:96%; max-width:1200px;left:50%;top: 50%;transform: translate(-50%,-50%);} 
.bannerinfo1{width: 100%;position: relative;}  
.banner_txt1 h2{font-size:2rem; line-height:2.5rem; color:#fff;font-weight:bold;position: relative;z-index: 2;font-family: "Helvetica-Neue-LT-Std-85-Heavy", "Vrinda";text-align: left;text-shadow: 0 0 3px #000;} 


.bos_mainproducts{ width:100%;margin-top: 2rem;float: left;margin-bottom: 1.5rem;}  
.bos_mainproducts .bos_hometitle{width: 100%;font-size: 2rem;font-weight: 300;line-height: 2.75rem;color: #165DFF;text-align: center;font-family: "Helvetica-Neue-LT-Std-85-Heavy", "Vrinda";padding-bottom: 0.5rem;text-transform: uppercase;}
.bos_mainproducts .bos_hometitle span{font-weight: 700;position: relative;display: block;padding: 0 1.5rem;} 
.bos_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap;}
.bos_mainproducts ul>li{width: 36%;float: left;position: relative;box-shadow: inset 10px 10px 12rem #c4cbca;background: #dadede;}
.bos_left{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 80%;}
.bos_mainproducts ul>li:nth-child(2n){width: 64%;} 
.bos_more{width: 100%;float: left;margin: 0 auto;text-align: center;}
.bos_more a{display: inline-block;border: 1px solid #666;text-align: center;color: #333;font-size: 14px;padding: 0.5rem 2.25rem 0.5rem 1rem;font-family: "Roboto" ,"Arial";font-weight: bold;position: relative;}
.bos_more a:after{position: absolute;content: "\f178";font-family: fontawesome;right: 1rem;top: 8px;}
.bos_more a:hover{border: 1px solid #165DFF;color: #165DFF;text-decoration: none;}
.bos_mainproducts ul>li>ol,.bos_mainproducts ul>li>ol>li{width: 100%;position: relative;}
.bos_mainproducts ul>li>ol>li a span{position: absolute;left: 10%;font-size: 1.5rem;font-family: "Helvetica-Neue-LT-Std-85-Heavy", "Vrinda";color: #fff;font-weight: bold;top: 50%;transform: translate(-10%, -50%);}
.bos_mainproducts ul>li>ol>li a span:hover{color: #165DFF;;}

.bos_mainbody{width:100%;margin: 0 auto;float: left;} 
.bos_mainbody .bos_hometitle{width: 100%;font-size: 1.5rem;font-weight: 300;line-height: 2rem;color: #165DFF;text-align: center;font-family: "Helvetica-Neue-LT-Std-85-Heavy", "Vrinda";padding-bottom: 0.5rem;}
.bos_mainbody .bos_hometitle span{font-weight: 700;position: relative;display: inline-block;padding: 0 1.5rem;}
.bos_mainbody .bos_hometitle span:before{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;left: -3rem;top: 14px;}
.bos_mainbody .bos_hometitle span:after{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;right: -3rem;top: 14px;}
.bos_mainbody ul{width: 100%;display: flex;flex-wrap: wrap;}
.bos_mainbody ul>li{width: 32%;float: left;margin-right: 2%;margin-bottom: 1rem;position: relative;}
.bos_mainbody ul>li:nth-child(3n){margin-right: 0} 
.bos_mainbody ul>li>ol,.bos_mainbody ul>li>ol>li{width: 100%;}
.bos_mainbody ul>li>ol>li.product_img{transition: .3s;width: 100%;}
.bos_mainbody ul>li>ol>li.product_img:hover{opacity: .7}
.bos_mainbody ul>li>ol>li.product_con{width: 100%;padding: 0.5rem;position: relative;}
.bos_mainbody ul>li>ol>li.product_con:before{position: absolute;content: "";width: 50px;height: 50px;background: url(../images/icon01.png) no-repeat;left: 0;right: 0;top: -1.5rem;margin: 0 auto;z-index: 2;}
.bos_mainbody ul>li>ol>li.product_con:after{position: absolute;content: "";width: 70px;height: 70px;background: #fff;left: 0;right: 0;margin: 0 auto;top: -34px;border-radius: 50%;z-index: 1;}
.bos_mainbody ul>li:nth-child(2)>ol>li.product_con:before{background: url(../images/icon02.png) no-repeat;}
.bos_mainbody ul>li:nth-child(3)>ol>li.product_con:before{background: url(../images/icon03.png) no-repeat;}
.bos_mainbody ul>li:nth-child(4)>ol>li.product_con:before{background: url(../images/icon04.png) no-repeat;}
.bos_mainbody ul>li:nth-child(5)>ol>li.product_con:before{background: url(../images/icon05.png) no-repeat;}
.bos_mainbody ul>li:nth-child(6)>ol>li.product_con:before{background: url(../images/icon06.png) no-repeat;}
.bos_mainbody ul>li>ol>li.product_con>a{display: block;color: #333;font-size: 18px;font-weight: 700;text-align: center;padding-bottom: 0.5rem;font-family: "Roboto" ,"Arial";padding-top: 2rem;position: relative;}
.bos_mainbody ul>li>ol>li.product_con>a:hover{color: #165DFF} 

.bos_company{width: 100%;float: left;margin: 0 auto;margin-top: 1.5rem;}
.bos_company .content{position: relative;}
.bos_company .bos_hometitle{width: 100%;font-size: 1.5rem;font-weight: 300;line-height: 2rem;color: #165DFF;text-align: center;font-family: "Helvetica-Neue-LT-Std-85-Heavy", "Vrinda";padding-bottom: 0.5rem;}
.bos_company .bos_hometitle span{font-weight: 700;position: relative;display: inline-block;padding: 0 1.5rem;}
.bos_company .bos_hometitle span:before{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;left: -3rem;top: 14px;}
.bos_company .bos_hometitle span:after{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;right: -3rem;top: 14px;}
.company_left{width: 65%;float: left;background: #fff;padding: 1rem;padding-right: 5%;}
.company_right{width: 38%;position: absolute;right: 0;top: 5.5rem;} 
.more{width: 100%;float: left;margin-top: 1rem}
.more a{display: inline-block;text-align: center;background: #165DFF;padding: 0.25rem 1rem;color: #fff;position: relative;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;}
.more a:before{position: absolute;content: "";border-top: 6px solid #165DFF;border-left: 10px solid transparent;left: 0;bottom: -6px;}
.more a:hover{background: #165DFF;;text-decoration: none;}
.more a:hover:before{border-top: 6px solid #a6670b;}

.bos_mainpro{width: 100%;float: left;margin: 0 auto;margin-top: 0.5rem}
.bos_mainpro .bos_hometitle{width: 100%;font-size: 1.5rem;font-weight: 300;line-height: 2rem;color: #165DFF;text-align: center;font-family: "Helvetica-Neue-LT-Std-85-Heavy", "Vrinda";padding-bottom: 0.5rem;}
.bos_mainpro .bos_hometitle span{font-weight: 700;position: relative;display: inline-block;padding: 0 1.5rem;}
.bos_mainpro .bos_hometitle span:before{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;left: -3rem;top: 14px;}
.bos_mainpro .bos_hometitle span:after{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;right: -3rem;top: 14px;}
.bos_mainpro ul{width: 100%;display: flex;flex-wrap: wrap;}
.bos_mainpro ul>li{width: 69%;margin: 0 1% 1rem 0;float: left;position: relative;}
.bos_mainpro ul>li>a>span{position: absolute;bottom: 0;left: 0;background: rgb(0, 0, 0, .7);padding: 0.25rem 1.25rem;color: #fff;font-family: "Helvetica-Neue-LT-Std-85-Heavy", "Vrinda";font-weight: bold;}
.bos_mainpro ul>li:nth-child(2){width:29.5%;margin-right: 0;}
.bos_mainpro ul>li>ol{width: 100%} 
.bos_mainpro ul>li>ol>li{width: 49.25%;margin-right: 1.5%;float: left;margin-bottom: 1rem;position: relative;}
.bos_mainpro ul>li>ol>li:nth-child(2n){margin-right: 0;}
.bos_mainpro ul>li>ol>li:nth-child(3),.bos_mainpro ul>li>ol>li:nth-child(4){margin-bottom: 0;}
.bos_mainpro ul>li>ol>li a span{position: absolute;bottom: 0;left: 0;background: rgb(0, 0, 0, .7);padding: 0.25rem 1.25rem;color: #fff;font-family: "Helvetica-Neue-LT-Std-85-Heavy", "Vrinda";font-weight: bold;}

#bos_bottom{ width:100%;margin:0 auto;padding-top: 2rem;padding-bottom: 0.5rem;float: left;background: url(../images/bottom.jpg) no-repeat top #000;margin-top: 1.5rem;} 
.bos_bottom1{margin-top: 0!important;}
#bos_bottom .bos_hometitle{text-align: left;color: #fff;font-size: 1.125rem;margin-bottom: 1rem;position: relative;line-height: 1.5rem;font-weight: 700;padding-bottom: 0;}   
#bos_bottom ul{width: 100%;display: flex;flex-wrap: wrap;}
#bos_bottom ul>li{width: 20%;float: left;margin-right: 2%;margin-bottom: 1rem}  
#bos_bottom ul>li:nth-child(1){width: 34%;}
#bos_bottom ul>li:nth-child(4n){margin-right: 0;}
#bos_bottom ul>li ol,#bos_bottom ul>li ol>li{width: 100%;color: #d7d7d7;} 
#bos_bottom ul>li ol>li{margin-bottom: 0.25rem;color: #d7d7d7} 
#bos_bottom ul>li ol>li>a{display: block;color: #d7d7d7;position: relative;padding-left: 0.75rem}
#bos_bottom ul>li ol>li>a:before{position: absolute;content: "\f105";font-family: fontawesome;left: 0;top: 0;}
#bos_bottom ul>li:nth-child(4) ol>li>a{display: inline-block;padding-left: 0}
#bos_bottom ul>li:nth-child(4) ol>li>a:before{display: none;}
#bos_bottom ul>li ol>li>a:hover{color: #5dbde9;}
#bos_bottom ul>li:nth-child(4) ol>li{position: relative;padding-left: 1.5rem}
#bos_bottom ul>li:nth-child(4) ol>li:before{position: absolute;content: "";width: 13px;height: 13px;background: url(../images/icon1.png) no-repeat; left: 0;top: 2px}
#bos_bottom ul>li:nth-child(4) ol>li:nth-child(2):before{background: url(../images/icon2.png);}
#bos_bottom ul>li:nth-child(4) ol>li:nth-child(3):before{background: url(../images/icon3.png);}
#bos_bottom ul>li:nth-child(4) ol>li:nth-child(4):before{background: url(../images/icon4.png);} 
#bos_bottom ul>li:nth-child(1)>ol>li{width: 49%;margin-right: 2%;float: left;}
#bos_bottom ul>li:nth-child(1)>ol>li:nth-child(2n){margin-right: 0;}

/*container*/
#container{margin-top:90px;background: #f7f7f8;}  
.content{ width:96%;  max-width:1200px; margin:0 auto;} 
#bos_right{ width:77%; float:right;}  
#bos_sidebar{ width:20%; float:left;background: #fff;}   
#bos_sidebar .bos_hometitle{display:block; line-height:25px; font-size:18px;color:#fff;padding:0.5rem;text-align: center;margin-bottom: 0;position: relative;background: #165DFF;padding-left: 0.5rem}  
#bos_productlist{width:100%;height:auto;float:left;}  
#bos_productlist ul,#bos_productlist ul li,#bos_productlist ul li ol{width:100%}
#bos_productlist ul>li{padding: 1rem 1rem 1rem;position: relative;float: left;width: 100%;}  
#bos_productlist ul>li>a{display: block;color:#000;font-size:16px;font-weight: 400;line-height: 1.25rem;position: relative;font-family: "Roboto" ,"Arial";width: 87%;float: left;padding-right: 0.5rem;}   
#bos_productlist ul>li a:hover,#bos_productlist ul>li a.dq{color: #165DFF;}
#bos_productlist ul li ol{margin-bottom: 0.75rem} 
#bos_productlist ul li ol>li{padding: 0.25rem 0;} 
#bos_productlist ul li ol>li a{color:#333;display:block;font-size:12px;line-height:1rem;padding:3px 10px 3px 0.875rem; position:relative}
#bos_productlist ul li ol>li a:before{position:absolute;content:"\f105";font-family: fontawesome;left: 0;top: 2px} 
.showpro{ display:none; width:100%;}
.shoemore{ font-size:1rem; position:relative; text-align:left; cursor:pointer;width: 10%;float: right;}
.shoemore .icon{ position:relative;color: #333;padding: 0.25rem 0.5rem;} 
.shoemore:hover:before{ background:#fc822a;} 
.bos_productlist1 ul>li{padding: 10px 1rem!important;border-bottom: 1px solid #f7f7f8;}

.feedback{width: 100%;float: left;text-align: left;margin-top: 0.5rem}
.feedback a{display: inline-block;text-align: center;color: #0c5ebb;position: relative;font-weight: 500;border: 2px solid #165DFF;font-family: Oswald;padding: 0.25rem 2rem;font-size: 1.25rem}  
.feedback a:hover{background: #165DFF;text-decoration: none;color: #fff;}  


/*快速导航*/
#bos_producttitle{margin:0px auto 1rem; height:auto; color:#165DFF; overflow:hidden; padding:0; font-size:0.875rem; width:100%; float:left;}
#bos_producttitle ul{margin-bottom: 1rem}
#bos_producttitle a{ color:#333; padding-right:0.2rem; }
#bos_producttitle li{display:inline-block}
#bos_producttitle ol{ margin-bottom:0}
#bos_producttitle li+li::before{padding:0 1rem 0 0.75rem;color:#333;content:"\f105"; font-size:0.875rem; font-family:fontawesome}
#bos_producttitle a:hover{color:#165DFF; text-decoration:underline;} 

/*其他公用样式*/
.bos_title{font-size: 1rem; font-weight:bold;position: relative;margin-bottom: 0.5rem;margin-top: 0.5rem;color: #000;text-align: left;padding-top: 0.5rem} 
.content_right .bos_title{margin-top: 0;}

.bos_title1{width: 100%;font-size: 1.5rem;font-weight: 300;line-height: 2rem;text-align: center;font-family: "Roboto" ,"Arial";margin-bottom: 1rem;margin-top: 0.5rem;}
.bos_title1 a{font-weight: 700;position: relative;display: inline-block;padding: 0 1.5rem;color: #165DFF;}
.bos_title1 a:before{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;left: -3rem;top: 14px;}
.bos_title1 a:after{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;right: -3rem;top: 14px;}
.bos_title1 a:hover{color: #165DFF;;text-decoration: none;}
.bos_title1 span{font-weight: 700;position: relative;display: inline-block;padding: 0 1.5rem;color: #165DFF;}
.bos_title1 span:before{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;left: -3rem;top: 14px;}
.bos_title1 span:after{position: absolute;content: "";width: 3rem;height: 1px;background: #ccc;right: -3rem;top: 14px;}
.bos_title1 span:hover{color: #165DFF;;text-decoration: none;}

.content_left{width: 37%;float: left;margin-bottom: 1rem}
.content_right{width: 60%;float: right;margin-bottom: 1rem} 
.bos_application{border: 1px solid #ccc;padding: 0.5rem;width: 100%;float: left;}
.bos_application img{width: 100%;}

.content_left1{width: 33.3%;float: left;margin-bottom: 1rem}
.content_right1{width: 65.2%;float: right;margin-bottom: 1rem} 
.content_left1 .img_center1{position: relative;}
.content_left1 .img_center1 span{position: absolute;top: 0;left: 0;font-size: 1rem;font-weight: bold;color: #000;background: rgb(255,255,255,.8);padding: 0.5rem 1rem;border-bottom-right-radius: 10px;}
.content_left1 ul{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 0;}
.content_left1 ul .img_center{margin-bottom: 15px;}
.content_left1 ul li{width: 100%;}

.bos_list{width: 100%;float: left;margin: 0 auto;} 
.bos_list>ul{width: 100%}
.bos_list>ul>li{width: 100%;position: relative;margin-bottom: 0.25rem;padding-left: 1.5rem;}
.bos_list>ul>li:before{position: absolute;content: "\f046";font-family: fontawesome;left: 0;top: 0;color: #165DFF;} 

.bos_list1{width: 100%;float: left;margin: 0 auto;}
.bos_list1>ul{width: 100%;display: flex;flex-wrap: wrap;}
.bos_list1>ul>li{width: 49%;margin-right: 2%;float: left;}
.bos_list1>ul>li:nth-child(2n){margin-right: 0;background: url(../images/bg.jpg);}
.bos_list1>ul>li:nth-child(2) .bos_title{background: #f7f7f8;margin-top: 0;padding-top: 1rem;padding-bottom: 0.5rem;}
.bos_list1>ul>li #bos_set_feedback_form{padding: 0.5rem 1rem;}

.bos_inquiry{background: url(../images/bg.jpg);padding: 1rem;}

ul.item{margin-left: 0.25rem}
ul.item li{list-style: disc;margin:4px 0 5px 20px; line-height:21px;} 
ul.item1{padding-left: 1.5rem}
ul.item1 li{list-style: decimal;padding:4px 0 5px 0; line-height:21px;}   

.bos_other{background: #ebebeb;border-radius: 10px;padding: 1rem 0;} 
.other_pro{width:100%;margin:0;float: left;margin-bottom: 0.5rem} 
.other_pro ul{ width:100%; display:flex; flex-wrap:wrap;margin-bottom: 0}
.other_pro ul>li{width:23.5%;margin-right: 2%;float: left;margin-bottom: 0.75rem}
.other_pro ul li:nth-child(4n){margin-right:0}  
.other_pro ul li ol{width:100%}
.other_pro ul li ol li.product_img{width:100%;transition: .3s}
.other_pro ul li ol li.product_img:hover{opacity: .7}
.other_pro ul li ol li.product_img img{width:100%;}
.other_pro ul li ol:hover li.product_img img,.other_pro ul li.dq ol li.product_img img{border-color:#165DFF}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center;}
.other_pro ul li ol li.product_con a{color:#333;display:block;line-height:20px;padding:8px 10%;font-size:14px;}
.other_pro ul li ol:hover li.product_con a,.other_pro ul li.dq ol li.product_con a{color:#165DFF;text-decoration:underline} 

.bos_products{width: 100%;float: left;margin:0 auto;margin-top: 0.5rem}
.bos_products ul{width: 100%;display: flex;flex-wrap: wrap;}
.bos_products ul>li{width: 23.5%;background: #dadcde;margin: 0 2% 1.5rem 0;float: left;position: relative;} 
.bos_products ul>li:nth-child(2n){background: #e8e9eb;}
.bos_products ul>li:nth-child(4n){margin-right: 0;}
.bos_products ul>li>ol,.bos_products ul>li>ol>li{width: 100%}
.bos_products ul>li>ol>li.product_img{width: 100%;transition: .3s;text-align: center;} 
.bos_products ul>li>ol>li.product_img:hover{opacity: .7;}
.bos_products ul>li>ol>li.product_con{width: 100%;float: right;padding: 1rem 0.5rem;}
.bos_products ul>li>ol>li.product_con>a{display:block; font-size:1rem; line-height:1.5rem; font-weight:700; color:#333; padding-bottom: 0.5rem;font-family: "Roboto" ,"Arial";text-align: center;} 
.bos_products ul>li>ol>li.product_con>a:hover{color: #165DFF;text-decoration: none;} 
.bos_products0 ul{margin-bottom: 0}
.more1{width: 100%;float: right;text-align: right;margin-bottom: 1.5rem;}
.more1 a{display: inline-block;font-size: 1rem;font-weight: bold;color: #165DFF;padding-right: 1rem;position: relative;text-decoration: underline;}
.more1 a:after{position: absolute;content: "\f067";font-family: fontawesome;right: 0;top: 3px;font-weight: 300;font-size: 0.75rem;}

.bos_products1{width: 100%;float: left;margin-top: 1rem;}
.bos_products1>ul{width: 100%;display: flex;flex-wrap: wrap;}
.bos_products1>ul>li{width: 49%;margin-right: 2%;float: left;margin-bottom: 1rem;background: #eee;padding: 10px;}
.bos_products1>ul>li:nth-child(2n){margin-right: 0;}
.bos_products1>ul>li>ol,.bos_products1>ul>li>ol>li{width: 100%}
.bos_products1>ul>li>ol>li.product_img{width: 40%;float: left;transition: .3s;}
.bos_products1>ul>li>ol>li.product_img:hover{opacity: .7;}
.bos_products1>ul>li>ol>li.product_con{width: 57%;float: right;margin-top: 0.5rem;}
.bos_products1>ul>li>ol>li.product_con>a{display: block;font-size: 16px;text-transform: uppercase;color: #165DFF;padding-bottom: 0.5rem;font-family: "Roboto" ,"Arial";}
.bos_products1>ul>li>ol>li.product_con>a:hover{color: #165DFF;;}

.bos_products2{width: 100%;float: left;margin:0 auto;margin-top: 0.5rem}
.bos_products2 ul{width: 100%;display: flex;flex-wrap: wrap;}
.bos_products2 ul>li{width: 32%;margin: 0 2% 1.5rem 0;float: left;position: relative;}  
.bos_products2 ul>li:nth-child(3n){margin-right: 0;}
.bos_products2 ul>li>ol,.bos_products2 ul>li>ol>li{width: 100%}
.bos_products2 ul>li>ol>li.product_img{width: 100%;transition: .3s;text-align: center;} 
.bos_products2 ul>li>ol>li.product_img:hover{opacity: .7;}
.bos_products2 ul>li>ol>li.product_con{width: 100%;float: right;position: relative;padding-top: 3rem;}
.bos_products2 ul>li>ol>li.product_con:before{position: absolute;content: "";width: 0;height: 0;border: 15px solid transparent;border-bottom: 15px solid #333;left: 0;right: 0;top: -30px;margin: 0 auto;}
.bos_products2 ul>li>ol>li.product_con>a{display:block; font-size:1rem; line-height:1.5rem; font-weight:700; color:#fff;font-family: "Roboto" ,"Arial";text-align: center;position: absolute;width: 100%;background: #333;padding: 0.5rem 1rem;top: 0;left: 0;} 
.bos_products2 ul>li>ol>li.product_con>a:hover{color: #165DFF;;text-decoration: none;}

a.link{font-style: italic;text-decoration: underline;color: #165DFF;}
a.link:hover{text-decoration: none;color: #165DFF;;} 
.bos_products3{width: 100%;float: left;margin: 0 auto}
.bos_products3>ul{width: 100%;display: flex;flex-wrap: wrap;}
.bos_products3>ul>li{width: 13.428%;margin-right: 1%;background: #ebebeb;padding: 1.5rem 0.5rem;margin-bottom: 0.5rem;float: left;}
.bos_products3>ul>li:nth-child(7n){margin-right: 0;}
.bos_products3>ul>li>a{display: block;text-align: center;color: #000;font-size: 13px;font-family: "Roboto" ,"Arial";font-weight: 500;}
.bos_products3>ul>li:nth-child(3n){background: #cfcfcf;} 
.bos_products3>ul>li>a:hover{color: #165DFF;text-decoration: none;}

.bos_left1{width: 61%;float: left;}

.bos_markets{width: 100%;float: left;margin: 0 auto;margin-bottom: 1rem;}
.bos_markets ul{width: 100%;float: left;display: flex;flex-wrap: wrap;}
.bos_markets ul>li{width: 16.666%;float: left;}
.bos_markets ul>li>ol,.bos_markets ul>li>ol>li{width: 100%;float: left;position: relative;}
.bos_markets ul>li>ol>li.product_img{width: 100%;float: left;position: relative;}
.bos_markets ul>li>ol>li.product_img:after{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.3);left: 0;top: 0}
.bos_markets ul>li>ol>li.product_con{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.bos_markets ul>li>ol>li.product_con a{display: block;font-size: 0.875rem;font-weight: 700;text-align: center;color: #fff;position: relative;padding:3.5rem 0.5rem 0;text-shadow: 0 0 3px #000;}
.bos_markets ul>li>ol>li.product_con a:before{position: absolute;content: "";width: 50px;height: 50px;background: url(../images/market01.png) no-repeat center;top: 0;left: 0;right: 0;margin: 0 auto;}
.bos_markets ul>li:nth-child(2)>ol>li.product_con a:before{background: url(../images/market02.png)}
.bos_markets ul>li:nth-child(3)>ol>li.product_con a:before{background: url(../images/market03.png)}
.bos_markets ul>li:nth-child(4)>ol>li.product_con a:before{background: url(../images/market04.png)}
.bos_markets ul>li:nth-child(5)>ol>li.product_con a:before{background: url(../images/market05.png)}
.bos_markets ul>li:nth-child(6)>ol>li.product_con a:before{background: url(../images/market06.png)}
.bos_markets ul>li:hover>ol>li.product_img:after,.bos_markets ul>li.dq>ol>li.product_img:after{background: #165DFF;} 
.bos_markets ul>li>ol>li.product_con a:hover,.bos_markets ul>li.dq>ol>li.product_con a{text-decoration: none;text-shadow: none;}

.img_center{width:100%;clear:both;margin:0.3rem auto 1.25rem auto;text-align:center; }
.img_left{width:40%;float:right; margin:5px 0 14px 4%; text-align:center;}
.img_right{width:35%;float:right; margin:5px 0 1rem 4%; text-align:center;} 
.img_left{float:left;margin:0 3% 20px 0;} 
.img_left img,.img_right img{ display:block; width:100%;z-index: 3;position: relative;}   

.left_pic{ width:35%; height:auto; float:right; margin:5px 0 1rem 4%;}
.left_pics{ width:100%; height:auto; float:left; } 
.left_pics img{ width:100%; text-align:center; border:1px #ccc solid}
.left_pics a{ cursor:default} 
.related_pic{ width:100%; height:auto; float:right;  text-align:center}
.related_pic a{ width:18%; height:auto; float:left; margin:12px 3% 0 0; display:block; text-align:center; color:#666; font-size:12px;}
.related_pic a:nth-child(5n){ margin-right:0}
.related_pic a img{ width:100%; border:1px #ccc solid} 

figure{margin: 0 auto} 
.bwidth{width: 43%}

.bos_photo{ margin:0.5rem 0;width:100%;height:auto;} 
.bos_photo ul{display:flex;width:100%;height:auto; flex-flow: wrap;}
.bos_photo ul li{display:block;margin:0 2% 15px 0;text-align:center;}
.bos_photo ul li img{display:block; width:100%;position: relative;} 
.bos_photo0 ul li img{border: 1px solid #ccc} 
.bos_photo ul li a{ color:#333;}
.bos_photo ul li span{ display:block;} 
.bos_pic2 ul,.bos_pic3 ul,.bos_pic4 ul,.bos_pic5 ul,.bos_pic6 ul{margin:0}
.bos_pic2 ul li{width:49%}
.bos_pic3 ul li{width:32%}
.bos_pic4 ul li{width:23.5%}
.bos_pic4 ul li:nth-child(3){margin-right: 2%}
.bos_pic5 ul li:nth-child(4){margin-right: 2%}
.bos_pic3 ul li:nth-child(4){margin-right: 2%}
.bos_pic5 ul li{width:18.4%;font-size:12px;}
.bos_pic6 ul li{width:15%;font-size:12px;}
.bos_pic2 ul li:nth-child(2n),.bos_pic3 ul li:nth-child(3n),.bos_pic4 ul li:nth-child(4n),.bos_pic5 ul li:nth-child(5n),.bos_pic6 ul li:nth-child(6n){margin-right:0}
.bos_pic2 ul li:nth-child(2n+1),.bos_pic3 ul li:nth-child(3n+1),.bos_pic4 ul li:nth-child(4n+1),.bos_pic5 ul li:nth-child(5n+1),.bos_pic6 ul li:nth-child(6n+1){ clear:both;}  

#bos_set_feedback_form{overflow:hidden;height:auto;width:100%;} 
#bos_form_title{text-align:left;color:#333;font-size:1.2rem;padding:0px;position: relative; font-weight: bold;}

#bos_form_title span{padding-right:5px}
#bos_form{width:100%}
.othertitle { float: left;width: 100%}
.othertitle span {text-align: left;color: #333;font-size: 1.25rem;margin-bottom: 0.3rem;position: relative;line-height: 1.5rem;padding-bottom: 0.5rem;display: block;padding-left: 26px;font-family: "Roboto" ,"Arial";font-weight: 700;}  
.othertitle span:before{position: absolute;content: "\f064";font-family: fontawesome;left: 0;top: 0;color: #165DFF;}

/*tags*/
#tags{ width:100%; float:left; margin-bottom: 1rem}
#tags_title{ display:block; color:#81a8d2; font-size:1rem; font-weight: 500; line-height:28px; text-align:left; padding:0;} 
#tags a{margin:0 10px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; } 
.brief{ font-size: .75rem; }
        /*引用sitemap样式*/
#bos_map{width:100%;margin:0 auto;margin-bottom: 2rem}
#bos_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#bos_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#bos_map a:hover{text-decoration:none}
#bos_map .name a{color:#1d3154;margin:0;font-weight:700;text-decoration:none}
#bos_map .name a:hover{text-decoration:underline}
#bos_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#bos_map .list_m a{ width:50%; display:block; float:left; color:#888; text-decoration:none; line-height:20px; padding:5px 0; padding-left:12px;}
#bos_map .list_m a:nth-child(2n+1){ clear:both}
#bos_map .list_m a:hover{text-decoration:underline; color:#0c3b64}
#bos_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;} 

/*底部*/
#footer{ width:100%;height:auto; padding-top:0.5rem;padding-bottom: 1rem;border-top: 1px solid #454545;position: relative;}
#footer:before{position: absolute;content: "";width: 100%;height: 1px;background: #2b2b2b;top: -2px;left: 0;}
.footer1{border-top: none!important;padding-top: 0!important;}
.footer1:before{display: none!important;}
#bos_footin{margin:0 auto;width:100%;text-align:center; position:relative;margin-top: 0.5rem}
#bos_homefooter{height:auto;padding-top:1rem;  text-align:center; position:relative; width: 100%;padding-bottom: 1rem;float: left;}
#bos_homefooter a{padding:0 0.8rem 0 0.8rem;color:#fff; margin:0px;position:relative;font-size:0.875rem; font-weight:700; text-transform:capitalize;}
#bos_homefooter a:hover{color:#5dbde9; text-decoration:none;}
#bos_coper a{display:block;color:#fff; margin-top:1rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto}
#otherlink a{color:#fff; font-size:0.625rem; display:inline-block;padding:0.05rem 0.3rem; margin-right:0.875rem; border:1px #fff solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#165DFF;;border:1px #165DFF; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}  

@media (max-width: 1500px) {
  .bannerinfo{margin-top: 1%}
  }

  @media (max-width: 1200px) {
  .navbar-light .navbar-nav .nav-link{padding: 0.25rem 0.75rem} 
  .bos_products3>ul>li{width: 16%;margin-right: 0.8%}
  .bos_products3>ul>li:nth-child(7n){margin-right: 0.8%;}
  .bos_products3>ul>li:nth-child(6n){margin-right: 0;}
  .bos_products3>ul>li:nth-child(3n){background: #ebebeb}
  .bos_products3>ul>li:nth-child(4n){background: #cfcfcf}
  }

@media (max-width: 991.98px) { 
  .top-nav{width:100%; padding-top:0;margin-top: 0;background: #eee;}
  .navbar{padding:0.05rem 0rem 0;}
  .navbtn{ margin:2.5rem 1rem 0 0}
  #bos_logo{ padding-left:1rem}
  #header{position: relative;}
  #container{margin-top:0;}  
#bos_language, #bos_sidebar,#bos_banner,#bos_banner1 img{display: none;}  
.banner_txt1{position: relative;left: 0;top: 0;transform: translate(0,0);margin: 0 auto}
.banner_txt1 h2{color: #333;font-size: 1.75rem;line-height: 2.25rem;text-shadow: none;padding-top: 1.25rem;}
  #bos_right{width:100%; padding-left:0}  
.mt-4,.mt-5,.mt-3,.mt-2{padding-top: 0!important}  
.pt-5{padding-top: 0!important}
.bos_markets ul>li{width: 33.3333%;}
.bos_products ul>li{width: 49%;margin-right: 2%;}
.bos_products ul>li:nth-child(2n){margin-right: 0;}
}

@media (max-width: 767.98px) { 
  #bos_homefooter a{font-size:0.875rem;} 
  .bos_hometitle, h2{font-size:1.25rem;} 
  .other_pro ul>li,.bos_products1 ul>li,.bos_mainbody ul>li,.bos_products2 ul>li{ width:49%; margin-right:2%;}
  .other_pro ul>li:nth-child(3n),.bos_mainbody ul>li:nth-child(3n),.bos_products2 ul>li:nth-child(3n){margin-right: 2%} 
  .other_pro ul>li:nth-child(2n),.bos_mainbody ul>li:nth-child(2n),.bos_products2 ul>li:nth-child(2n){ margin-right:0}    
  .bos_company,.bos_products1>ul>li>ol>li.product_con span,.bos_products2 ul>li>ol>li.product_con span{display: none;}
  .bos_mainproducts ul>li{width: 100%!important}
  .bos_left{position: relative;left: 0;top: 0;transform: translate(0,0);width: 100%;text-align: center;padding: 1rem 1rem 1.5rem;float: left;}
  #bos_bottom ul>li{width: 49%!important;margin-right: 2%;}
  #bos_bottom ul>li:nth-child(2n){margin-right: 0!important;}
  .bos_products1>ul>li>ol>li.product_con,.bos_products1>ul>li>ol>li.product_img{width: 100%;}
  .bos_products1>ul>li>ol>li.product_con>a{text-align: center;}
  .bos_products3>ul>li{width: 24.25%;margin-right: 1%}
  .bos_products3>ul>li:nth-child(6n),.bos_products3>ul>li:nth-child(7n){margin-right: 1%}
  .bos_products3>ul>li:nth-child(4n){margin-right: 0;}
  .bos_products3>ul>li:nth-child(4n){background: #ebebeb}
  .bos_products3>ul>li:nth-child(3n){background: #cfcfcf}
  .bos_products2 ul>li{background: #333}
  .bos_products2 ul>li>ol>li.product_con{padding-top: 0;}
  .bos_products2 ul>li>ol>li.product_con>a{position: relative;}
  .bos_pic6 ul li{width: 32%}
  .bos_pic6 ul li:nth-child(3n){margin-right: 0;}
  .left_pic{ display:block; width:100%;}
  .bos_left1{float:none;}
}

@media (max-width: 575.98px) { 
  #bos_homefooter a,#bos_coper a{font-size:0.75rem;}
.img_left, .img_right,.bos_mainpro ul>li,#bos_bottom ul>li,.bos_list1>ul>li,.bos_products ul>li,#bos_map .list_m a{width:100%!important;margin-right:0!important;margin-left: 0!important;}   
  .bos_pic3 ul li,.bos_pic4 ul li,.bos_pic5 ul li,.content_left1 ul li,.bos_pic6 ul li{width:49%;margin-right:2%;}
  .bos_pic3 ul li:nth-child(3n),.bos_pic5 ul li:nth-child(5n),.bos_pic6 ul li:nth-child(3n){margin-right: 2%} 
  .bos_pic3 ul li:nth-child(2n),.bos_pic4 ul li:nth-child(2n),.bos_pic5 ul li:nth-child(2n),.content_left1 ul li:nth-child(2n),.bos_pic6 ul li:nth-child(2n){margin-right:0;} 
  .content_left,.content_right,.content_left1,.content_right1,.bos_left1{width: 100%} 
  #bos_bottom ul>li:nth-child(1),#bos_bottom ul>li:nth-child(2),#bos_bottom ul>li:nth-child(3),.bos_products ul>li>ol>li.product_con span,.bos_markets{display: none;}
  .bos_products3>ul>li{width: 49.5%;}
  .bos_products3>ul>li:nth-child(2n){margin-right: 0;}
  .bos_products3>ul>li:nth-child(3n){background: #ebebeb}
  .bos_products3>ul>li:nth-child(5n){background: #cfcfcf} 
  .content_left1 ul .img_center{margin-bottom: 0;}
	.left_pic{width:100%; margin-right:0;}
  
}
/* banner */
.carousel-wrapper {
      width: 100%;
      overflow: hidden;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      background: #fff;
    }

    /* Swiper 容器 */
    .swiper {
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 7; /* 宽高比可根据需要调整 */
    }

    .swiper-slide {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s;
    }

    /* 幻灯片内容（浮在图片上） */
    .slide-content {
      position: absolute;
      bottom: 34%;
      left: 8%;
      right: 8%;
      color: #fff;
      text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
      max-width: 600px;
      pointer-events: none; /* 让点击穿透，避免干扰滑动 */
      padding: 30px 35px;
      border-left: 4px solid #00a8fb;
      background: rgba(0, 0, 0, 0.55);
    }

    .slide-content h2 {
      font-size: 30px;
      font-weight: 700;
      letter-spacing: -0.02em;
      margin-bottom: 0.5rem;
      line-height: 1.2;
      color: #00a8fb;
    }

    .slide-content p {
      font-size: 16x;
      opacity: 0.9;
      font-weight: 400;
      line-height: 1.6;
      max-width: 80%;
    }

    .swiper-horizontal {
        touch-action: pan-y;
    }
    .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block;
    }
    /* cdn 引入 */
    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
        box-sizing: content-box;
    }
    .swiper-backface-hidden .swiper-slide {
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
        display: block;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset,10px);
        left: auto;
    }
    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: var(--swiper-navigation-top-offset,50%);
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color,var(--swiper-theme-color));
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset,10px);
        right: auto;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom,8px);
        top: var(--swiper-pagination-top,auto);
        left: 0;
        width: 100%;
    }
    .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0,0,0);
        z-index: 10;
    }
    .swiper .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
    }
    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer;
    }
    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
        height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
        display: inline-block;
        border-radius: var(--swiper-pagination-bullet-border-radius,50%);
        background: var(--swiper-pagination-bullet-inactive-color,#000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    }
    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
    }
    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: rgba(255, 255, 255, 0.5);
        opacity: 1;
        transition: all 0.3s;
    }
        

    /* 自定义导航按钮（毛玻璃效果） */
    .swiper-button-next,
    .swiper-button-prev {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.3);
      transition: all 0.2s;
      color: #00a8fb;
      font-size: 36px;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
      background: rgba(255, 255, 255, 0.4);
      transform: scale(1.05);
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 20px;
      font-weight: bold;
    }

    /* 分页器（圆点） */
    .swiper-pagination {
      bottom: 20px !important;
    }
    /* 圆点样式 */
    .swiper-pagination-bullet {
      width: 14px;
      height: 14px;
      background: rgba(255, 255, 255, 0.5);
      opacity: 1;
      transition: all 0.3s;
    }
    /* 选中圆点样式 */
    .swiper-pagination-bullet-active {
      background: #00a8fb;
      width: 28px;
      border-radius: 6px;
      box-shadow: 0 0 12px rgba(255, 255, 255, 0.5);
    }

    /* 响应式微调 */
    @media (max-width: 768px) {
      .swiper {
        aspect-ratio: 16 / 9;
      }

      .slide-content {
        bottom: 8%;
        left: 6%;
        right: 6%;
      }

      .slide-content p {
        max-width: 100%;
        font-size: 0.95rem;
      }

      .swiper-button-next,
      .swiper-button-prev {
        display: none; /* 移动端隐藏箭头，依靠滑动 */
      }
    }

    /* 占位文字（无图备用） */
    .swiper-slide .placeholder {
      background: linear-gradient(135deg, #0f172a, #1e293b);
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      padding: 2rem;
    }

    .swiper-slide .placeholder h2 {
      font-size: 3rem;
    }

     /* 下拉框 */
    /* 让下拉菜单在父级 li 悬停时显示 */
    .top-nav .navbar-nav > li.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0; /* 去掉 Bootstrap 默认的上边距，避免闪烁 */
    }

    /* 移动端避免误触，仅在桌面端生效 */
    @media (min-width: 768px) {
        .top-nav .navbar-nav > li.dropdown:hover > .dropdown-menu {
            display: block;
        }
    }

    /* 保持下拉菜单的定位正确 */
    .dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    /* success 样式 */
        .form_window{
            margin-left: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
            width: 98%;
        }
        .msgsuccess{
            width: 100%;
            height: auto;
            border: solid 1px #d1e6b3;
            background-color: #f2fcf1;
            font-family: Arial, Helvetica, sans-serif;
        }
        .msgsuccess h1 h2 h3 h4 h5 h6{
            margin-bottom: .5rem;
            font-family: inherit;
            font-weight: 500;
            line-height: 1.2;
            color: inherit;
        }
        .msgsuccess h1{color: #0ca86f;}
        .msgsuccess p{font-size: 12px;}
        .msgsuccess a{color: #467bec;}
        .msgsuccess a:hover{color: #e69419;}