/****************************************栅格******************************************/

.thick-grid{font-size: 0;}

.thick-grid li{box-sizing: border-box;display:inline-block;font-size: 16px;transition: margin 0s !important;}

.thick-grid li img{display: block;width: 100%;}


/*--------------轮播--------------*/

.t_banner{white-space:nowrap;overflow: hidden;width: 100%;box-sizing: border-box;position: relative;}

.t_banner .thick_ban_x{width: 100%;overflow: hidden;}

/*------左右箭头------*/

.t_banner .left,.t_banner .right{width: 67px;height:105px;position: absolute;top:50%;margin-top: -52px;cursor: pointer;}

/*.t_banner .left{left:0;background: url(thick-l.png) no-repeat center;}*/

/*.t_banner .right{right:0;background: url(thick-r.png) no-repeat center;}*/

/*------选项卡------*/

.t_banner .t_banner-nav{display:none;position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;box-sizing: border-box;text-align: center;}

.t_banner .t_banner-nav li{width: 6px;height: 6px;background:rgba(0,0,0,0);border:1px solid #fff;display: inline-block;margin:0 5px;border-radius:50% ;cursor: pointer;}

.t_banner .t_banner-nav li.cur{background:#fff;}

.t_banner .thick_ban_x .img-b{display:block;}

.t_banner .thick_ban_x .img-s{display: none;}

@media only screen and (max-width:768px ) {

	.t_banner .thick_ban_x .img-s{display: block;}

	.t_banner .thick_ban_x .img-b{display: none;}

}

.t_banner-2{width:90%;overflow: hidden;}

.t_banner-2 .lunbo-box{overflow: hidden;padding: 5px 0;}

.t_banner-2 .lunbo-box li{margin-bottom:10px ;box-sizing: border-box;}

.t_banner-2 img{display: block;width: 100%;}

/*.t_banner-2 .left{width: 66px;height: 22px;background:url(../img/jt-top.jpg) no-repeat center;margin:10px auto;}*/

/*.t_banner-2 .right{width: 66px;height: 22px;background:url(../img/jt-bottom.jpg) no-repeat center;margin:10px auto;}*/





.thick-tab .nav-box li{cursor: pointer;}

.thick-tab-2 .nav-box .li{cursor: pointer;}





.thick-list .btnbox{width: 40px;height: 40px;background:url(../../images/nav-btn.png) no-repeat center;}





/****************************************更多的hover效果******************************************/

/*------------------更多一--------------*/

.thick-more-1{ position: relative;}

.thick-more-1 a{display: block; width: 100%; height: 100%;}

.thick-more-1 .k{ background: #ccc; position: absolute;top: 0;left: 0; width:0px; height: 100%; transition:0.4s;}

.thick-more-1:hover .k{ width: 100%;}

.thick-more-1:hover .z{ color: #fff;}

/*------------------更多二--------------*/

.thick-more-2{text-align:center;overflow:hidden; position: relative;}

.thick-more-2:hover .k1{ position:absolute;animation:moreleft 0.5s; -webkit-animation: moreleft 0.5s; z-index:1;animation-fill-mode:forwards;background:#f48732; }

.thick-more-2:hover .k2{ position:absolute;animation:moreright 0.5s; -webkit-animation: moreright 0.5s; z-index:1;animation-fill-mode:forwards ;background:#f48732;}

@keyframes moreleft{

	0%{  border-radius:50%;width:20%; height:80%; top:10%; left:0%;}

	40%{  border-radius:50%;width:20%;height:80%; top:10%; left:60%;}

	50%{  border-radius:50%;width:20%;height:80%; top:10%; left:60%;}

	100%{  width:100%; height:100%; top:0; left:0;background:#de5a08;}

	}

@keyframes moreright{

	0%{  border-radius:50%;width:20%; height:80%; top:10%;right:0%;}

	40%{  border-radius:50%;width:20%; height:80%;top:10%; right:60%;}

	50%{  border-radius:50%;width:20%; height:80%;top:10%; right:60%;}

	100%{  width:100%; height:100%;top:0;right:0;background:#de5a08;}

	}