/* index */
.index-banner {
    width: 100vw;
    height: 4.38rem;
}
.index-banner img {
    width: 100vw;
    height: 4.38rem;
}

.body {
      max-width: 800px;  
  margin: 0 auto; 
	background-color: white; 
  
}

/*图*/
.index-tu1 {
    width: 100%;
    height: 5.5rem;
}
.index-tu1 img {
    width: 100vw;
    height: 5.5rem;
}

.index-tul {
    width: 100vw;
    height: 2.1rem;
}
.index-tul img {
    width: 100vw;
    height: 2.5rem;
}

.index-tu2 {
    width: 100vw;
    height: 6rem;
}
.index-tu2 img {
    width: 100vw;
    height: 6rem;
}

.index-tu3 {
    width: 100vw;
    height: 5.5rem;
}
.index-tu3 img {
    width: 100vw;
    height: 5.5rem;
}

.index-tu4 {
    width: 100vw;
    height: 5rem;
}
.index-tu4 img {
    width: 100vw;
    height: 5rem;
}

.index-tu5 {
    width: 100vw;
    height: 5rem;
}
.index-tu5 img {
    width: 100vw;
    height: 5rem;
}

.index-tu6 {
    width: 100vw;
    height: 5rem;
}
.index-tu6 img {
    width: 100vw;
    height: 5rem;
}

/*图*/
.index-tech {
    width: 100%;
    box-sizing: border-box;
    height: 1.5rem;
    background: #fff;
    padding: 0 .79rem;
}
.tech-title {
    width: 100%;
    height: 1.32rem;
    box-sizing: border-box;
    border-bottom: 1px dashed #fff;
    padding-top: .42rem;

}
.bg_content_two {
    background: url(../images/brand/brand_content2.png) no-repeat;
    background-size: 100%100%;
}
.tech-title > div {
    width: 4rem;
    height: .75rem;
    float: left;

}
.tech-title > div p:first-child {
    font-size: .33rem;
    color: #000000;
    line-height: 1em;
}
.tech-title > div p:last-child {
    font-size: .25rem;
    color: #000000;
    line-height: 1em;
    margin-top: .1rem;
}
.tech-title img {
    float: right;
    width: .89rem;
    height: .63rem;
}
.index-tech > p {
    font-size: .2rem;
    margin-top: .22rem;
    color: #000;
}
.index-tech article {
    width: 1.56rem;
    height: .47rem;
    border: 1px solid #00407b;
    text-align: center;
    line-height: .47rem;
    font-size: .2rem;
    color: #00407b;
    margin-top: .28rem;
}
.new {
    width: 100%;
    height: 1.54rem;
    background: #00407b;
}
.new span {
    font-size: .29rem;
    color: #fff;
    line-height: 1.54rem;
    margin-left: .48rem;
}
.new img {
    width: 3.95rem;
    height: .14rem;
    margin-left: .33rem;
    margin-top: .71rem;
}
.office img {
    width: 100vw;
    height: 3.21rem;
}
.products {
    width: 100%;
    height: 2.7rem;
    background: #fff;
    text-align: center;
    font-size: .3rem;
    color: #000000;
    padding-top: 1.2rem;
    box-sizing: border-box;
}
.product-box:nth-child(2) {
    margin-top: 1.19rem;
}
.product-box:nth-child(3) {
    margin-top: 1.11rem;
}

.product-box p:first-of-type {
    margin-top: 10.16rem;
}
.product-box p:last-of-type {
    margin-top: .14rem;
}
.more-gray {
    margin: .14rem auto 0;
    width: 2.47rem;
    height: .56rem;
    border: 1px solid #969696;
    font-size: .25rem;
    color: #969696;
    line-height: .56rem;
}
.window-img {
    width: .84rem;
    height: .68rem;
}
.door-img {
    width: .83rem;
    height: 1.19rem;
}
.auto-img {
    width: 1.24rem;
    height: .73rem;
}
.solution {
    width: 100%;
    height: 3.36rem;
    background: url('../images/index/solution.png') 100% 100% no-repeat;
    color: #fff;
    box-sizing: border-box;
    padding-top: 1.38rem;
}
.solution p {
    line-height: 1em;
    text-indent: 1.58rem;

}
.solution p:first-child {
    font-size: .59rem;
}
.solution p:last-child {
    font-size: .25rem;
    margin-top: .21rem;
}

.pic-text {
    width: 100%;
    padding-bottom: .84rem;
    line-height: 1em;
    font-size: .25rem;
    text-align: center;
    overflow: hidden;
}
.pic-text > div,
.pic-text > img {
    float: left;
    width: 50vw;
    height: 3.64rem;
    background: #fff;
}

.pic-text > div > img {
    width: .14rem;
    height: .26rem;
    margin-top: 1.23rem;
}
.pic-text > div p:first-of-type {
    color: #00407b;
    margin-top: .34rem;
}
.pic-text > div p:last-of-type {
    color: #000000;
    margin-top: .08rem;
}
article.more-gray {
    clear: both;
    -webkit-transform: translateY(.87rem);
    -moz-transform: translateY(.87rem);
    -ms-transform: translateY(.87rem);
    -o-transform: translateY(.87rem);
    transform: translateY(.87rem);
    margin-bottom: .84rem;
}

.connect {
    width: 100%;
    height: 4.97rem;
    background: #fff;
    color: #000000;
    padding-top: .56rem;
}
.connect p {
    line-height: 1em;
}
.connect p:nth-of-type(1) {
    font-size: .59rem;
    text-align: center;
}
.connect p:nth-of-type(2) {
    font-size: .25rem;
    text-align: center;
    margin-top: .14rem;
}
.connect p:nth-of-type(3),
.connect p:nth-of-type(4),
.connect p:nth-of-type(5) {
    font-size: .27rem;
    text-indent: 2.2rem;
}
.connect p:nth-of-type(3) {
    margin-top: .43rem;
}
.connect p:nth-of-type(4) {
    margin-top: .22rem;
}
.connect p:nth-of-type(5) {
    margin-top: .22rem;
}
.connect p:last-of-type {
    font-size: .18rem;
    text-align: center;
    margin-top: .72rem;
}
/*.connect span {*/
/*    text-decoration: underline;*/
/*}*/
.share-box {
    margin-top: .42rem;
    display: -webkit-flex; /* Safari */
    display: flex;
    padding: 0 .64rem;
    justify-content: space-around;
}
.share-box img:nth-child(1) {
    width: .6rem;
    height: .6rem;
}
.share-box img:nth-child(2) {
    width: .75rem;
    height: .59rem;
}
.share-box img:nth-child(3) {
    width: .6rem;
    height: .6rem;
}
.share-box img:nth-child(4) {
    width: .73rem;
    height: .62rem;
}
.type.hide {
    height: 5.8rem;
}


/* 案例分类 */
.type {
    width: 100%;
    /*height: 6.36rem;*/
    background: #fff;
    padding: .54rem .69rem;
    box-sizing: border-box;
}
.type p:first-child {
    font-size: .3rem;
    color: #00407b;
    line-height: 1em;
}
.type-center {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-around;
}

.type p:last-child {
    font-size: .25rem;
    color: #00407b;
    line-height: 1em;
    text-decoration: underline;
    text-align: center;
    margin-top: .75rem;
}

.more-gray,
.type-center .item{
    border: 1px solid #00407b;
    color: #00407b;
    cursor: pointer;
}


.history-center{
    overflow: hidden;
    padding: .54rem 0px .69rem .54rem;
    box-sizing: border-box;
}
.history-center .h-l{
    /* float: left; */
    position: absolute;
    text-align: right;
}
.history-center .h-l h3{
    color: #00407b;
    font-size: 0.3rem;
}
.history-center .h-l p{
    color: #c1c1c1;
    font-size: 0.22rem;
}
.history-center .h-r{
   /*  float: right; */
    font-size: 0.2rem;
    padding-left: 1rem;
    height: 6rem;
    overflow-y: auto;
    overflow-x: hidden;
}
.history-center .h-r::-webkit-scrollbar {
    display: none;
}
.h-r-wrap{
    background: url('../images/brand/bg_top1.png') 100%  100% no-repeat;
    height: 2800px;
    background-size: 100% 100%;
}
.history-center .h-r .h-r-wrap>p{
    margin-bottom: 0.38rem;
}
.history-center .h-r img{
    width: 5rem;
    height: 2.6rem;
    margin-bottom: 0.2rem;
}
.history-center .h-r .h-r-wrap>div{
    position: relative;
    margin-bottom: 0.4rem;
}
.history-center .h-r .h-r-wrap>div:before{
    content: "";
    width: 0.24rem;
    height: 0.1rem;
    border-radius: 50%;
    background-color: #00407b;
    position: absolute;
    left: -0.42rem;
    top: 1.35rem;
}
.history-center .h-r i{
    position: absolute;
    z-index: 999;
    left: -1.62rem;
    top: 1.2rem;
    font-size: 0.3rem;
    color: #00407b;
}
.info{
    background-color: #00407b;
    padding: 1.12rem 0.5rem;
    color: #ffffff;
    font-size: 0.2rem;

}
.info-center{
    overflow: hidden;
     line-height: 0.38rem;
     margin-bottom: 0.3rem;
}
.info-center img{
    width: 1.08rem;
    height: 0.76rem;
    float: left;
}
.info p{
    line-height: 0.38rem;
}
.bg_brand_style{
    width: 100%;
    height: 3.36rem;
}
.bg_brand_one{
    background: url('../images/index/1.png') no-repeat;
    background-size: 100% 100%;
}
.bg_brand_two{
     background: url('../images/index/2.png') no-repeat;
    background-size: 100% 100%;
}
.bg_brand_three{
     background: url('../images/index/3.png') no-repeat;
    background-size: 100% 100%;
}
.bg_brand_four{
     background: url('../images/index/4.png') no-repeat;
    background-size: 100% 100%;
}
.brand_module_style{
    padding: 0.8rem 0.75rem 0.9rem;
    text-align: center;
}
.brand_module_style h2{
    font-size: 0.34rem;
    color: #00407b;
    font-weight: bold;
}
.brand_module_style h2:before{
    content: "";
    overflow: hidden;
    display: inline-block;
    width: 1.47rem;
    height: 1px;
    background-color: #072b49;
    top: -0.14rem;
    margin-right: 0.16rem;
    position: relative;
}
.brand_module_style h2:after{
    content: "";
    overflow: hidden;
    display: inline-block;
    width: 1.47rem;
    height: 1px;
    background-color: #072b49;
    top: -0.14rem;
    margin-left: 0.16rem;
    position: relative;
}
.brand_module_style p{
    font-size: 0.3rem;
    margin: 0.1rem 0px 0.3rem;
    color: #00407b;
}
.brand_module_style i{
    display: block;
    width: 36px;
    height: 7px;
    background-color: #00407b;
    margin: 0px auto 0.7rem;
}
.brand_module_style div{
    display: none;
    margin-top: 0.4rem;
    text-align: left;
}
.brand_module_style  b{
    font-weight: normal;
   /*  font-size: 0.2rem;
   line-height: 0.28rem; */
    text-align: left;
    display: inline-block;
}
.brand_module_style span{
    display: block;
    margin-top: 0.38rem;
    color: #00407b;
    text-decoration: underline;
}
.brand_bottom_scroll{
    border-top: 7px solid #00407b;
    border-bottom: 7px solid #00407b;
    /* padding: 0.9rem 0px 0px 2.1rem; */
    padding: 0.9rem 0px 0px 1.68rem;
    height: 6rem;
    overflow-y:auto; 
}
.brand_bottom_scroll>div{
    position: relative;
    /* margin-bottom: 0.6rem; */
    padding-bottom: 0.6rem;
    border-left: 1px dashed #072b49;
    padding-left: 0.42rem;
}
.brand_bottom_scroll p{
    margin-bottom: 0.24rem;
}
.brand_bottom_scroll img{
        width: 5rem;
    height: 2.6rem;
}
.brand_bottom_scroll i{
    position: absolute;
    z-index: 999;
    /* left: -1.62rem; */
    left: -1.2rem;
    top: 0px;
    font-size: 0.3rem;
    color: #00407b;
}
.brand_bottom_scroll >div:before{
     content: "";
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    background-color: #00407b;
    position: absolute;
    /* left: -0.42rem; */
    left: -0.07rem;
    top: 0.14rem;
}
.footer{
    border-top: 1px solid #1f578b;
    padding: 0.7rem 0px 0.32rem;
    background-color: #1f578b;
}
.footer p{
    width: 2.45rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    border: 1px solid #ffffff;
    margin: 0 auto;
    color:#ffffff;
    font-size: 0.2rem;
}
.footer div{
    text-align: center;
    margin-top: 1.04rem;
    color: #ffffff;
}
.bg_content{
    margin: 0.26rem 0px;
    height: 1.8rem;
    display: block !important;
}
.bg_content_one{
    background: url('../images/brand/brand_content.png') no-repeat;
    background-size: 100%100%;
}
.office {
	
}

.office {
	width: 100%;
	height: 7.2rem;
}

.container {  
    display: flex;  
    justify-content: center; /* 水平居中对齐 */  	 
}  

.zytp1 {  
    display: flex;  
    justify-content: center; /* 水平居中对齐 */  	 
} 

.image-zytp1 {  
    position: relative;
	width: 100%;
    height: 2.2rem;
}  
  
.image-zytp1 img {  
    width: 100%;  
    height: 100%;  
} 

.image-zytp1-zytu {
	position: relative;	
    height: 10rem;
}

.image-container {  
    position: relative;
	width: 100%;
    height: 7.5rem;
}  
  
.image-container img {  
    width: 100%;  
    height: 100%;  
}  
  
.image-container .text1 {  
    position: absolute;  
    top: 25%;  /* 根据需要调整位置 */  
    left: 50%; /* 根据需要调整位置 */  
    transform: translate(-50%, -50%); /* 使文字居中 */  
    color: #000000;  /* 可以根据需要调整颜色 */  
    font-size: .5rem;
}

.image-container .text2 {  
    position: absolute;  
    top: 34%;  /* 根据需要调整位置 */  
    left: 50%; /* 根据需要调整位置 */  
    transform: translate(-50%, -50%); /* 使文字居中 */  
    color: #000000;  /* 可以根据需要调整颜色 */  
    font-size: .3rem; 
}

    .text3 {  
    position: absolute;  
    top: 24%;  /* 根据需要调整位置 */  
    left: 31%; /* 根据需要调整位置 */  
    /*transform: translate(-50%, -50%); /* 使文字居中 */  
    color: #000000;  /* 可以根据需要调整颜色 */  
    font-size: .3rem; 
}

    .text4 {  
    position: absolute;  
    top: 60%;  /* 根据需要调整位置 */  
    left: 20%; /* 根据需要调整位置 */  
    /*transform: translate(-50%, -50%); /* 使文字居中 */  
    color: #000000;  /* 可以根据需要调整颜色 */  
    font-size: .25rem; 
}
.touming {
  position: absolute;  
  top: 70%;  
  left: 29%;  
  width: 40%;  
  height: 20%;  
  background-color: rgba(255, 255, 255, 0.5); /* 半透明白色背景 */   
}

.slider {  
  position: relative;  
  width: 100%;  
  height: 400px;  
  overflow: hidden;  
}  

/*以下是轮播代码 */

.carousel {
    position: relative;
    width: 100%;
    height: 4.38rem;
    overflow: hidden;
}

.carousel-image {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 1s;
}

.carousel-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-dot {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.carousel-dot.active {
    background-color: #333;
}

.limited-width {

	word-wrap: break-word; /* 允许自动换行 */ 
    font-size: 110%;
	text-align: center;  
    vertical-align: middle; 
	line-height: 2; /* 设置行高为1.5倍 */ 

}



.limited-width2 {
	word-wrap: break-word; /* 允许自动换行 */ 
    font-size: 110%;  /*字号*/
	text-align: center;  
    vertical-align: middle; 
	margin-top: 5%;
	line-height: 2; /* 设置行高为1.5倍 */ 
}

.limited-width3 {
	word-wrap: break-word; /* 允许自动换行 */ 
    font-size: 110%;  /*字号*/
	text-align: center; /* 设置文字左对齐 */ 
	margin-top: -22%;
	line-height: 2; /* 设置行高为1.5倍 */ 
}

.juding {
	margin-top: -5%;
	font-size: 150%;  /*字号*/
}

.products1 {
	
    width: 100%;
    height: 3.8rem;
    background: #fff;
    text-align: center;
    font-size: .25rem;
    line-height: 10em;
    color: #000000;
    padding-top: .1rem;
    box-sizing: border-box;

}









.gywm1 {
    width: 100%;
    height: 3.8rem;
    background: #fff;
    text-align: center;
    font-size: .25rem;
    line-height: 10em;
    color: #000000;
    padding-top: .1rem;
    box-sizing: border-box;
}

.gywm2 {
	
    display: flex;  
    justify-content: center; /* 水平居中对齐 */  
    gap: 1rem; /* 设置间距为1倍的rem */  
	display: flex;  
    flex-direction: column;
     
}

.gywm3 {
	margin-top: -5%;
	font-size: 150%;  /*字号*/
}

.gywm5 {
	word-wrap: break-word; /* 允许自动换行 */ 
    font-size: 110%;  /*字号*/
	text-align: center; /* 设置文字左对齐 */ 
	margin-top: -22%;
	line-height: 2; /* 设置行高为1.5倍 */ 
}

.image-container-zytu {
	position: relative;	
    height: 10rem;
}

.zyjj1 {  
   margin-right: 70px;  
}



.gywm-tu1 {
    position: relative;
	
}

.image-container-gywmtu {
	position: relative;	
    height: 7rem;
}

.gywm-tu1_tu {
	width: 100%; 
}

.gywm-tu2 {
	position: relative;
	 
}



.gywm-tu2_tu {
	width: 100%; 
}

.gywmwz13 {
	width: 100%;
    font-size: .3rem;
    vertical-align: middle; 
    line-height: 3; /* 设置行高为1.5倍 */ 
}

.gywmwz1 {
    width: 100%;
    height: 6rem;
    background: #fff;
    text-align: center;
    color: #000000;
    padding-top: .1rem;
    box-sizing: border-box;
}

.gywmtu3 {
	position: relative;
	
}

.gywmtu32 {
    width: 100%; 
}

.gywmwz2 {
	width: 100%;
    height: 6.5rem;
    background: #fff;
    text-align: center;
    color: #000000;
    padding-top: 1rem;
    box-sizing: border-box;
}

.gywmwz23 {
	font-size: .3rem;
    text-align: center;  
    vertical-align: middle; 
    line-height: 3; /* 设置行高为1.5倍 */ 
}

.gywm4 {
	position: relative;
	 
}

.gywm41 {
	width: 100%; 
}

.gywmwz3 {
	width: 100%;
    height: 5rem;
    background: #fff;
    text-align: center;
    color: #000000;
    padding-top: 1.2rem;
    box-sizing: border-box;
}

.gywmwz33 {
	font-size: .4rem;
	
}



.gywmwz4 {
	width: 100%;
    height: 5rem;
    background: #fff;
    text-align: center;
    color: #000000;
    padding-top: 1.2rem;
    box-sizing: border-box;
}

.gywm6 {
	position: relative;
}

.gywm61 {
	width: 100%; 
}

.gywmwz5 {
	width: 100%;
    height: 5rem;
    background: #fff;
    text-align: center;
    color: #000000;
    padding-top: 1.2rem;
    box-sizing: border-box;
}

.gywm7 {
	position: relative;
}

.gywm71 {
	width: 100%;
}

.gywm8 {
	position: relative;
}

.gywm81 {
	width: 100%;
}

.gywmwz34 {
	font-size: .3rem;
    text-align: center;  
    vertical-align: middle; 
    line-height: 3; /* 设置行高为1.5倍 */ 
	
}

.lxwmbj {
 
  margin-top: .7rem;  
  margin-bottom: .5rem;  
  margin-left: .7rem;  
  margin-right: .5rem;  

}