@charset "utf-8";

/*banner 首页*/
.banner_home{position: relative;}

.banner_home .home_number_show{ position: absolute; right: 0; bottom: 0;background: rgba(195, 25, 32, .95); width: 30%;z-index: 2; padding-top: 0.2rem; padding-bottom: 0.2rem; }
.banner_home .home_number_show li{ display:inline-block; width:32%; text-align:center; border-right:#cd373e 1px solid;}
.banner_home .home_number_show li:last-child{border:none;}
.banner_home .home_number_show li .txt{ font-size:0.14rem; line-height:1; margin-bottom:0.15rem;color: rgba(255,255,255,0.8);}
.banner_home .home_number_show li .titile_show{ font-size:0.36rem; line-height:1;color:#fff;font-family: 'Swiss721BTBlackCondensed';}


.banner_home .item{ position: relative; height: 800px;  background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner_home .item::after {
  content: '';
  position: absolute;
  left:0%;
  bottom:0; top: 0;
  z-index: 0;
  width:50%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}
.banner_home .item .text{ position: absolute; left:10%; top: 50%; width:80%; text-align: left; color: #ffffff; margin-top:-100px; line-height: 1.5; z-index: 2}
.banner_home .item .text h5{font-weight: bold; font-size: 50px; margin-bottom: 30px;text-transform:uppercase;text-shadow:#000000 1px 1px 6px}
.banner_home .item .text p{font-size:20px; margin-bottom:50px;text-transform:uppercase;text-shadow:#000000 1px 1px 6px}
.banner_home .item .text a{ display: inline-block;}
.banner_home .item .text a:hover{}
.banner_home .item .text a img{ max-width: 0.5rem}

.banner_home .item.slick-current h5{ position: relative; animation: fadeInDown  2s ease; animation-fill-mode: both;display: inline-block;}
.banner_home .item.slick-current h5::after {
  content: '';
  position: absolute;
  right:-0.7rem;
  top: 50%;
  z-index:2;
  width: 0.4rem;
  height: 2px;
  background-color: #fff;
}
.banner_home .item.slick-current{}
.banner_home .item.slick-current p{animation: fadeInUp  2s ease; animation-fill-mode: both;}
.banner_home .item.slick-current a{animation: fadeInUp  2s ease; animation-fill-mode: both;}
.banner_home .slick-dots{ bottom:30px}
.banner_home .slick-dots li button{ height: 10px; width: 10px; margin: 0 5px}
.banner_home .slick-dots li.slick-active button {
    background: #c3181f;
}
.index-banner .item.on .bg {
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
  -webkit-transition: all 4s ease 0s;
  transition: all 4s ease 0s;
}

.home_titile_show{ margin-bottom: 0.6rem; font-size: 0.36rem; font-weight: bold;line-height: 1;}
.home_titile_show span{ position: relative; padding-left: 0.2rem;line-height: 1;}
.home_titile_show span::after {
  left: 0%;
position: absolute;
top: 50%;
content: " ";
width: 5px;
height: 0.36rem;
background-color: #c3181f;
border-radius: 10px;
-webkit-transition: .3s;
transition: .3s;
margin-top: -0.18rem;
}

.case_home_show{ position: relative; margin-top: -0.6rem;}

.case_home_lists{position: relative}
.case_home_lists .case_titile{ position: absolute; left:0rem; top: 0; width:12%; height: 100%; background-color: #c3181f; color: #fff; font-size: 0.60rem; font-weight: bold;writing-mode: vertical-lr; padding-left: 6%;text-align: center;letter-spacing: 0.3rem;}
.case_home_lists .item { position: relative}
.case_home_lists .item::after {
  left: 0%; right: 0; bottom: 0; height: 100%;
position: absolute;
top:0%;
content: " ";
width:100%;
background: rgba(0, 0, 0, .2);
-webkit-transition: .3s;
transition: .3s;
}
.case_home_lists .item .img_back{height: 7rem;
width: 100%;background-position: center center;
background-repeat: no-repeat;
background-size: cover;}
.case_home_lists .item .font_show{ position: absolute; left:6%; width: 90%; bottom:8%; color: #fff; z-index: 2; border-left:#fff 3px solid; padding-left: 0.3rem; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.case_home_lists .item .font_show h3{ font-size: 0.24rem; font-weight: bold; margin-bottom: 1.6;}
.case_home_lists .item .font_show .txt{ line-height: 2; margin-right: 40%;color: rgba(255,255,255,0.9);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
text-overflow: ellipsis;}


.case_home_lists  .slick-prev{position: absolute;
right: 0;
bottom: 0;
background: url("../images/left_btn.png") center center no-repeat;
  background-size: auto;
width: 0.6rem;
height: 0.6rem;
background-size: cover;
border: 0;
left: inherit;
margin-bottom: 0;
margin-right: 0.6rem;
top: initial;}
.case_home_lists  .slick-next { position: absolute; right: 0; bottom: 0; background: url("../images/right_btn.png") center center no-repeat; width: 0.6rem; height: 0.6rem; background-size: cover;border: 0;top: inherit;}


.abouts_home_show{ position: relative; background: #fff  url("../images/back_about_home.jpg") center bottom no-repeat; background-size: auto 100%; padding-top: 2rem; padding-bottom: 2.5rem;}
.abouts_home_show .about_img_show{ position: absolute; right: 0; top: 0; height: 100%;width: 30%;  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


.abouts_home_show .miaoshu{ font-size: 0.17rem; line-height: 2; margin-bottom: 0.5rem;color: rgba(44,52,78,0.9);display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis; margin-right:40%;}
.abouts_home_show .moresd  img {
  max-width: 0.5rem;
}



.news_home_show{ background-color: #f3f4f9; padding-top: 1rem; padding-bottom: 1rem;}
.news_home_show .new_home_lists{ text-align: left}
.new_home_lists  li{ display: inline-block; vertical-align: top; width: 46%; margin-right: 3%; margin-bottom: 3%; background-color: #fff; box-shadow: 0 6px 13px 0 rgba(69,69,69,0.06); }
.new_home_lists  li:nth-child(2n){ margin-top: -0.7rem;}
.new_home_lists  li .home_new_img{width: 100%;
height:4rem;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.new_home_lists  li .font_show{ padding: 0.4rem;}
.new_home_lists  li .font_show h3{ font-size: 0.22rem; font-weight: bold; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; line-height: 1.4; margin-bottom: 0.2rem;}
.new_home_lists  li .font_show .txt{ white-space: nowrap; overflow: hidden;text-overflow: ellipsis;margin-bottom: 0.2rem;}
.new_home_lists  li .font_show .more img{ max-width: 0.4rem;}


.zeren_home{width: 100%;
background-position: center center;
background-repeat: no-repeat;
height: 6rem;
background-size: cover; color: #fff; text-align: center}
.zeren_home .fonts-show{  padding-top:1.4rem;text-shadow: 0px 0px 10px #999;}
.zeren_home .fonts-show h3{ position: relative; font-size: 0.4rem; margin-bottom: 0.6rem;font-weight: bold;}
.zeren_home .fonts-show h3::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0.3rem;
  z-index: 0;
  width: 0.4rem;
  height: 4px;
  background-color: #fff;
  margin-left:-0.2rem;
}
.zeren_home .fonts-show .home_zeren_descipe{ font-size: 0.22rem; line-height: 2}


@media screen and (max-width: 768px)
{
	.banner_home .home_number_show{ width: 100%}
	.banner_home .item::after{ display: none}
	.banner_home .item .text h5{ font-size: 24px; margin-bottom: 15px;}
	.banner_home .item .text{margin-top:-50px;}
	.home_con01 {
    padding: 40px 0;
		padding-top: 60px;}
	.abouts_home_show .about_img_show {
    position: initial;
    right: 0;
    top: 0;
    height: 3rem;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
	.abouts_home_show{ padding-bottom: 1rem; padding-top: 0}
	.home_titile_show{ margin-top: 0.6rem}
	.abouts_home_show .miaoshu{ margin-right: 0}
	.abouts_home_show .moresd img {
    margin-bottom: 0.5rem;
}
	.case_home_lists .case_titile {
    position: initial;
    left: 0rem;
    top: 0;
    width: 90%;
    height: initial;
    background-color: #c3181f;
    color: #fff;
    font-size: 0.50rem;
    font-weight: bold;
    writing-mode: initial;
    padding-left: 0;
    text-align: center;
    letter-spacing: 0.3rem;
    margin: 0px auto;
}
	.case_home_lists .item .img_back{ height: 4rem}
	.case_home_lists .item .font_show h3 {
    line-height: 1.4;
}
	.case_home_lists .item .font_show h3 {
    font-size: 0.24rem;
    font-weight: bold;
    margin-bottom: 1.6;
    line-height: 1.4;
}
	.case_home_lists .item .font_show {
    position: absolute;
    left: 5%;
    width: 90%;
    bottom: 8%;
    color: #fff;
    z-index: 2;
    border-left: 0;
    padding-left: 0;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
	.case_home_lists .item .font_show .txt{ margin-right: 0}
	.news_home_show{ padding-top: 0}
	.new_home_lists li {
    display: block;
    vertical-align: top;
    width: 100%;
    margin-right: 0;
    margin-bottom: 3%;
}
	.new_home_lists li .home_new_img{ height: 3rem}
	.new_home_lists li:nth-child(2n) {
    margin-top: 0;
}
	.zeren_home{ height: 5rem}
	.banner_home .slick-dots {
    bottom: 1.2rem;
}
	
}