

.titleimg { margin: 50px auto 30px; text-align: center;}
.titleimg h2 { display: none;}
.custom-made { margin-bottom: 20px;}
.custom {}
.custom .swiper-pagination-bullet,.banner .swiper-pagination-bullet { width: 40px; height: 3px; border-radius: 0;}
.custom .swiper-pagination-bullet-active,.banner .swiper-pagination-bullet-active { background-color: #fff}


.tjList { display: -webkit-flex; display: flex;}
.tjList:last-of-type { flex-direction: row-reverse;}
.tjList .item { flex: 1; position: relative; height: 410px;}
.tjList .item:first-of-type { flex: 2;}
.tjList .item .img { overflow: hidden;height: 100%; z-index: 99;;}
.tjList .item .img img { width: 100%; height: 100%; transition: all .3s;}
.tjList .item .info { z-index: 100; position: absolute; left: 0; top: 0; padding: 328px 40px 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); transition: all .3s;}
.tjList .item .info .line { margin-bottom: 20px; width: 40px; border: solid 2px #dc7725; }
.tjList .item .info h2 { color: #fff;}
.tjList .item:hover .info{ background-color: rgba(0,0,0,.4)}
.tjList .item:hover .img img {transform: scale(1.05)}

#index-case { background-color: #efefef;}
.caseSwiper .name { display: block; text-align: center; height: 58px; line-height: 58px;;}
.caseSwiper .img { overflow: hidden; height: 310px; border-bottom: solid 5px #cc0005;}
.caseSwiper .img img { width: 100%; height: 100%; transition: all .3s;}
.caseSwiper .swiper-pagination { position:  static; display: flex; height: 0; border: 2px solid #666; margin: 55px auto; padding: 0 20px;}
.caseSwiper .swiper-pagination-bullet { flex: 1; margin: 0 !important; margin-top: -4px !important; border-radius: 5px; background:none;}
.caseSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {  background-color: #333;}
.caseSwiper:hover .name { color: #cc0005;}
.caseSwiper .swiper-slide:hover img {transform: scale(1.05)}

.index-about { display: -webkit-flex; display: flex; margin-top: 80px;}
.index-about .img { flex:0 0 1000px;}
.index-about .info { flex: 1; padding: 0 80px; background-color: #f2f2f2;}
.index-about .info h2 { margin-top: 70px; font-size: 36px;}
.index-about .info .line {margin-top: 16px; width: 40px; border: solid 2px #cc0005;}
.index-about .info p { margin-top: 40px; line-height: 32px;}
.index-about .info a { display: inline-block; margin-top: 60px; width: 180px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #fff; background-color: #000; border-radius: 8px; }
.index-about .info a span { display: inline-block; margin-left: 20px; color: #cc0005; transform: rotate(-180deg)}

.pzListbox { position: relative;}
.pzList { display: -webkit-flex; display: flex; margin-bottom: 20px;}
.pzList .item { flex: 1; padding: 0 50px; text-align: center; border-right: solid 1px #dedede; cursor: pointer;}
.pzList .item:nth-of-type(1) { background: url('../images/f1.jpg') top center no-repeat;}
.pzList .item:nth-of-type(2) { background: url('../images/f2.jpg') top center no-repeat;}
.pzList .item:nth-of-type(3) { background: url('../images/f3.jpg') top center no-repeat;}
.pzList .item:nth-of-type(4) { background: url('../images/f4.jpg') top center no-repeat; border-right: none;}
.pzList .item h2 { margin-top: 80px; margin-bottom: 20px;; font-size: 24px;}
.pzList .item a span {display: inline-block; margin-left: 10px; transform: rotate(-180deg); transition: all .3s; }
.pzList .item:hover a,.pzList .item:hover h2 { color: #cc0005;}

.pzListInfo {display: none; z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); }
.pzListInfo .item { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding: 20px 3%; width: 980px; height: 500px; line-height: 28px; background-color: #fff; box-shadow: 0 15px 15px #666; border-radius: 20px 20px; }
.pzListInfo .item h2 { font-size: 20px; font-weight: bold;}
.pzListInfo .item p { margin-top: 10px;}
.pzListInfo .item span { position: absolute; right: 3%; top: 3%; cursor: pointer; font-weight: bold; }
.pzListInfo .item span:hover {color: #cc0005;}
