@charset "utf-8";
/* CSS Document */

/*banner*/
#i_banner { position: relative; z-index: 0;}
#i_banner .swiper-container { max-width: 1920px; margin: 0 auto;}
#i_banner .swiper-slide { position: relative; z-index: 0;}
#i_banner .pic { position: relative; z-index: 0; padding-top:650px;}
#i_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}

#i_banner .swiper-pagination { left: 9.3%; right: 9.3%; width: auto;
 bottom: 1em; display: flex; justify-content:center; align-items: center;}
 #i_banner .swiper-pagination-bullet {  margin: 0 3px;
 background-color:#fff;
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; width: 30px; height: 3px;
-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}
#i_banner .swiper-pagination-bullet-active { 
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}


.picSList { position: absolute; z-index: 20; left: 0; right: 0; bottom: 2em; }
.picSList ul { display: flex; justify-content: flex-start; align-items: flex-start;}
.picSList ul li { width: 24.4%; margin-right: 0.8%; 
transition: all 0.2s;
-webkit-transition:all 0.2s;
position: relative; z-index: 0; color: #fff;}
.picSList ul li:hover {-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);}
.picSList ul li:nth-child(4n) { margin-right: 0;}
.picSList ul li .picb { position: relative; z-index: 0; padding-top: 43.33%;}
.picSList ul li .picb img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: contain;}
.picSList ul li .txtb { text-align: left; position: absolute;
 left: 2em; top: 2em; right: 2em;
bottom: 1.5em;}
.picSList ul li .txtb .name { font-weight: bold;}
.picSList ul li .txtb .btnDetail { cursor: pointer; margin-top: 0.7em; padding: 0 1.2em;
border: 1px solid #fff; line-height: 2.4; display: inline-block;
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; color: #fff;
}


.speBox { margin-top: 2.7em;}
.speBox .titD{font-weight: 700; color: #333; text-shadow: 0 2px 3px rgb(0 0 0 / 55%); font-size: 40px}

.speBox .inputW { margin-top: 0.4em;}
.speBox .input { font-size: 1em; padding: 0 1em; max-width: 100%;  width: 400px;
    border: 1px solid #000;font-weight: 400;
    line-height: 2.6em; height: 2.6em;
    color: #495057;
	    border-radius: 0.25rem;
	    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.speBox .input:focus {
		    color: #495057;
		    background-color: #fff;
		    border-color: #ff3f3f !important;
		    outline: 0;
		    box-shadow: 0 0 0 0.1rem #ff3f3f86 !important;
		}
		

.speBox .tab { margin-top: 1em; text-align: center; line-height: 2; color: #343a40;}
.speBox .tab a ,.speBox .tab span  { display: inline-block;
margin: 5px 4px;
    min-width: 45px;
    border-radius: 25px;
	padding: 1px 0.8em 0 ;
	    font-size: 0.875rem;
	  color: #343a40;
		border: 1px solid #343a40;
		transition: all 0.5s;
		-webkit-transition:all 0.5s;}
.speBox .tab a:hover {
	background-color: #343a40; color: #fff;
}
.speBox .tab .red { background-color: #dc3545; border: 1px solid #dc3545; color: #fff;}
 

.speBox .tit { padding-left: 0.8em; text-align: left; line-height: 1.2em;
 border-left:4px solid #b5945b ; color: #333;
 display: flex; justify-content: flex-start; align-items: center;}
.speBox .tit .name{}
.speBox .tit .btnGoBack{ display: inline-block; line-height: 2; padding: 0 0.9em;
 cursor: pointer;color: #fff; background-color: #ca4242;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
 .speBox .list { margin-top: 1.7%;}
.speBox ul { display: flex; flex-wrap: wrap; 
justify-content: flex-start; align-items:stretch;}
.speBox ul li { width: 24.1%; margin-right: 1.2%;  margin-top: 1.2%;
position: relative; z-index: 0; color: #333;
background-color: #fff;}

.speBox ul li:nth-child(4n) { margin-right: 0;}
.speBox ul li .picb { display: block; cursor: pointer;
 position: relative; z-index: 0; padding-top: 55%; overflow: hidden;
 transition: all 0.2s;
 -webkit-transition:all 0.2s;}
 .speBox ul li:hover .picb img {-ms-transform: scale(1.05, 1.05);
 	-webkit-transform: scale(1.05, 1.05);
 	transform: scale(1.05, 1.05);}
.speBox ul li .picb img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: contain;
 transition: all 0.2s;
 -webkit-transition:all 0.2s;
}
.speBox ul li .picb .jingpin { position: absolute; top: 0; right: 0;
width: 35%; padding-top: 35%; z-index: 2;
background: url(../images/jingpin.gif) center center no-repeat;
background-size:contain ;}
.speBox ul li .picb .refu { position: absolute; top: 0; right: 0;
width: 35%; padding-top: 35%;z-index: 2;
background: url(../images/refu.gif) center center no-repeat;
background-size:contain ;}
.speBox ul li .nameW { position: relative; z-index: 0;}
.speBox ul li .name { margin-right: 1.5em; font-weight: bold; margin-bottom: 0.4em; height: 1.5em; overflow: hidden;padding: 1em 1em 0em 1em; text-align: left;}

.speBox ul li .txtb {  position: relative; z-index: 0;  text-align: left;}
.speBox ul li .fav {
    cursor: pointer;
    position: absolute;
    right: 0.8em;
    top: 1.1em;
    width: 1.5em;
    height: 1.5em;
    background: url(../images/fav_1.png) center center no-repeat;
    background-size: contain;
}
.speBox ul li .fav_on {
    background-image: url(../images/fav_2.png);
}
.speBox ul li .txtb .items {  overflow: hidden; height: 25px;
margin:8px 0 5px;line-height:20px;  word-break:break-all;  font-size: 14px; 
 color: #333;  border-bottom: 1px dashed #d9d5d6;padding:0 10px 0; font-weight:400;}
.speBox ul li .txtb .items img{vertical-align: middle; margin-right: 0.3em;}
.speBox ul li .txtb .info { color:#ff0000; }
.speBox ul li .txtb .kqtime { color:rgb(204, 122, 32); }
.speBox ul li .txtb .btn {height: 38px;  display:flex;
justify-content: space-between; align-items: center;}
.speBox ul li .txtb .btn a {  display:block; width:99px; height:32px;
 overflow:hidden;background-repeat: no-repeat; justify-content:space-between;}
.speBox ul li .txtb .btn a.a1 {background-image:url(../images/btn1.png) }
.speBox ul li .txtb .btn a.a2 {background-image:url(../images/btn2.png) }
.speBox ul li .txtb .btn a.a3 {background-image:url(../images/btn3.png) }
.speBox ul li .txtb .btn a:hover { background-position-y: -33px;}
.body { line-height:1.8; font-size:16px; text-align:left; padding:20px 0 }
.hide{visibility: hidden;}