body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd {
	margin:0;
	padding:0;
}
div,ul,h1,h2,h3,h4,h5,h6 {
	box-sizing:border-box;
}
ul,ol,li {
	list-style:none;
	padding: 0; 
	margin: 0;
}
img {
	max-width:100%;
}
a {
	color:#8B959D;
	text-decoration: none;
}
a:hover {
	color:#8B959D;
	text-decoration:none;
}
a:visited {
	color:#005D8F;
}
button,input,textarea {
	letter-spacing:.5px;
	outline:none;
}

body {
	line-height:1.5;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	letter-spacing:.1px;
	width:100%;
	overflow-x:hidden;
	background:#F8F9FA;
}
html {
	font-size:15px;
}

@media only screen and (max-width:575px) {
   html {font-size:14px!important;}
}
@media  (min-width:576px)  and (max-width:991px){
   html {font-size:15px!important;}
}

@media  (min-width:992px) and (max-width:1199px){ 
   html {font-size:15px!important;}
}
@media  (min-width:1200px) {
   html {font-size:16px!important;}
}

header { background: #fff; }

.h-top {   height:2rem; line-height:2rem;  font-size: 0.9rem; border-bottom:0.1rem solid #E8EBED;       }
.h-top-area { position: relative;    }
.h-top-select { box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 13%); z-index: 10; background: #fff; position: absolute; left:0rem; top: 2.5rem;padding: 1rem;   width: 100%;     }
.h-top-select .area-box a { color:#000 ; }
.h-top-select .area-box a.active { color:#00a0e8; font-weight:bold; }
.h-top-link { text-align: right; }
.h-top-link a { font-size:0.8rem; }
.h-middle { padding: 1rem 0; }

.navbar-toggler { color: rgba(0, 0, 0); }
.navbar-toggler-icon {  font-size: 2.5rem;  font-weight: bold; }
.h-middle-inner { display: flex; flex-wrap: wrap;align-items: center;  position: relative; justify-content: space-between; }

.header-main { position:relative; box-shadow: 0 3px 5px rgb(0 0 0 / 5%); background:#fff; }
.header-logo {  }
.header-nav {  }
.header-icon { position: absolute; right:0.7rem; top:1rem; }

.header-contact { width:13rem; }
.header-contact span i { font-size:1.8rem;line-height:2.6rem;   }
.header-contact span {margin:0 0.7rem 0 0; float: left; display: inline-block; text-align: center; background:#FF6B35; width:2.7rem; height:2.7rem; border-radius: 50%; color:#fff; }
.header-contact  p {color:#8B959D; font-size:0.8rem; line-height:1.4rem;}
.header-contact h5 { font-weight: bold; font-size:1.2rem; }
.header-contact h5 a { color:#00a0e8; }
.offcanvas-body li:hover ul.dropdown-menu{ display: block; background:#fff;   }
@media  (max-width:576px) {
.header-contact {display: none;}
}

.navbar-toggler-icon       {   font-size:1.6rem; line-height: 1.5rem;   }
.offcanvas-body li{  position: relative;  display:inline-block; padding:1.5rem;  }
.offcanvas-body li a { font-size:1.1rem; color:#4B5358; }
.offcanvas-body li a:hover { color:#00a0e8;  }
.offcanvas-body li>ul { border:none; border-top:0.2rem solid #00a0e8; border-top-left-radius: 0; border-top-right-radius: 0; min-width:8rem; width:100%;  }
.offcanvas-body li>ul>li { width:100%; padding: 0.3rem 0.7rem; border-bottom:0.06rem dashed #E8EBED; transition:transform 0.3s ease; }
.offcanvas-body li>ul>li a{ font-size:1rem; }
.offcanvas-body li>ul>li a:hover { color:#00a0e8; margin: 0 0.2rem;          }

.dropdown-menu { top:4.6rem!important; margin:0;  padding:0 0 0.7rem; box-shadow: 0 3px 5px rgb(0 0 0 / 5%); background: #fff;}
.navbar  { padding: 0; }

@media  (max-width:992px) {
.offcanvas-body { background:#fff;    }
.offcanvas-bodye li {  padding:0.3rem 1.3rem;   }
.offcanvas-body li a { font-size:1.2rem;  }
.offcanvas-body li>ul {  border:none; }
.offcanvas-body li>ul>li { border:none; width:auto; padding:0; }
.offcanvas-body li>ul>li a{ font-size:1rem; }
.dropdown-menu { padding: 0; background: #E5912F;}
.navbar-nav{ margin:0.7rem 0; }
.header-nav { width:100%; }
.header-contact { position: absolute; right:6.5rem; top:1rem;  }
.offcanvas.offcanvas-end { border: none; }
.offcanvas-header  {  background: #00a0e8;    } 
.offcanvas-title { color: #fff; font-weight: bold; font-size: 1.3rem; }
.offcanvas-body li:hover {  background: #f9f9f9; }
.offcanvas-body li {  border-bottom: 0.05rem solid #E8EBED; }
.dropdown-toggle::after { position: absolute; right:1rem;top: 2.2rem;       }
.offcanvas-body li ul { background: #f9f9f9; }
.offcanvas-body li ul li a{ padding: 1rem; }
}




footer { background:#0077B6; padding:3rem 0 0 ;  color:#F8F9FA; margin:5rem 0 0;position: relative;  }

.f-flag { justify-content:space-between; border-radius: 0.6rem;  margin:-8rem 0 2rem;   padding:3rem;  background:#00a0e8 url(../img/1-3-x@2x.png) scroll no-repeat 50% 60%;  flex-wrap:wrap; display:flex;                }
.f-try {            }
.f-try h3 {  font-size:1.5rem; color:#F8F9FA; font-weight: bold;  line-height:2.5rem;         }
.f-try h3 em { color:#FF6B35; font-style:normal;           }
.f-try p { font-size:1.1rem;           }
.f-cta { margin:-6rem 0 2rem;   padding:1rem;  background:#00a0e8;   }
.f-advbox { position: relative; color: #fff; }
.f-advbox span { display: block;  width: 4rem; height: 4rem; border-radius: 50%; text-align: center;}
.f-advbox span i { font-size: 2rem; line-height:4rem; }
.f-advbox ul  { position: absolute; top:0px; left: 4rem; padding: 0.6rem 0;  }
.f-advbox li { height: 1.3rem; line-height:1.3rem; font-size: 1rem; }
.f-menu {          }
.f-menu dt {          }
.f-menu dd { font-size: 0.9rem;  line-height: 2.5rem;         }
.f-menu dd a { color: rgb(255,255,255,0.6); }
.f-title {       }
.f-title h3 {  font-size: 1.2rem; color: #fff; line-height: 3rem;      }
.f-contact {         }
.f-contact a {color:#fff;}
.f-contact  li {  line-height: 2rem;  }

.f-border-right { border-right: 0.1rem solid #E8EBED; }
.f-intro {   }
.f-intro p { line-height:1.5rem;font-size:1rem; }
.f-wechat  {  text-align: left;           }
.f-wechat img {  margin:0 0 0.6rem; }
.f-wechat h5  {   font-size:0.9rem;          }

.f-icon { text-align:center;       }
.f-icon dl { margin:0 0 1rem;    }
.f-icon dt { background:#fff; opacity:0.15; width:3rem; height:3rem; border-radius:0.2rem; justify-content: center; align-items: center;   }
.f-icon dt i { font-size:2rem; opacity:1; color:#0077B6;      }
.f-icon dd {   font-size:0.7rem;      }


.f-list { }
.f-list ul { margin: 0; padding: 0;  }
.f-list li {line-height:1.6rem;font-size:0.95rem;  }
.f-list li a { color: rgb(255,255,255,0.6);  }

.f-bar { padding: 1rem 0; text-align: center; border-top:0.1rem solid #fff;   }
.f-bar a { color:#F8F9FA;  }


    /* 模态框样式 - 与之前页面一致 */
        .modal-contact .contact-option {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1.5rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid var(--border-color);
        }
        
        .modal-contact .contact-option:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        
        .modal-contact .contact-option i {
            font-size: 1.8rem;
            color: var(--secondary-blue);
            margin-right: 1rem;
            margin-top: 0.2rem;
        }
        
        .phone-number {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--dark-gray);
            text-decoration: none;
        }
        
        .wechat-qr {
            text-align: center;
        }
        
        .wechat-qr img {
            max-width: 150px;
            height: auto;
            margin-bottom: 0.5rem;
        }
        

@media (max-width:993px) {

.f-contact-icon { margin:0 0.6rem 0 1.3rem;     }
.f-contactbox {  border:none; margin:1rem; }

}