@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 asp 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	vertical-align: middle;

}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}









.fullscreen-carousel {
    width: 100vw; /* 视口宽度 */
    overflow: hidden;
  position: absolute; /* 绝对定位 */
  top: 0;
  left: 0;
  }

.carousel-container {
    position: relative;

  }

  .carousel {
    overflow: hidden;
  }

  .carousel-inner {
    display: flex;
    transition: transform 0.5s ease;

  }

  .carousel-item {
    min-width: 100%;

  }

  .carousel-item img {
    width: 100%;

    object-fit: cover;
  }

  .overlay-container {
    position: absolute;
 top: 200px;
    left: 0;
    right: 0;
    text-align: center;margin: 2%;
  }

  .overlay-box {
    display: inline-block;
    background: rgb(255 255 255 / 85%);
    width: 32%;
    height: 160px;
    line-height: 45px;
    vertical-align: middle;
    border-radius: 6px;
    transition: transform 0.2s;
    background-origin: border-box;
    background-clip: content-box, border-box;
  }

  .overlay-box:hover {
    transform: scale(1.1); /* 鼠标悬停时放大 */
  }

  .overlay-box:active {
    transform: scale(0.9); /* 点击时缩小 */
  }

  .carousel-control-prev,
  .carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: white;
    text-decoration: none;
    z-index: 1000;
  }














.image-changyou {  
    display: flex;  
    justify-content: space-between;  margin: 2%;
}  
  
.rounded-image {  
border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 49%;
    padding-bottom: 18px;
    margin-top: 20px; 
}


.itemr11 {  
    background-color: #f6dfdf29;
    border-radius: 10px;
    padding-bottom: 15px;
    text-align:center;
    line-height: 1.2;
    width: 49%;
    border-bottom: 1px solid #c8c5b459;
  
}  



.itemr12 {  
   background-color: #d4f5ea24;
    border-radius: 10px;
    padding-bottom: 15px;
    text-align: center;
    line-height: 1.2;
    width: 49%;
    border-bottom: 1px solid #1b65cf59;
  
} 





.itemr1233备 {  
     background-color: white;
    border-radius: 10px;
    padding-top: 185px;
    background-image: url(img5/3.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;

	width: 41%;
  
} 



    .slideshow-containerer {  
      position: relative;  
      max-width: 85%;  display: flex;
    justify-content: flex-end;
    }  
    .dynamic-slide-show {  
      display: none;  
      width: 85%;  
      transition: opacity 1s ease-in-out;  
    }  


 
    .slideshow-containerer11 {  
      position: relative;  
      max-width: 85%;  display: flex;
    justify-content: flex-end;
    }  
    .dynamic-slide-show11 {  
      display: none;  
      width: 85%;  
      transition: opacity 1s ease-in-out;  
    } 



.itemr13 {  
background-color: #ffffffba;
    border-radius: 10px;
    padding-bottom: 15px;
    text-align: center;
    line-height: 1.2;
    border-bottom: 1px solid #1b65cf59;
  
} 



.youce {  
       display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 5px;
    padding: 10px;
    border-radius: 10px;
   
    width: 44%;
    flex-wrap: wrap;
	background: linear-gradient(223deg, #ffba9759, #9fafb438);
	border-bottom: 1px solid #cc8fb1;
}  


.youceleft-part {  
width: 50px;
    height: 50px;
    border: 7px solid #bf8e8eab;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #000000;
    background-image: linear-gradient(to right bottom, #dfbcbce8, #ffffff);
    box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 36%);
}


 
  
.youceright-part {  
flex-grow: 1;
    /* display: flex; */
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    /* align-items: flex-start; */
    text-align: left;
    padding-left: 10;
    line-height: 10px;
    border-bottom: 1px solid #bf8e8e29;
}  
  
.youcetopp-label {  
    background-color: red;
    color: white;
    padding: 8px 10px;
    border-radius: 5px;
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    position: absolute;
    margin-top: -122px;
 
}  


.youce12 {  
   display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 5px;
    padding: 10px;
    border-radius: 10px;
    width: 44%;
    flex-wrap: wrap;
    background: linear-gradient(223deg, #9bd1d3, #9bd1d303);
    border-bottom: 1px solid #9bd1d3;
}  


.youce12left-part {  
   width: 60px;
    border: 2px solid #28512a59;
    border-radius: 6px;  

}  
  
.youce12right-part {  
flex-grow: 1;
    /* display: flex; */
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    /* align-items: flex-start; */
    text-align: left;
    padding-left: 10;
    line-height: 10px;
}  
  
.youce12topp-label {  
    background-color: red;
    color: white;
    padding: 8px 10px;
    border-radius: 5px;
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    position: absolute;
    margin-top: -122px;
 
}  


.first-row {  
            text-align: center;
    font-weight: bold;
    font-size: 15px;

        }  
.youce13 {  
     display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 5px;
    padding: 10px;
    border-radius: 10px;
    width: 44%;
    flex-wrap: wrap;
    background: linear-gradient(223deg, #abc0db, #09090900);
    border-bottom: 1px solid #60c0de38;
}  


.youce13left-part {  
   width: 60px;
    border: 2px solid #90a7e161;
    border-radius: 6px;  

}  
  
.youce13right-part {  
flex-grow: 1;
    /* display: flex; */
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    /* align-items: flex-start; */
    text-align: left;
    padding-left: 10;
    line-height: 10px;
}  
  
.youce13topp-label {  
    background-color: red;
    color: white;
    padding: 8px 10px;
    border-radius: 5px;
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    position: absolute;
    margin-top: -122px;
 
}  



.large-coontainer {
padding: 8px;
    padding-bottom: 15px;
    line-height: 0.8;
    border-radius: 8px;
    background: linear-gradient(to right, #e4d6c491, #bda493);
    color: #a86711;
    border: 0.5px solid #afcac887;
	text-align: center;
	margin: 25px auto;
}  

.small-coontainer {  
display: inline-block;
    width: 32%;
    border-radius: 8px;
    color: white;
  background: linear-gradient(to right, #baa595, #eee1d0);
	text-align: center;
}  

.text-2 {  
  font-size: 15px;  
}  
  
.text-3 {  
  font-size: 12px;  
  line-height: 1.5; /* 控制行距 */  
	margin-top: -10px;
}

.row-1 {  
  display: flex;  
  align-items: center; /* 让图片和文字在容器中纵向居中对齐 */  
}  

.small-image {  
width: 21px;
    margin-right: 10px;
}  





    .tabs {  
              overflow: hidden;
        }  
          
        .tabs-tab {  
float: left;
    cursor: pointer;
    padding: 8px 9px;
    background-color: #f0f0f0;
    border-radius: 10px 10px 0px 0px;
			margin-right: 18px 
        }  
          
        .tabs-tab.active {  
            background-color: #ddd;  
        }  
          
        .tabs-content {  
            clear: both;  
            padding: 20px;  
            position: relative;  
            height: 160px;  
            background-color: #fff;  
			border-radius: 10px; /* 添加圆角 */  
        }  
          
        .tab-content-container { /* 新增的容器 */ 
            display: flex; /* 使内容平均分布 */  
            flex-direction: column; /* 垂直排列内容 */  
        }  
          
        .tab-pane {  
            display: none;  
            position: absolute; 
            height: 100%; /* 高度与父元素相同 */  
            animation: slideEffect 0.5s ease;  
        }  
          
        .tab-pane.active {  
            display: block;  
        }  







.box{
white-space: nowrap;
    overflow-y: auto;
  
   
    background-image: url(img5/beij1111.png);
    background-size: contain;
    background-repeat: no-repeat;

	overflow-x: auto; 
}
/*隐藏下面的滚动条*/
.box::-webkit-scrollbar{
    display: block;
}
 
.card{
width: 40%;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    border-bottom: 1px solid #dd4c1038;
    line-height: 60px;
    box-shadow: 0px 9px 9px 4px #5460a133;
    border-top: 1px solid #274ddb1a;
    margin-right: 1%;
    margin-top: 2%;
    margin: 2%;
}











	

 
.pcontainer {  
  width: 100%;  
  height: 120px; /* 你也可以设置为其他高度 */  
  position: relative;  
}  
  
.scan-image {  
  width: 100%;  
  height: auto;  
  position: absolute;  
  left: 0;  
  top: 0;  
  animation: scan 2s linear infinite;  
}  
  
@keyframes scan {  
  0% {  
    opacity: 10;  
  }  
  100% {  
    opacity: 0;  
  }  
}






.serviceh2 {
margin-bottom: 7%;
    border-left: 5px solid #b59077;
    padding-right: 100px;
    margin-left: 6%;
    margin-top: 8%;
	font-size: 20px;
}






.search-box {  


      margin: 10px auto;  
      box-sizing: border-box;  
    }  
    .search-box input[type="text"] {  
  width: 100%;
    padding: 8px;
    font-size: 13px;
    border-radius: 50px;
    border: 1px solid #a87878;
    }  



.zoujin{  
    background-color: #03345426;
    color: #fff;
    border: none;
    padding: 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 30px;
    text-align: center;
    width: 100%;
    top: 125px;
    position: absolute;
    font-weight: bold;


}


.hengtu11 {  
   display: flex;
    align-items: center;
    background-color: #ffffff;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 5px;
    padding: 10px;
    border-radius: 8px;
  margin: 2%;
    border-bottom: 1px solid #0e51cf5c;
}  




.hengtu {  
   display: flex;
    align-items: center;
    background-color: #ffffff;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 5px;
    padding: 10px;
    border-radius: 8px;
  margin: 2%;
    border-bottom: 1px solid #0e51cf5c;
}  
  
.left-part {  
    width: 120px;  text-align: center;

}  
  
.right-part {  
 flex-grow: 1;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;width: 60%;
}  
  
.topp-label {  
color: #194bae;
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    position: absolute;
    margin-top: -119px;
    margin-right: 41%;
    padding: 8px 8px 6px 8px;
    border-radius: 4px;
    border: 1px solid #194cae73;
 
}  


.top-label {  
color: #194bae;
    padding: 8px 8px 6px 8px;
    border-radius: 4px;
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    position: absolute;
    margin-top: -119px;
    margin-left: 58%;
    border: 1px solid #194cae73;
}  


.hengtuu {  
display: flex;
    align-items: center;
    background-color: #ffffff;
    flex-direction: row-reverse;
    justify-content: flex-start;
    line-height: 5px;
    padding: 10px;
    border-radius: 10px;
   margin: 5% 2% 5% 2%;
	border-bottom: 1px solid #a66a05;
}  
  
.left-partu {  
    width: 120px;  text-align: center;

}  
  
.right-partt {  

    flex-grow: 1;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
    width: 30%;
}  



.right-partu {  
 flex-grow: 1;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;width: 60%;
}  




.go1{  
color: #194bae;
    padding: 8px 8px 6px 8px;
    border-radius: 4px;
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    position: absolute;
    margin-left: 28%;
    border: 1px solid #194cae73;

}
 
.go{  
background-color: #FFC107;
    color: #0e0d0d;
    border: none;
    padding: 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
    width: 30%;
    margin-left: 30%;


}


.goumai{  
background-color: #FFC107;
    color: #0e0d0d;
    border: none;
    padding: 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    margin-top: 6px;
    text-align: center;
    width: 42%;
    margin-left: 45%;
}

.goumaii{  
background-color: #FFC107;
    color: #0e0d0d;
    border: none;
    padding: 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    margin-top: 6px;
    text-align: center;
    width: 42%;
margin-left: 2%;
}




.gengduo {  

    text-align: center;
    font-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    line-height: 40px;
    background-color: #ffc206;
    width: 96%;
    color: #000000;
    border-radius: 10px;border-bottom: 1px solid #37373f3b;margin-bottom: 10px;
    } 



.biaotilan {  

margin: 2%;
    text-align: center;
    font-size: 22px;
    background-image: url(img5/lanmu.png);
    background-size: contain;
    background-repeat: no-repeat;
	background-position:center;
	font-weight: bold;
	line-height: 50px;margin: 5% 2% 5% 2%;
    } 



.container {  
  display: flex;  
  justify-content: space-between;  
	line-height: 5px;
	color: red;
	flex-wrap: wrap;

}
 
  
.itemr {  
     background-color: white;
    border-radius: 10px;
    padding-top: 185px;
    background-image: url(img5/1.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
	margin-bottom: 25px; 
  
}  
 






.btnr {  
background-color: #184dae;
    color: #fff;
    border: none;
    padding: 6px;
    border-radius: 6px;
    cursor: pointer;
    width: 30%;
    margin-left: 63%;
   
} 


  
.itemm {  
     background-color: white;
    border-radius: 10px;
    padding-top: 185px;
    background-image: url(img5/2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
	margin-bottom: 25px; 

  
} 
 
.iteme {  
   background-color: white;
    border-radius: 10px;
    padding-top: 185px;
    background-image: url(img5/3.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
	margin-bottom: 25px; 

  
}  
 
  
.itemmm {  
     background-color: white;
    border-radius: 10px;
    padding-top: 185px;
    background-image: url(img5/4.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
	margin-bottom: 25px; 

  
}  
  
  
.text-blackk {  
font-size: 17px;
    color: #fff;
    font-weight: bold;
    background-color: #3662b938;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: -12%;
    z-index: 999999;
    position: relative;
}  


.text-black {  
font-size: 18px;
    color: #000000;
    font-weight: bold; 
	padding-left: 15px;
    padding-right: 15px;
}  
  
.text-gray {  
  font-size: 14px;  
  color: #000000;

	line-height: 1.5;
}


.textt-gray {  
  font-size: 14px;  
  color: gray; 

}

.text-graygray {  
  font-size: 16px;  
  color: #000000;
padding-left: 15px;
    padding-right: 15px;text-align: justify;
	line-height: 1.5;
}



#fudongtop {
font-size: 14px;
    clear: both;
    background: #12010140;
    border-radius: 10px;
    /* padding-bottom: 20px; */
    margin-bottom: 15px;
    /* padding: 10px 10px; */
    /* text-align: left; */
    z-index: 9999;
    position: fixed;
    bottom: 15px;
    color: #fff;
    width: 96%;
	text-align: center;
}

#fudong1 {

    clear: both;
    background: #e6eef991;
    border-radius: 10px;
    margin-bottom: 15px;
    z-index: 9999;
    position: fixed;
    bottom: 15px;
    width: 96%;
	text-align: center;
	    margin-left: 2%;
	grid-gap: 35px;
}


.biaoqianB {
    font-size: 16px;
	color: #000;
    background: #fff;
    width: 34px;
    padding: 8px 20px;
	border-radius: 5px;
	line-height: 50px;box-shadow: 1px 2px 1px #808a8191;

}



        .jifen {  
   background-color: white;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    padding-top: 4px;
			border-bottom: 1px solid #dd4c1038;
    box-shadow: 0px 9px 9px 4px #518e462e;
    border-top: 1px solid #1835a117;
		margin: 2%;
        }  
  
        .jifen .small-container {  
width: 47%;
    margin: 4px;
    display: flex;
    flex-direction: column;
    background-color: #f5f6f9;
    align-items: center;
    border-radius: 8px;
			    margin-bottom: 15px;
        }  
  
        .jifen .small-container img {  
            border-radius: 8px 8px 0px 0px;
            width: 100%;  
            height: auto;  
        }  
  
        .jifen .small-container p {  
            margin-bottom: 10px;  
        }  
  
        .jifen .small-container span {  
           font-size: 13px;
			color: red;
        } 


        .wenzi {  
font-size: 15px;
 line-height: 1.5;
    padding-left: 10px;
			   
        }





 .slideshow-container {  
      position: relative;  
      max-width: 85%;  display: flex;
    justify-content: flex-end;
    }  
    .mySlides {  
      display: none;  
      width: 85%;  
    }  













.dingbu {
	   
    padding-bottom: 25px;

}
    
.topw {  
display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    padding-bottom: 20px;
    padding-left: 4%;
    padding-right: 4%;
    border-bottom: 1px solid #1513140d;
	} 
	
  
.boxx {  
  width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}  
  
#box2x {  
     width: 30%;
    padding-right: 35%;
}  
  
#box3x {  
   background-color: #deac61;
    width: 35%;
    border-radius: 20px;
    height: 35;
    color: white;
}  
	  




#box1x img {  
  border-radius: 50%;	  
	  
} 
	  

	
.zhengwen1{  
 line-height: 30px;
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
    background-color: #fff;
    margin-left: 13%;
    margin-right: 35%;
    border-radius: 25px;
    margin-top: 48%;
    margin-bottom: 7%;

	
}  


.zhengwen{  
   line-height: 45px;
    padding-bottom: 6%;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 5%;
    background-color: #ffffff80;
    margin-left: 2%;
    margin-right: 2%;
    border-radius: 12px;
    margin-bottom: 100px;

	
}