li {
  list-style: none;
}
.title i a{
  text-decoration: none;
  color: #fff;
  font-size:30px;
}

a {
  text-decoration: none;
  color: #000;
}

body {
  background: #fbf0ee;
}

.w {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.banner img.ban-box {
  width: 100%;height:700px;
}

.part2 .title,
.part3 .title,
.part4 .title {
  margin: 30px 0;
  text-align: center;
}

.part2 .title i,
.part3 .title i,
.part4 .title i {
  width: 430px;
  line-height: 56px;
  color: #fff;
  padding-right: 50px;
  font-size: 30px;
  font-weight: 600;
  display: inline-block;
  background: url(/uiFramework/commonResource/image/2024111110024414514.png) no-repeat;
  background-size: 100% 100%;
}

.part1 {
  margin: 50px auto;
}

.part1L {
  float: left;
  width: 600px;
  /* position: relative; */
  background: #fff url(/uiFramework/commonResource/image/2024111109424253028.png) no-repeat;
  background-size: 50% 85%;
  padding: 50px 80px 50px 20px;
  border: 1px solid #d8c7c7;
  /* z-index: -1; */
}

.more_news{font-size: 13px;text-align: right;margin-top: 10px;}
.more_news a{color: #ff4202;}
/* .part1L:after {
  content: "";
  display: block;
  margin-top: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-top: 15px solid transparent;
  border-left: 15px solid transparent;
  border-right: 15px solid #F5F8FB;
  border-bottom: 15px solid #F5F8FB;
} */

.part1L li {
  font-size: 18px;
  line-height: 3em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 15px;
}
.part1L li a{
  font-size:18px;
}

.part1R {
  float: right;
  width: 550px;
  height: 320px;
  margin-top: 25px; 
  margin-left: -60px;
}

.part1R img.list {
  width: 100%;
  height: 100%;
}

  .part1R {
    background: url(/uiFramework/commonResource/image/2024111109545911442.png) 0 0 no-repeat;
  }

  .part1R img.list {
    width: 80%;
    /* height: 100%; */
  }

  .phone {
    text-align: center;
    padding: 40px 0;
    width: 90%;
    margin: 0 auto;
  }

  .phone1 {
    border-bottom: 1px solid #ff580e;
  }

  .btn_links a.link1 {
    background: url(/uiFramework/commonResource/image/2024111109572922924.png) 0 0 no-repeat;
  }

  .btn_links {
    text-align: center;
  }

  .btn_links a {
    display: inline-block;
    margin-right: 17px;
    width: 255px;
    height: 50px;
  }

.part2 {}



/* 本例子css */
.slideTxtBox {
  padding: 35px;
  background: #ffffff6e;
}

.slideTxtBox .hd {
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 50px;
}

.slideTxtBox .hd .ul {
  margin: 0 auto;
  display: inline-block;
  height: 50px;
  border: 1px solid #ccc;
  border-radius: 30px;
  overflow: hidden;
}

.slideTxtBox .hd .ul li {
  float: left;
  padding: 0 25px;
  cursor: pointer;
  font-size:16px;
}

.slideTxtBox .hd .ul li.on {
  color: #fff;
  background: #ff0000;
  border-radius: 30px;
}

.slideTxtBox .bd li .date {
  float: right;
  color: #999;
}

.cainuan table {
  width: 100%;
  background: #fff8f8;
  margin-bottom: 15px;
}

.cainuan table,
.cainuan tr,
.cainuan td,
.cainuan th {
  border: 1px solid #ffa974;
  border-collapse: collapse;
}

.cainuan th,
.cainuan td {
  text-align: center;
  font-size: 16px;
  font-family: '微软雅黑';
  color: #ff332b;
  padding: 10px;
}

.cainuan tr strong {
  font-size: 16px;
  color: #ff332b;
}

.cainuan th {
  background: #ffa974;
  color: #fff;
}

.cainuan th strong {
  color: #fff;
}

.txtbox {
  overflow: hidden;
}

.txtbox .tips {
  float: left;
  font-size: 16px;
  color: #ff7746;
  font-weight: 700;
  margin-top: 5px;
}

.txtbox .txt {
  font-size: 16px;
  line-height: 36px;
  color: #2e2c2c;
}

/* 供暖 */
.gongnuan {
  /*overflow: hidden;*/
}

.gongnuanL,
.gongnuanR {
  width: 49%;
}

.gongnuanL {
  float: left;
}

.gongnuanR {
  float: right;
}

.gongnuan table {
  width: 100%;
  background: #fff8f8;
  margin-bottom: 15px;
}

.gongnuan table,
.gongnuan tr,
.gongnuan td,
.gongnuan th {
  border: 1px solid #ffa974;
  border-collapse: collapse;
}

.gongnuan th,
.gongnuan td {
  text-align: center;
  font-size: 15px;
  color: #ff332b;
  padding: 10px;
}

.gongnuan tr strong {
  font-size: 16px;
  color: #ff332b;
}

.gongnuan th {
  background: #ffa974;
  color: #fff;
}

.gongnuan th strong {
  color: #fff;
}

.part3 {
  /* margin-top: 30px; */
}

.xgsx {
  margin-bottom: 50px;
}

.xgsx_con {
  overflow: hidden;
}

.xgsx_list {
  width: 110%;
}

.xgsx_list li {
  width: 580px;
  float: left;
  margin-right: 40px;
  margin-bottom: 20px;
}

.xgsx_list li a {
  display: flex;
  height: 50px;
  align-items: center;
  font-size: 16px;
  color: #333;
  padding: 10px 20px;
  border-radius: 10px;
  background: #fff;
}

.xgsx_list li:hover a {
  color: #ff332b;
}

/* part4 */
.part4 {
  padding-bottom: 50px;
}

.video {
  margin-bottom: 30px;
}

.video_con {
  overflow: hidden;
}

.video_list {
  width: 110%;
}

.video_list li {
  width: 380px;
  float: left;
  margin-right: 30px;
  height: 200px;
  overflow: hidden;
  position: relative;
  background: #000;
}

.video_list li a {
  position: relative;
  display: block;
  height: 100%;
}

.video_list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.95;
}

.video_list li a::after {
  content: '';
  display: block;
  width: 51px;
  height: 51px;
  background: url(/uiFramework/commonResource/image/2024111110574472296.png) no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-left: -20px;
  margin-top: -20px;
}

/*三色块区域*/
.m_area{width:1200px;padding:0 0 60px;margin:0 auto}
.left_part2{float:left}
.m_area_jiage{padding-bottom:30px}
.left_part3{background:url(bfqzcnbt_bg.png) 0 0 no-repeat;width:586px;height:516px}
.left_part2 .box{background:0;padding:20px 25px}
.box2 h2{font-size:36px;text-align:center;color:#ff3e01;text-decoration:none;margin:0 0 20px}
.left_part3 .box .list{padding:15px 40px}
.left_part3 .box .list li{border-top:1px solid #dadada;line-height:2em;white-space:inherit;background:url(bfqzcnbt_jiantou.png) 0 28px no-repeat;padding:15px 0 15px 15px}
.left_part3 .box .list li:nth-child(1){border:0}
.left_part3 .box .list li a{font-size:16px;}
.right_part3{background:url(sqztgn_bg.png) 0 0 no-repeat;height:313px}
.right_part2{float:right;width:586px}
.right_part2 .box{padding:15px;background:0}
.btn_list,.btn_list2{padding:25px 30px 30px}
.btn_list li{float:left;width:200px;height:55px;padding-left:30px;background:#e9e9e9 url(sqztgn_sqtj1.png) 50px center no-repeat;text-align:center;line-height:55px;font-size:20px;margin:0 9px 20px}
.btn_list li:hover{background:#ff580e url(sqztgn_sqtj2.png) 50px center no-repeat;font-weight:700}
.btn_list li:hover a, .btn_list2 li:hover a {color: #fff;}
.btn_list li:nth-child(2){background:#e9e9e9 url(sqztgn_sqsj1.png) 50px center no-repeat}
.btn_list li:nth-child(2):hover{background:#ff580e url(sqztgn_sqtj2.png) 50px center no-repeat}
.btn_list li:nth-child(3){background:#e9e9e9 url(sqztgn_blfs1.png) 50px center no-repeat}
.btn_list li:nth-child(3):hover{background:#ff580e url(sqztgn_blfs2.png) 50px center no-repeat}
.btn_list li:nth-child(4){background:#e9e9e9 url(sqztgn_sfbz1.png) 50px center no-repeat}
.btn_list li:nth-child(4):hover{background:#ff580e url(sqztgn_sfbz2.png) 50px center no-repeat}
.btn_list li a{font-size:20px;}
.right_part4{background:url(jzgntf_bg.png) 0 0 no-repeat;height:203px;width:590px}
.btn_list2 li{height:55px;width:230px;float:left;background:#e9e9e9;margin:0 10px 20px;line-height:55px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#2e2c2c;text-align:center;font-size:20px}
.btn_list2 li:hover{background:#ff580e}
.btn_list2 li a{font-size:20px;}


@media (max-width: 1200px) {
*{box-sizing: border-box;}
.w{width:95%;}
.banner img.ban-box{height:auto;}
#part1L{width:48%;}
#part1R{width:48%;}
.part1R{width:100%;}

.m_area{width:95%}
.left_part3{width:48%;background-size: 100% 100%;}
.right_part2{width:48%;background-size: 100% 100%;height:auto;}
.btn_list li{background: #e9e9e9 url(sqztgn_sqtj1.png) 20px center no-repeat;}
.btn_list li:hover{background:#ff580e url(sqztgn_sqtj2.png) 20px center no-repeat;}
.btn_list li:nth-child(2){background:#e9e9e9 url(sqztgn_sqsj1.png) 20px center no-repeat}
.btn_list li:nth-child(2):hover{background:#ff580e url(sqztgn_sqtj2.png) 20px center no-repeat}
.btn_list li:nth-child(3){background:#e9e9e9 url(sqztgn_blfs1.png) 20px center no-repeat}
.btn_list li:nth-child(3):hover{background:#ff580e url(sqztgn_blfs2.png) 20px center no-repeat}
.btn_list li:nth-child(4){background:#e9e9e9 url(sqztgn_sfbz1.png) 20px center no-repeat}
.btn_list li:nth-child(4):hover{background:#ff580e url(sqztgn_sfbz2.png) 20px center no-repeat}
.btn_list li{padding-left:30px;width: 45%;margin: 0 2% 20px;}
.btn_list2 li{width:70%;margin-left:15%;}

.video_list li{margin-bottom:30px;}



}

@media (max-width: 768px) {
#part1L{width:100%;padding: 20px;}
.part1L li{padding-left:0;}

#part1R{width:100%;}
.phone{padding-bottom:20px;}
.slideTxtBox{padding:10px 0;}
.slideTxtBox .hd .ul li{padding:0 10px;font-size:14px;white-space: nowrap;width: 50%;}
.left_part3{width:100%;}
.right_part2{width:100%;}
.btn_list, .btn_list2{padding:10px 10px 10px;display: flex;flex-wrap: wrap;}
.box2 h2{font-size:25px;}
.btn_list li{height: 45px;line-height: 45px;margin-bottom: 10px;float: none;}
.btn_list li a{font-size:18px;}
.btn_list2 li{float:none;height: 45px;line-height: 45px;margin-bottom: 10px;}

.left_part3 .box .list{padding: 15px;}
.gongnuanL, .gongnuanR{width:100%;}

.video_list{width:100%;}
.video_list li{width:48%;margin-right:4%;margin-bottom:20px;}
.video_list li:nth-child(2n){margin-right:0;}



}