.banners-pc{ clear:both; font-size:0;}
.banners-pc { clear: both; height:850px;}
.banners-pc .frame { height:850px; background: no-repeat center center; background-size: cover; }

.banners-mb{ clear:both; font-size:0;}
.banners-mb { display: none; clear: both; height: 850px; }
.banners-mb div { height: 100%; }
.banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover; }
.banners-pc .slick-dots li button{border:solid #f5883b 1px; width:10px; height:12px; opacity:0.7; background: none;}
.slick-dots li.slick-active button{ opacity:1; background:#f5883b;}

.banners-pc { position:relative;}
.banners-pc .mode1{ position:absolute; top:25%;}
.banners-pc .mode1 .p1{ margin-bottom:20px; font-size:62px; color:#fff; font-weight:bold;}
.banners-pc .mode1 .p2{ margin-bottom:20px; font-size:20px; color:#fff; font-weight:normal; line-height:26px;}
.banners-pc .mode1 .btn{ }
.banners-pc .mode1 .btn .box{ background:#790a05; padding:20px 50px; font-size:12px; color:#fff;display:inline-block;}

.banners-mb .frame{ position:relative; }
.banners-mb .frame .mode1{ margin:0 auto; position:absolute; top:5%; left:0; right:0; text-align:center;}
.banners-mb .frame .mode1 .p1{ margin-bottom:20px; font-size:16px; color:#fff; font-weight:bold;}
.banners-mb .frame .mode1 .p2{ margin-bottom:20px; font-size:15px; color:#fff; font-weight:normal; line-height:26px;}
.banners-mb .frame .mode1 .btn{ }
.banners-mb .frame .mode1 .btn .box{ background:#790a05; padding:20px 50px; font-size:12px; color:#fff;display:inline-block;}
pc{ display: block; }
	.phone{ display: none; }

@media (max-width: 1024px) {
	.banners-pc { display: none; }
	.banners-mb { display: block; }
	.pc{ display: none; }
	.phone{ display: block; }
}

.prc_list{}
.prc_list .bg{ background:#232323; height:620px; width:100%;}
.prc_list .lt{ margin-top:-275px; margin-bottom:40px; position:relative; overflow:hidden;}
.prc_list .lt .list{}
.prc_list .lt .list li{ width:25%; float:left;}
.prc_list .lt .list li .box{ padding:18px 62px; background:#790a05; display:inline-block; text-align:center; width:100%;}
.prc_list .lt .list li .no{ background:#fff;}
.prc_list .lt .list li .box .pic{ margin:0 auto; margin-bottom:25px; width:175px; height:175px; overflow:hidden; border-radius:200px; border: solid #fff 3px;}
.prc_list .lt .list li .box .p1{ margin-bottom:26px; padding:5px 23px; background:#fff; display:inline-block; font-size:15px;}
.prc_list .lt .list li .box .p2{ margin-bottom:28px; font-size:14px; color:#fff; line-height:24px; overflow:hidden; height:8.5em;}
.prc_list .lt .list li .box .btn{ color:#fff; font-size:14px;}
.prc_list .lt .list li .box .btn span{padding-top: 2px; font-weight: bold; margin-bottom: -4px; display: inline-block; overflow: hidden;}

.prc_list .lt .list li:nth-child(2n+2) .box{ background:#fff;}
.prc_list .lt .list li:nth-child(2n+2) .no{ background:#fff;}
.prc_list .lt .list li:nth-child(2n+2) .box .pic{  border: solid #790a05 3px;}
.prc_list .lt .list li:nth-child(2n+2) .box .p1{  background:#790a05; color:#fff;}
.prc_list .lt .list li:nth-child(2n+2) .box .p2{ color:#333333;}
.prc_list .lt .list li:nth-child(2n+2) .box .btn{ color:#333333; }
.prc_list .prc_tel{ font-size:36px; font-weight:bold; text-align:center; color:#fff;}

@media (max-width: 1024px) {
.prc_list .bg{ padding:30px 0; height:auto; overflow:hidden;}
.prc_list .lt { margin-top:0;}
.prc_list .lt .list li{ width:50%;}
.prc_list .lt .list li:nth-child(3n){ clear:both; float:right;}
.prc_list .lt .list li .box { padding:30px;}
.prc_list .lt .list li .box .p2{ height:3.5em;}
}
@media (max-width: 667px) {
.prc_list .lt .list li{ width:50%;}
.prc_list .lt .list li .box{text-align: unset;}
.prc_list .lt .list li .box .pic{ margin:auto; margin-right:30px; float:left; width: 100px;height: 100px;}
.prc_list .lt .list li .box .p1{ margin-top:25px; margin-bottom:15px; width:130%; padding:0; margin:0; text-align:center; margin-top:20px; font-size:12px;}
.prc_list .lt .list li .box .p2{ margin-bottom:10px;}
.prc_list .prc_tel{ font-size:18px;}
.g_mt {
    margin-top: 20px;
}
}

@media (max-width: 500px) {
.prc_list .lt .list li .box { text-align:center;}
.prc_list .lt .list li .box .pic{ margin:0 auto; float:none;}
}

.about{}
.about .left{ height:710px; width:50%; background: no-repeat center center; background-size: cover; display:inline-block; float:left; }
.about .left .mode{ margin-right:65px; padding-top:190px; float:right;}
.about .left .mode .ico{ margin-bottom:-20px;}
.about .left .mode .ico img{ width:160px;}
.about .left .mode .p1{ margin-bottom:25px; font-size:46px; font-weight:bold; color:#303030;}
.about .left .mode .p1 span{ margin-top:-15px; display:block; color:#790a05;}
.about .left .mode .p2{ font-size:24px; font-weight:normal; color:#303030;}
.about .left .mode .p2 em{ margin-top:3px; border-top: solid #303030 2px; display:block; width:260px;}

.about .right{ height:710px; width:50%; background: no-repeat center center; background-size: cover; display:inline-block; }
.about .right .mode1{ margin-left:65px; padding-top:70px;float:left;}
.about .right .mode1 .p1{ margin-bottom:-40px; font-size:60px; color:#e5e5e5; font-weight:bold;}
.about .right .mode1 .p2{ margin-bottom:40px; font-size:30px; color:#333333;}
.about .right .mode1 .p3{ margin-bottom:40px; line-height:26px; width:520px;}

.about .right .mode1 .list{ margin-bottom:100px; display:inline-block;}
.about .right .mode1 .list li{ margin-right:40px; float:left;}
.about .right .mode1 .list li .box{ height:90px; width:90px; text-align:center; background:#fff; display:block; border-radius:90px;box-shadow:-4px 2px 2px -1px #dfb330; }
.about .right .mode1 .list li .box .ico{ margin-bottom:10px; line-height:90px;}
.about .right .mode1 .list li .box .ico img{ width:50px; vertical-align:middle;}
.about .right .mode1 .list li .box .p4{ font-size:14px; color:#333333;}

.about .right .mode1 .btn{ display:block;}
.about .right .mode1 .btn .box{ padding:15px 50px; font-size:12px; color:#fff; background:#790a05; display:inline-block;}

@media (max-width: 1024px) {
.about .left{ width:100%;}
.about .left .mode{ margin-right:0; padding:90px 10px 0 10px;}
.about .right{width:100%;}
.about .right .mode1{ margin-left:0; padding:70px 10px 0 10px;}
.about .right .mode1 .p3{ width:auto;}
}

@media (max-width: 667px) {
.about .left{ display:none;}
.about .left .mode{ padding-top:0; text-align:right;}
.about .left .mode .p2 em{ width:auto; overflow:hidden;}

.about .right{ padding:20px 0; height:auto; overflow:hidden;}
.about .right .mode1{ padding:0 10px;}
.about .right .mode1 .list{ width:100%;}
.about .right .mode1 .list li{ margin-right:0; width:33.33%; text-align:center;}
.about .right .mode1 .list li .box{ display:inline-block;}
.g_mb{    margin-bottom: 10px;}
.news{ padding:10px 0 !important;}
.news .lt .list li .box .mode{    padding: 16px !important;}
.news .lt .list li:nth-child(3){ display:none !important;}
}

@media (max-width: 400px) {
.about .right .mode1 .list li{ margin-bottom:20px; width:33.33%;}
.about .right .mode1 .list li:nth-child(3n){ margin-bottom:0;}
}

.case{}
.case .lt{}
.case .lt .list{ width:100%;}
.case .lt .list li{ width:20%; float:left;}
.case .lt .list li .box{ position: relative; display:block;}
.case .lt .list li .box .pic{height:100px; background-size: cover;}
.case .lt .list li .box .mode{ position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(250,178,0,0.4); opacity:0;}
.case .lt .list li .box .mode .tel{ padding:0 10px; position:absolute; left:0; right:0; top:50%; margin-top:-53px; text-align:center;}
.case .lt .list li .box .mode .tel .p1{ margin-bottom:20px; font-size:26px; color:#fff; font-weight:bold;}
.case .lt .list li .box .mode .tel .btn{ padding:10px 20px; border:solid #fff 1px; display:inline-block; color:#fff;} 

.case .lt .list li:nth-child(3n){ width:33%;}
.case .lt .list li:nth-child(5n){ width:7%;}
.case .lt .list li:nth-child(5n) .mode{ opacity:1; background:rgba(250,178,0,1); text-align:center;}
.case .lt .list li:nth-child(5n) .mode .ico{ margin-top:-23px; position:absolute; top:50%; left:0; right:0; }
.case .lt .list li:nth-child(5n) .mode .ico img{ width:40px;}

.case .lt .list li:hover .box .mode{ opacity:1;transition: ease .3s;}
.case .lt .list li .on .mode{ opacity:1;}
 
@media (max-width: 1024px) {
.case .lt .list li{ width:50%;}
.case .lt .list li:nth-child(3n){ width:50%;}
.case .lt .list li:nth-child(5n){ width:100%;}
.case .lt .list li:nth-child(5n) .box{}
.case .lt .list li:nth-child(5n) .box .mode{ padding:40px 0; position:static;}
.case .lt .list li:nth-child(5n) .box .pic{ height:auto;}
.case .lt .list li:nth-child(5n) .mode .ico{ margin-top:0; position:static;}
}
@media (max-width: 800px) {
.case .lt .list li{ width:50%;}
.case .lt .list li:nth-child(3n){ width:50%;}
}

@media (max-width: 500px) {
.case .lt .list li{ width:50%;}
}

.product{}
.product .nav_lt{ margin-bottom:30px; overflow:hidden;}
.product .nav_lt .nav_a{ text-align:center;}
.product .nav_lt .nav_a li{ margin:0 3px; display:inline-block; text-align:center;}
.product .nav_lt .nav_a li .box{ padding:10px 38px; border: solid #e5e5e5 1px; border-radius:20px; display:inline-block;}
.product .nav_lt .nav_a li:hover .box{ background:#790a05; border: solid #790a05 1px; color:#fff;} 
.product .nav_lt .nav_a li .on{ background:#790a05; border: solid #790a05 1px; color:#fff;} 

.product .pro_lt{ margin-left:-27px;}
.product .pro_lt .list{}
.product .pro_lt .list li{ margin-bottom:27px; padding-left:27px; width:25%; float:left;}
.product .pro_lt .list li .box{ border:solid #e4e4e4 1px; display:block;}
.product .pro_lt .list li .box .pic{height:320px; background: no-repeat center center; background-size: cover;}
.product .pro_lt .list li .box .mode{ padding:27px 0; background:#fff; text-align:center;}
.product .pro_lt .list li .box .mode .p1{ margin-bottom:10px; font-size:16px; color:#333; font-weight:bold;}
.product .pro_lt .list li .box .mode .p2{ font-size:14px; color:#333;}

.product .pro_lt .list li:hover .box{ border:solid #790a05 1px; transition: ease .3s;}
.product .pro_lt .list li .on{ border:solid #790a05 1px; transition: ease .3s;}

@media (max-width: 1024px) {
.product .nav_lt{ margin-left:-10px;}
.product .nav_lt .nav_a li{ margin:0 auto; margin-bottom:10px; padding-left:10px; width:25%; float:left;}
.product .nav_lt .nav_a li .box{ padding:10px 0; display:block;}

.product .pro_lt{ margin-left:-10px;}
.product .pro_lt .list li{ padding-left:10px; width:33.33%;}
}
@media (max-width: 667px) {
.product .nav_lt .nav_a li{ width:33.33%;}
.product .pro_lt .list li{ width:50%;}
.product .pro_lt .list li .box .pic{ height:130px}
.product .pro_lt .list li .box .mode .p1{    font-size: 12px;}
.product .pro_lt .list li .box .mode{ padding:10px 0;}
}


@media (max-width: 500px) {
.product .nav_lt .nav_a li{ width:50%;}
.product .pro_lt .list li{ width:50%;}
}

.ct{ margin:23px 0 50px 0;}
.ct .pic1 { display: block; }
.ct .pic2 { display: none; }
@media (max-width: 1024px) {
.ct .pic1 { display: none; }
.ct .pic2 { display: block; }
}

.news{ padding:50px 0; background:#f5f5f5; overflow:hidden;}
.news .lt{ margin-left:-30px; margin-bottom:30px; overflow:hidden;}
.news .lt .list{}
.news .lt .list li{ padding-left:30px; width:33.33%; float:left;}
.news .lt .list li .box{ background:#fff; display:block;}
.news .lt .list li .box .pic{height:280px; background: no-repeat center center; background-size: cover;}
.news .lt .list li .box .mode { padding:30px; background:#fff; display:block;}
.news .lt .list li .box .mode .tm{ margin-bottom:15px; font-size:14px; color:#790a05;}
.news .lt .list li .box .mode .p1{ margin-bottom:15px; font-size:16px; color:#333333;}
.news .lt .list li .box .mode .p2{ font-size:14px; color:#888888; line-height:24px; overflow:hidden; height:5em;}

.news .lt .list li:hover .box .mode{ background:#790a05; transition: ease .3s;}
.news .lt .list li:hover .box .mode .tm{color:#fff;}
.news .lt .list li:hover .box .mode .p1{color:#fff;}
.news .lt .list li:hover .box .mode .p2{ color:#fff;}
.news .lt .list li .on .mode{ background:#790a05; transition: ease .3s;}
.news .lt .list li .on .mode .tm{color:#fff;}
.news .lt .list li .on .mode .p1{color:#fff;}
.news .lt .list li .on .mode .p2{ color:#fff;}

.news .btn{ text-align:center;}
.news .btn .box{ padding:15px 55px; background:#790a05; color:#fff; display:inline-block;}

@media (max-width: 1024px) {
.news .lt{ margin-left:-10px;}
.news .lt .list li{ padding-left:10px;}
}

@media (max-width: 800px) {
.news .lt .list li{ margin-bottom:10px; width:50%;}
}
@media (max-width: 667px) {
.news .lt .list li{  width:50%;}
}

.swiper-container {
  width: 100%;
  height: 868px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 30px) / 2);

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border:1px solid #e4e4e4 ;
}