* {
  font-family: arial;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: arial;
  src: url(../css/fonts/arial.ttf);
}
@font-face {
  font-family: Akziden;
  src: url(../css/fonts/AkzidenzGrotesk-Medium.otf);
}
@font-face {
  font-family: ariblk;
  src: url(../css/fonts/ariblk.ttf);
}

.head_pc .nav .ul2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  display: none;
  background-color: white;
  text-align: center;
  transition: .1s
}

.head_pc .nav .ul2:hover,
.head_pc .nav .ul2.hover {
  background-color: white;
}

.head_pc .nav .ul2 a {
  font-size: 16px;
  display: block;
  line-height: 40px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  color: #000;
  padding: 0 20px;
}

.head_pc .nav .ul2 a:hover,
.head_pc .nav .ul2 a.hover {
  /* font-weight: bold !important; */
  color: #ffffff !important;
  background-color: #cda274;

}

/* .logo {
  width: 20%
} */

/* 鑫茂家居 */

.index-title{
  font-size: 70px;
  line-height: 60px;
  color: #000;
  margin-bottom: 15px;
  font-family: Akziden;
  
}

.index-About{
  margin: 144px 0 150px 0;
}
.index-About .index-about-left .p1{
   font-size: 20px;
   line-height: 26px;
   color: #30333dbe;
   margin:30px 0 65px 0;
   word-break: break-all;
}
.index-about-left{
   width: 50%;
}

.readmore{
  padding:18px 20px;
  background-color: #cda274;
  color: #fff;
  border: 0px;
  font-size: 22px;
}
.index-about-right{
  width: 50%;
  margin-left: 88px;
}
.index-about-right img{
  width: 100%;
}
.flex{
  display: flex;
}

.index-Product{
  background-color: #f1efea;
}
.index-pro-d{
   text-align: center;
}
.index-pro-d-li{
  width: 30%;
  margin-bottom:20px;
  transition: .5s;
  margin-right: 3.6vw;
}
.index-pro-d-li:nth-child(3n){
     margin-right: 0;
}
.index-pro-d-li:hover{
  margin-top: -15px;
}

.index-pro-d-li{
  font-size: 20px;
  line-height: 60px;
}
.index-pro-d-ul{
  margin-top: 90px;
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
}
.index-Product{
  padding: 121px 0 80px 0;
}
.index-Our{
  padding: 150px 0 150px 0;
}
.index-our-d{
  text-align: center;
}
.index-our-d-ul{
  margin-top: 80px;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.index-our-d-li{
  width: 30%;
  border: 1px solid #f1efea;
}
.index-our-d-li-right{
  display: flex;
  padding:35px 30px;
  
}
.index-our-d-li-right-d1{
  
}
.index-our-d-li-right-d2{
  width: 70%;
  text-align: left;
  margin-left: 35px;
}
.index-our-d-li-right-d2 .p1{
  font-size: 24px;
  line-height: 37px;
}
.index-our-d-li-right-d2 .p2{
  font-size: 18px;
  line-height: 37px;
  color: #999999;
}
.index-our-d-li-right-d2 .p3{
  font-size: 16px;
  line-height: 30px;
}



.index-News{
  margin: 150px 0;
}
.index-news-d{
  text-align: center;
}
.index-news-d-ul{
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index-news-d-li{
  width: 27.7%;
  border: 1px solid #0000001f;
}
.index-news-d-li-img{
  position: relative;
}
.index-news-d-li-img1{
  overflow: hidden;
}
.index-news-d-li-img img{
  transition: .5s;
}
.index-news-d-li:hover .index-news-d-li-img img{
   transform: scale(1.1);
}
.fang{
  position: absolute;
  bottom: -24px;
  left:53px ;
  background-color: #cda274;
  padding: 10px 23px;
}
.fang .p1{
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  font-family: ariblk;
}

.index-news-d-li-d{
  text-align: left;
  padding: 62px 51px 15px 51px;
}
.index-news-d-li-d-d span{
  font-size: 18px;
  line-height: 18px;
  color: #cda274;
  margin-left: 15px;
}
.index-news-d-li-d .p1{
   font-size: 24px;
   line-height: 34px;
   margin: 10px 0;
   font-family: ariblk;
}
.index-news-d-li-d .a1{
  font-size: 16px;
  line-height: 49px;
  color: #989794;
}

.ABOUT{
  margin: 133px 0;
}
.about-d .p1{
   font-size: 28px;
   line-height: 30px;
   text-transform:uppercase;
   text-align: center;
}
.about-d-d1 p{
  font-size: 20px;
  line-height: 30px;
  color: #30333b80;
  margin: 30px 0 20px 0;
}
.about-d-img{
  display: flex;
  justify-content: space-between;
}
.about-d-img img{
  width: 31%;
}
.About-center{
  background-color: #c6a468;
}
.About-center .center-ul{
  padding: 48px 0;
  display: flex;
  justify-content: space-around;
}
.About-center .center-li{
  text-align: center;
}
.About-center .center-li p{
  font-size: 30px;
  color: #ede2d0;
}
.About-center .xx1{
  margin-top: 43px;
  width: 1px;
  height: 100px;
  background-color: #ede2d0;
}
.Tech{
  margin: 213px 0 190px 0;
}
.Tech-title .p1{
  font-size: 70px;
  line-height: 60px;
  color: #000;
  font-family: Akziden;
}
.tech-swiper{
  margin-top: 135px;
}
.tech-swiper .teach-slide{
  text-align: center;
}
.tech-swiper .teach-slide p{
   font-size: 20px;
   line-height: 49px;
   color: #999999;
}
.Tech-title{
  display: flex;
  justify-content: space-between;
}
.Tech-title .swiper_btn{
  display: flex;
}

.Tech-title .swiper_btn .prev{
  margin-left: 20px;
  width: 61px;
  height: 61px;
  background: url(../images/image/swiper-right.png) center no-repeat;
   border: 1px solid #999999;
  cursor: pointer;
}
.Tech-title .swiper_btn .next{
  margin-left: 20px;
  width: 61px;
  height: 61px;
  background: url(../images/image/swiper-left.png) center no-repeat;
   border: 1px solid #999999;
  cursor: pointer;
}
.Tech-title .swiper_btn .btn:hover{
  border: 1px solid #ffffff;
  background-color: #cda274;
}

.PRO{
  margin: 162px 0;
}
.pro-left{
  width: 21%;
  margin-right: 76px;
}
.pro-left-d1{
  text-align: center;
}
.dd1{
  padding: 13px 0;
  background-color: #c6a468;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  border: 1px solid #e3e3e3;
}
.dd2{
  padding: 13px 25px;
  font-size: 22px;
  line-height: 30px;
  color: #000000;
  border: 1px solid #e3e3e3;
  transition: .5s;
}
.dd2:hover,.dd2.active{
  color: #c6a468;
}
.pro-right{
   width: 83%;
}
.pro-right-ul::after{
   content: '';
   width: 31.2%;
}
.pro-right-ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pro-right-li{
  width: 31.2%;
  margin-bottom: 15px;
}
.pro-right-li p{
  font-size: 22px;
  line-height: 60px;
  color: #000000ad;
  text-align: center;
}
.pro-bian{
  text-align: center;
  transition: .5s;
  /* box-shadow: 0px 0px 15px 0px #c7c6c6; */
}
.pro-bian:hover{
  margin-top: -10px;
  box-shadow: 0px 0px 15px -2px #c7c6c6;
}














.NEWS{
  margin: 160px 0;
}
.News-n::after{
  content: '';
  width: 27.7%;
}
.News-n{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.News-n-li{
  margin-bottom: 97px;
  width: 27.7%;
  border: 1px solid #00000056;
  /* margin-right: 120px; */
}
/* .News-n-li:nth-child(3n){
  margin-right: 0px;
} */
.News-n-li .News-n-img1{
  overflow: hidden;
}
.News-n-li .News-n-img1 img{
  transition: .5s;
}
.News-n-li:hover .News-n-img1 img{
   transform: scale(1.1);
}

.News-n-img{
  position: relative;
}
.fang-n{
  position: absolute;
  bottom: -24px;
  left:53px ;
  background-color: #cda274;
  padding: 10px 23px;
}
.fang-n .p1{
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  font-family: ariblk;
}
.News-n-d1{
  text-align: left;
  padding: 62px 51px 15px 51px;
}




.News-n-d1-li-d-d span{
  font-size: 18px;
  line-height: 18px;
  color: #cda274;
  margin-left: 15px;
}
.News-n-d1 .p1{
   font-size: 24px;
   line-height: 34px;
  font-family: ariblk;
   margin: 10px 0;
}
.News-n-d1 .a1{
  font-size: 16px;
  line-height: 49px;
  color: #989794;
}


.news_red{
  margin: 158px 0 198px 0;
}
.news_red-left{
  width: 70%;
  text-align: center;
  /* padding-bottom: 30px; */
}
.news_red-left .p1{
  font-size: 36px;
  line-height: 52px;
  color: #af721a;
  font-weight: bold;
}
.news_red-left .p2{
  font-size: 16px;
  color: #30333b90;
  margin: 32px 0 64px 5px;
}

.news_red-left .d1 p{
  text-align: left;
  font-size: 18px;
  line-height: 40px;
  color: #30333bcf;
}
.news_red-left .d1 img{
  width: 50%;
}
.news_red-left-d{
  margin-bottom: 90px;
}
.new-time{
   display: flex;
   justify-content: center;
   margin: 30px 0 60px;
}
.new-time .time-dd1{
   margin: 0 20px;
}
.new-time .time-dd1 .time-dd1-img{
  margin-top: 2px;
}
.new-pageSwitch{
  /* height: 200px; */
}
.new-pageSwitch-d1{
  display: inline-block;
  font-size: 20px;
  line-height: 41px;
  color: #666666c1;
}
.news_red-right{
  margin-left: 11%;
  width: 23.5%;
}
.news_red-right .p1{
  font-size: 24px;
  line-height: 29px;
  color: #30333b;
  margin-bottom: 60px;
  font-weight: bold;
}
.news_red-right-li{
  margin-bottom: 40px;
  padding: 40px 0 0px 0;
  border-top: 1px solid #98979483;
}
.news_red-right-li .p2{
  font-size: 20px;
  line-height: 32px;
  color: #30333bd3;
}
.news_red-right-li .p3{
  font-size: 16px;
  line-height: 43px;
  color: #30333b83;
}

.map1{
  width: 53%;
  margin: 0 88px;
}
.map-right{
  width: 24%;
}
.map-right .li1{
  margin-bottom: 45px;
}
.map-right .li1 .p1{
   font-size: 24px;
   line-height: 37px;
   color: #30333b;
}
.map-right .li1 .p2{
  font-size: 20px;
  line-height: 37px;
  color: #30333b80;
}


.CONNECT{
  margin: 162px 0;
}

.online-back{
  
   width: 50%;
   margin: 120px auto  200px;
}
.online-title{
  font-size: 70px;
  line-height: 60px;
  padding: 117px;
  background-color: #c6a468;
  color: #fff;
  text-align: center;
  font-family: Akziden;
}
.input1{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.name,.mail,.phone,.sub{
   width: 48%;
   height: 54px;
   padding: 0 0 0 20px;
   border: 1px solid #99999980;
   background-color: #f5f5f5;
   margin-bottom: 30px;
}
.input1 input::placeholder{
  font-size: 18px;
  color: #99999980;
}
.mess{
   width: 100%;
   height: 200px;
   padding: 20px 0 0 20px;
   border: 1px solid #99999980;
   background-color: #f5f5f5;
   margin-bottom: 30px;
}
.input1 .mess::placeholder{
  font-size: 18px;
  color: #99999980;
}
.submit_ti{
   width: 100%;
   height: 54px;
   font-size: 20px;
   line-height: 54px;
   border: 0px;
   background-color:#c6a468;
   color: #fff;
}




.PRO-read{
  margin: 162px 0 202px 0;
}
.read-flex{
  display: flex;
  justify-content: space-between;
}
.read-left{
  width: 50%;
}
.read-right{
  width: 43%;
}
.read-right .right-bottom{
  margin:8% 0 18%;
}
.read-right hr{
  margin: 55px 0;
}
.read-right .p1{
   font-size: 40px;
   line-height: 30px;
   color: #d2ab66;
   margin-top: 30px;
}
.read-right .right1 span{
   font-size: 20px;
   line-height: 40px;
   color: #000;
}
.read-right .right1 span:nth-child(2){
  margin-left: 20px;
}
.read-fan img{
    width: 4%;
   margin: 10px 15px 0 0 ;
}
.read-fan{
  background-color: #d2ab66;
  font-size: 20px;
  line-height: 40px;
  padding: 18px 50px;
  color: #fff;
}
.Re_mySwiper{
  cursor: pointer;
}
























/* 手机 pc 隐藏 */
/* .pc_cang{
  display: block !important;
} */
.phone_cang {
  display: none !important;
}

@media screen and (min-width: 900px) and (max-width: 1330px) {
     
     .w1450_1{
         width: 90% !important;
     }
     .w1450_2{
        margin: 0 0 0 4%;
     }
    
     .index-About .index-about-left .p1{
         line-height: 25px !important;
     }
     .index-About .index-about-left .p1{
         font-size: 16px !important;
         margin: 5px 0 30px 0 !important;
     }
     .index-about-right{
         margin-left: 50px !important;
     }
     .index-title{
         font-size: 50px !important;
     }
     .readmore{
         font-size: 16px !important;
    padding: 10px 20px !important;
     }
     .index-our-d-li-right-d2 .p2{
         line-height:25px!important;
         font-size: 16px!important;
     }
     .index-our-d-li-right-d2 .p3{
          line-height:23px!important;
         font-size: 16px!important;
     }
     
}