@media screen and (max-width: 768px) {


 .bottom_bototm {
   width: 100%;
   height: auto;
   background-color: #1E1E1E;
   padding: 2rem 0;
 }

 .bottom_info {
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   /* flex-wrap: wrap; */
   /* gap: 10px; */
   align-items: center;
   /* justify-content: space-around; */
   font-size: .8rem;
 }

 .bottom_info a {
   color: #999;
   opacity: .8;
   transition: all 0.3s;
 }

 .footer_item {
   background-color: #1E1E1E;
 }

 .footer_title .xia,
 .footer_title .shang {
   display: inline-block;
 }

 .footer_title .shang {
   display: none;
 }

 .footer_title.active .xia {
   display: none;
 }

 .footer_title.active .shang {
   display: inline-block;
 }

 .footer_item {
   padding: 1rem;
 }

 .footer_list ol {
   font-size: 1rem;
   color: #FFFFFF;
   padding: 1.25rem 0 .75rem 0;
 }

 .footer_list {
   border-bottom: 1px solid #666666;
 }

 .xia {
   width: .75rem;
   height: .75rem;
 }

 .xia img {
   width: 100%;
   height: 100%;
 }

 .shang {
   width: .75rem;
   height: .75rem;
 }

 .shang img {
   width: 100%;
   height: 100%;
 }

 .footer_li {
   display: none;
   font-size: .875rem;
   color: #999999;
   padding: .75rem 0;

 }

 .footer_title {
   cursor: pointer;
   display: flex;
   justify-content: space-between;
 }

 .footer_li.show {
   display: block;
 }

 .footer_right {
   margin-top: 2.25rem;
 }

 .footer_name {
   font-weight: 400;
   font-size: 1rem;
   color: #FFFFFF;
   border-bottom: 1px solid #666;
   padding-bottom: .75rem;
 }

 .footer_about {
   margin-top: .75rem;
   display: flex;
   flex-direction: column;
   gap: .5rem;
 }

 .footer_info {
   display: flex;
   gap: .3125rem;
 }

 .info_icon {
   width: .875rem;
 }

 .info_icon img {
   width: 100%;
   height: 100%;
 }

 .footer_info {
   display: flex;
   align-items: center;
   gap: .5rem;
 }

 .info_text {
   font-size: .875rem;
   color: #FFFFFF;
 }

 .footer_code {
   display: flex;
   gap: 1rem;
   margin-top: 1.5rem;
 }

 .info_code {
   width: 6.5625rem;
 }

 .info_code img {
   width: 100%;
 }

 .code_sao {
   display: none;
 }

 .code_info {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   width: 6.5625rem;
 }

 .code_text {
   font-size: .75rem;
   color: #FFFFFF;
   text-align: center;
 }

 .w1200 {
   width: 100%;
   z-index: 99999;
 }

 .menu {
   display: none;
   width: 100%;
   z-index: 9999999999 !important;
   background-color: #fff;
   padding: 0 1rem;

 }

 .menu ul li {
   border-bottom: 1px solid #e5e5e5;
 }

 .menu ul li .sub_menu {
   display: none;
 }

 .menu ul li h2 a {
   display: block;
   font-weight: 400;
   font-size: 1rem;
   color: #333333;
   padding: 1.25rem 0 .75rem 0;
 }

 .nav {
   width: 100%;
   height: 2.75rem;
 }

 .logo {
   width: 5.0625rem;
   margin: .5rem auto;

 }

 .logo img {
   width: 100%;
 }

 .mobile_menu {
   width: 1.125rem;
   height: 1.125rem;
   position: absolute;
   top: .9375rem;
   left: 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .menu li h2 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .nav_xia {
   width: .75rem;
 }

 .nav_shang {
   width: .75rem;
   display: none;
 }

 .nav_xia img {
   width: 100%;
 }

 .nav_shang img {
   width: 100%;
 }

 .men_pro .xia,
 .men_pro .shang {
   display: inline-block;
 }

 .men_pro .shang {
   display: none;
 }

 .men_pro .xia {
   display: none;
 }

 .men_pro .shang {
   display: inline-block;
 }

 .about_sub {
   display: flex;
   flex-direction: column;
 }

 .sub_menu a {
   font-size: .75rem;
   color: #333333;
   display: block;
   padding: 12px 0 8px 0;
 }

 .serve_sub {
   display: flex;
   justify-content: space-between;
 }

 .serve_left {
   width: 11.25rem;
   margin-top: .75rem;
 }

 .serve_sub_title {
   font-weight: 400;
   font-size: .875rem;
   font-weight: bold;

   color: #333333;
 }

 .serve_sub_item a {
   border-bottom: 1px solid #E2E2E2;
 }

 .serve_sub_item a:last-child {
   border-bottom: none;
 }

 .about_sub a {
   border-bottom: 1px solid #E2E2E2;

 }

 .about_sub a:last-child {
   border-bottom: none;
 }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .active{
        color: #9c6430!important;
    }
  
 #carouselExampleCaptions {
   /* height: 100vh; */
   overflow: hidden
 }

 .mobile_menu {
   display: none;
 }

 .nav_xia {
   display: none;
 }

 .nav_shang {
   display: none;
 }

 .bottom_bototm {
   width: 100%;
   height: auto;
   background-color: #1E1E1E;
   padding: 40px 0 60px 0;
 }

 .bottom_info {
   width: 900px;
   margin: 5px auto;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   justify-content: space-around;
   font-size: 14px;
 }

 .bottom_info a {
   color: #fff;
   opacity: .8;
   transition: all 0.3s;
 }

 .bottom_info a:hover {
   color: #9c6430 !important;
   opacity: 1;
 }

 .footer {
   width: 100%;
   /* height: 405px; */
   background-color: #1E1E1E;
 }

 .footer_item {
   width: 900PX;
   display: flex;
   /* justify-content: space-between; */
   /* height: 405px; */
   gap: 50px;
   padding: 60px 0;
   margin: 0 auto;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 }

 .footer_left {
   width: 476px;
   display: flex;
   justify-content: space-between;
 }

 .footer_list {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }

 .footer_list .footer_title {
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
   padding-bottom: 20px;
 }

 .footer_right {
   width: 300px;
   height: 100%;
 }

 .footer_name {
   width: 387px;
   font-family: PingFang SC, PingFang SC;
   font-weight: 400;
   font-size: 20px;
   color: #FFFFFF;
   border-bottom: 1px solid #fff;
   padding-bottom: 12px;
 }

 .footer_info {
   display: flex;
   align-items: center;
   gap: 5px;
   align-items: center;
 }

 .footer_about {
   padding: 12px 0 24px 0;
   display: flex;
   flex-direction: column;
   gap: 12px;
 }

 .info_icon {
   width: 12px;
   height: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   /* border: 1px solid #fff; */
 }

 .info_icon img {
   width: 100%;
   height: 100%;
 }

 .info_text {
   /* font-weight: 500; */
   font-size: 14px;
   color: #FFFFFF;
   opacity: 0.8;
 }

 .footer_code {
   width: 387px;
   display: flex;
   justify-content: space-between;
 }

 .code_info {
   width: 105px;
 }

 .info_code {
   width: 105px;
   height: 105px;
 }

 .info_code img {
   width: 100%;
   height: 100%;
 }

 .code_sao {
   color: #FFFFFF;
   opacity: 0.8;
   padding-top: 12px;
   font-size: 12px;
   text-align: center;
 }

 .code_text {
   color: #FFFFFF;
   font-size: 12px;
   text-align: center;
   opacity: 0.8;

 }

 .xia {
   display: none;
 }

 .shang {
   display: none;
 }

 /* 导航 */

 .w1200 {
   width: 900px;
   margin: 0 auto;
   position: relative;
   height: 66px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .pa {
   position: absolute;
 }

 .nav {
   position: absolute;
   width: 100%;
   height: 66px;
   background-color: #fff;
   z-index: 1000;
   left: 0;
   top: 0;
   transition: all 0.3s;
 }

 .nav #menu_hover_bg {
   width: 100%;
   height: 0;
   border-top: 1px solid #e2e2ee;
   background: #fff;
   position: absolute;
   top: 66px;
   z-index: 9;
   overflow: hidden;
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.06);
 }

 .nav .logo {
   float: left;
   width: 148px;
 }

 .nav .logo a {
   display: block;
   width: 148px;
   /* height: 50px; */
 }

 .nav .logo a img {
   width: 100%;
 }


 .menu ul {
   display: flex;
   justify-content: space-between;
 }

 .nav .menu {
   width: 600px;
 }

 .nav .menu ul li h2 a {
   line-height: 66px;
   display: block;
   height: 66px;
   font-weight: 400;
   color: #333;
   transition: all 0.3s;
   font-size: 16px;
   font-weight: bold;
 }

 .nav .menu ul li h2 a:hover {
   color: #9c6430 !important;

 }

 .nav .menu ul li .sub_menu {
   width: 100%;
   height: 0px;
   position: absolute;
   z-index: 999;
   left: 0;
   top: 66px;
   overflow: hidden;
   display: flex;
   justify-content: end;
 }

 .nav .menu ul li .sub_menu .sub_menu_list {
   float: left;
   position: relative;
 }

 .about_sub {
   width: 600px;
   display: flex;
   gap: 20px;
 }

 .about_sub a {
   color: #333;
   transition: all 0.3s;
   font-size: 18px;
   color: #666666;
   line-height: 73px;
   transition: all 0.3s;
 }

 .about_sub a:hover {
   color: #9c6430 !important;
 }

 .serve_sub {
   display: flex;
 }

 .serve_sub_title {
   padding-bottom: 20px;
   font-size: 20px;
   color: #333333;
    font-weight: bold;

 }

 .serve_sub_item {
   display: flex;
   gap: 20px;
   border-top: 1px solid #e2e2e2;
   padding: 20px 0;
 }

 .serve_sub {
   height: 100%;
   display: flex;
   align-items: center;
   gap: 28px;
 }

 .serve_sub_item a {
   font-size: 18px;
   color: #666666;
 }

 .serve_sub_item a:hover {
   color: #9c6430 !important;
 }


}

@media screen and (min-width: 1201px) {

    .active{
        color: #9c6430!important;
    }
  
    .serve_left{
      min-width: 578px;
    }


 .mobile_menu {
   display: none;
 }

 .nav_xia {
   display: none;
 }

 .nav_shang {
   display: none;
 }

 .bottom_bototm {
   width: 100%;
   height: auto;
   background-color: #1E1E1E;
   padding: 40px 0 60px 0;
 }

 .bottom_info {
   width: 1000px;
   margin: 5px auto;
   display: flex;
   justify-content: center;
   gap: 40px;
   font-size: 14px;
 }

 .bottom_info a {
   color: #fff;
   opacity: .8;
   transition: all 0.3s;
   cursor: default; 
 }

 .bottom_info a:hover {
   color: #9c6430 !important;
   opacity: 1;
 }


 .xia {
   display: none;
 }

 .shang {
   display: none;
 }

 .footer {
   width: 100%;
   /* height: 405px; */
   background-color: #1E1E1E;
 }

 .footer_item {
   width: 1200px;
   display: flex;
   gap: 120px;
   padding: 60px 0;
   margin: 0 auto;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 }

 .footer_left {
   width: 556px;
   display: flex;
   justify-content: space-between;
 }

 .footer_list {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }

 .footer_list .footer_title {
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
   padding-bottom: 20px;
 }

 .footer_right {
   width: 300px;
   height: 100%;
 }

 .footer_name {
   width: 387px;
   font-family: PingFang SC, PingFang SC;
   font-weight: 400;
   font-size: 20px;
   color: #FFFFFF;
   border-bottom: 1px solid #fff;
   padding-bottom: 12px;
 }

 .footer_info {
   display: flex;
   align-items: center;
   gap: 5px;
   align-items: center;
 }

 .footer_about {
   padding: 12px 0 24px 0;
   display: flex;
   flex-direction: column;
   gap: 12px;
 }

 .info_icon {
   width: 12px;
   height: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .info_icon img {
   width: 100%;
   height: 100%;
 }

 .info_text {
   font-size: 14px;
   color: #FFFFFF;
   opacity: 0.8;
 }

 .footer_code {
   width: 387px;
   display: flex;
   justify-content: space-between;
 }

 .code_info {
   width: 105px;
 }

 .info_code {
   width: 105px;
   height: 105px;
 }

 .info_code img {
   width: 100%;
   height: 100%;
 }

 .code_sao {
   color: #FFFFFF;
   opacity: 0.8;
   padding-top: 12px;
   font-size: 12px;
   text-align: center;
 }

 .code_text {
   color: #FFFFFF;
   font-size: 12px;
   text-align: center;
   opacity: 0.8;

 }


 /* 导航 */

 .top_nav {
   width: 100%;
   height: 66px;
   border: 1px solid #000;
   background-color: #fff;
   position: absolute;
   top: 0;
   z-index: 99999;
 }

 .nav_box {
   width: 1200px;
   height: 100%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   /* border: 1px solid red; */
 }

 .logo {
   width: 148px;
   height: 50px;
 }

 .logo img {
   width: 100%;
   height: 100%;
 }

 .nav_list ul {
   width: 717px;
   display: flex;
   justify-content: space-between;
 }

 .nav_list ul li a {
   font-size: 16px;
   color: #333;
   transition: all 0.3s;
 }

 .nav_list ul li a:hover {
   color: #9c6430 !important;
 }

 .erjiList {
   /* display: none; */
   /* width: 100%; */
   position: absolute;
   width: 100%;
   top: 66px;
   /* display: flex; */
 }


 /* 导航 */

 .w1200 {
   width: 1200px;
   margin: 0 auto;
   position: relative;
   height: 66px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .pa {
   position: absolute;
 }

 .nav {
   /* position: absolute; */
   width: 100%;
   transition: all 0.3s;
   height: 66px;
   background-color: #fff;
   z-index: 1000;
   left: 0;
   top: 0;
 }

 .nav #menu_hover_bg {
   width: 100%;
   height: 0;
   border-top: 1px solid #e2e2ee;
   background: #fff;
   position: absolute;
   top: 66px;
   z-index: 9;
   overflow: hidden;
   box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.06);

 }

 .nav .logo {
   float: left;
   width: 148px;
   height: 50px;
 }

 .nav .logo a {
   display: block;
   width: 148px;
   height: 50px;
 }

 .menu ul {
   display: flex;
   justify-content: space-between;
 }

 .nav .menu {
   width: 717px;
 }

 .nav .menu ul li h2 a {
   line-height: 66px;
   display: block;
   height: 66px;
   color: #333;
   transition: all 0.3s;
   font-size: 16px;
   font-weight: 400;
   font-weight: bold;
 }

 .nav .menu ul li h2 a:hover {
   color: #9c6430 !important;

 }

 .nav .menu ul li .sub_menu {
   width: 1200px;
   height: 0px;
   position: absolute;
   z-index: 999;
   left: 0;
   top: 66px;
   overflow: hidden;
   display: flex;
   justify-content: end;
 }

 #men_sol .sub_menu {
   justify-content: space-between !important;
 }

 .nav .menu ul li .sub_menu .sub_menu_list {
   float: left;
   position: relative;
 }

 .about_sub {
   width: 717px;
   display: flex;
   gap: 40px;
 }

 .about_sub a {
   color: #333;
   transition: all 0.3s;
   font-size: 18px;
   color: #666666;
   line-height: 73px;
   transition: all 0.3s;
 }

 .about_sub a:hover {
   color: #9c6430 !important;
 }

 .serve_sub {
   display: flex;
 }

 .serve_sub_title {
   padding-bottom: 20px;
   font-weight: 400;
   font-size: 20px;
   color: #333333;
   font-weight: bold;

 }

 .serve_sub_item {
   display: flex;
   gap: 40px;
   border-top: 1px solid #e2e2e2;
   padding: 20px 0;
 }

 .serve_sub {
   height: 100%;
   display: flex;
   align-items: center;
   gap: 48px;
 }

 .serve_sub_item a {
   font-size: 18px;
   color: #666666;
 }

 .serve_sub_item a:hover {
   color: #9c6430 !important;
 }

}