/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - 头部及导航 - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header_top{background:#fff;color:#333; border-bottom:1px solid #eee;}
.header_top_inner{overflow:hidden;clear:both}
.header_top_inner .pull-left i{padding-right:9px}
.header_top_inner .pull-left a{line-height:40px;font-size:14px;color:#333;margin-right:22px;-webkit-transition:all 150ms linear;-o-transition:all 150ms linear;transition:all 150ms linear;text-decoration:none}
.header_top_inner .pull-left a:last-child{margin-right:0}

.header_social{margin-bottom:0;padding-left:0; display:inline-block}
.header_social li{display:inline-block;margin-right:16px}
.header_social li a{line-height:40px;font-size:14px;color:#333;-webkit-transition:all .4s linear 0s;-o-transition:all .4s linear 0s;transition:all .4s linear 0s;text-decoration:none}
.header_social li a:hover{opacity:.5}
.header_social li:last-child{margin-right:0}

.call-us{display:inline-block}
.call-us a{line-height:40px;font-size:14px;color:#333; letter-spacing:.45px;text-decoration:none;font-weight:600}
.call-us span{line-height:40px;font-size:14px;color:#333; letter-spacing:.45px;padding-right:10px}
.call-us span{border-left:1px solid #ddd;padding-left:20px; margin-left:20px;}

.tt-header{position:absolute;top:0;left:0;width:100%;background:#fff;z-index:101}
.tt-header .logo img.black,.stick.tt-header .logo img.black{display:inline-block;}
.tt-header .logo img.white,.stick.tt-header .logo img.white{display:none;}

.tt-header ul{padding-left:0;margin-bottom:0}
.tt-header .logo{display:inline-block;position:relative;line-height:67px;z-index:101;transition:none}
.tt-header .logo img{display:inline-block;max-width:100%;max-height:100%;width:auto;height:auto;vertical-align:middle}
.tt-header .main-nav>ul>li>a{font-size:14px;line-height:28px;color:#333;text-transform:initial;transition:none;}
.tt-header .main-nav>ul>li.active>a,.tt-header .main-nav>ul>li:hover>a{color:#df0b00;text-decoration:none}
.cmn-toggle-switch:focus{outline:0}
.tt-header .cmn-toggle-switch{display:none;position:relative;float:right;margin-top:12px;padding:0;width:25px;height:17px;cursor:pointer;z-index:101}
.tt-header .cmn-toggle-switch span{display:block;position:absolute;top:7px;left:0;right:0;height:3px;background:#333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tt-header .cmn-toggle-switch::after,.tt-header .cmn-toggle-switch::before{content:"";position:absolute;display:block;top:7px;left:0;width:100%;height:3px;background:#333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tt-header .cmn-toggle-switch::before{margin-top:-7px}
.tt-header .cmn-toggle-switch::after{margin-top:7px}
.tt-header .cmn-toggle-switch.active::before{-webkit-transform:translateY(7px) rotate(45deg);-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.tt-header .cmn-toggle-switch.active::after{-webkit-transform:translateY(-7px) rotate(-45deg);-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.tt-header .cmn-toggle-switch.active span{opacity:0}

.header1 .tt-header .main-nav>ul>li>a{ color:#fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 右侧浮动客服 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.toolbar{position:fixed;right:0;bottom:150px; z-index:999999;}
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat}
.toolbar-item{display:block;width:52px;height:52px;margin-bottom:0px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s}
.toolbar-item:hover .toolbar-layer{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -922px}
.toolbar-item-weixin:hover{background-position:0 -984px}
.toolbar-item-weixin .toolbar-layer{height:212px;}

.toolbar-item-feedback{background-position:0 -426px}
.toolbar-item-feedback:hover{background-position:0 -488px}

.toolbar-item-phone{background-position:0 -1046px}
.toolbar-item-phone:hover{background-position:0 -1108px}
.toolbar-item-phone .toolbar-layer{height:52px; line-height:52px; background:none; background-color:#df0b00; color:#fff; bottom:0px; text-align:center; font-weight:bold; font-size:14px;}

.toolbar-item-qq{background-position:0 -550px}
.toolbar-item-qq:hover{background-position:0 -612px}

.toolbar-item-app{background-position:0 -922px}
.toolbar-item-app:hover{background-position:0 -860px}
.toolbar-item-app .toolbar-layer{height:179px; bottom:22px;}

.toolbar-item-top{background-position:0 -674px}
.toolbar-item-top:hover{background-position:0 -736px}

.toolbar-layer{position:absolute;right:46px;bottom:0px;width:172px;opacity:0;transform-origin:95% 95%;-moz-transform-origin:95% 95%;-ms-transform-origin:95% 95%;-o-transform-origin:95% 95%;-webkit-transform-origin:95% 95%;transform:scale(.01);-moz-transform:scale(.01);-ms-transform:scale(.01);-o-transform:scale(.01);-webkit-transform:scale(.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 视频设置 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
video{display: block; position: relative; width: 100%; height: 100%;object-fit: cover;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Image Hover Effect 图片特效 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.image-zoom-on-hover{overflow:hidden}
.image-opacity-on-hover img,.image-zoom-on-hover img{transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out}
.image-zoom-on-hover:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.image-opacity-on-hover:hover img{opacity:.5}
.image-opacity-on-hover{background:#1e2434}
.image-gray-on-hover:hover img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}

.piclist{border:2px solid #fff; background:#fff; margin:15px 0px;}
.piclist h3{font-size:16px; font-weight:normal; margin:15px 0px;}
.piclist p{color:#666; margin-bottom:20px;}

.piclist3{border:0px solid #fff; background:none; margin:15px 0px;}

.piclist2{position:relative; margin:15px 0px;}
.piclist2 h3{ position:absolute; left:0; bottom:10px; color:#fff; display:inline-block; width:100%; text-align:left; line-height:20px; font-size:14px; font-weight:normal; opacity:.9; padding-left:20px; padding-right:20px; text-transform:inherit; }
.piclist2 h3 a{color:#fff;}
.piclist2 h3 a:hover{color:#fff; text-decoration:underline;}

.text-desc{position: absolute; left: 0; top: 0; height: 100%; opacity: 0; width: 100%; text-align:left; color:#fff }
.port-1{width: 100%; position: relative; overflow: hidden; cursor:pointer; display:block; margin:10px 0px;}
.port-1 .text-desc{opacity: 0.9; top: -100%; transition: 0.5s; padding: 0px 20px 0px; line-height:24px;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2); }
.port-1.effect-2 .text-desc{top: auto; bottom:-70%; }
.port-1.effect-2:hover .text-desc{bottom:-70%; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 头部搜索 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#search{width:40px;height:40px;position:relative;cursor:pointer;margin-left:20px;float:right;z-index:1005}
.search-submit{background-image:url(../images/search.png);background-repeat:no-repeat;background-position:center;background-color:#eee;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:40px;height:40px;border:none;text-indent:-9999px;position:absolute;cursor:pointer}
#m_search{background:#fff;border:1px solid #ddd;padding:10px 25px;position:absolute;top:125%;width:170px;right:0;color:#777;display:none}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 模块主标题 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.mkbt h2.maintitle{font-size:36px;background-image:-webkit-linear-gradient(bottom,#000,#000,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent; font-weight:800; margin:0;}
.mkbt h2.maintitle::after {content:""; display:block; width:90px; height:3px; background:#000; margin:18px auto 10px auto;}
.mkbt h2.maintitle span{background-image:-webkit-linear-gradient(bottom,#df0b00,#df0b00,#df0b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.mkbt p.subtitle{font-size:18px;color:#666;text-transform:uppercase;display:block; margin:0px 0px 20px 0px;}
.mkbt p.overview{font-size:14px;color:#999; margin:0px 0px 20px 0px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - 类别 - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.category a{color:#4d4d4d;border-radius:20px;background:#e0e0e0;border:1px solid #4d4d4d;margin:5px 5px;font-size:14px;padding:10px 20px; display:inline-block;}
.category a.active,.category a:hover{color:#fff;border-radius:20px;background:#df0b00;border:1px solid #df0b00}

.category2 a{color:#4d4d4d;border-radius:20px;background:#e0e0e0;border:1px solid #4d4d4d;margin:5px 5px;font-size:14px;padding:10px 20px; display:inline-block; width:180px;}
.category2 a.active,.category a:hover{color:#fff;border-radius:20px;background:#df0b00;border:1px solid #df0b00}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 模块面包屑 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb2{border-bottom:1px solid #ddd;background:#f3f3f3;line-height:40px}
.breadcrumb2 ul li{float:left;padding-right:10px}
.breadcrumb2 ul li.active a{color:#333;font-size:14px;font-weight:600}
.breadcrumb2 ul li a{color:#333;font-size:14px;font-weight:600}
.breadcrumb2 ul li i{color:#666;font-size:14px;font-weight:600}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - 新闻列表 - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.newslist dl dt{ font-size:16px; padding:10px 0px;}
.newslist dl dd.riqi{ color:#999;}
.newslist dl dd.more, .newslist dl dd.more a{ color:#df0b00;}
.newslist ul li{ font-size:16px; border-bottom:1px dashed #f0f0f0; padding:15px 0px;}
.newslist ul li span{ color:#999; padding-right:20px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 内页header_hd */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header_hd{color:#fff; padding:20px 0px; text-align:center;}
.header_hd h2{ font-size:24px;}
.header_hd h3{ font-size:18px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 详情页 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.detail_title h3{font-size:24px; text-align:center; border-bottom:1px solid #e0e0e0; padding-bottom:20px; margin-bottom:20px;}
.detail_title h3 span{ display:none; font-weight:normal; font-size:14px; color:#999; line-height:32px; border-bottom:1px solid #e0e0e0; margin:10px 0px;}
.detail_content{ padding-bottom:30px;}
.detail_content p{ padding:10px 0px;}
.detail_content img{margin: 0 auto; display: block; max-width: 100%; height: auto !important;}
.detail_pre_next{padding-bottom:30px;}
.detail_pre_next ul li{ color:#999; padding:10px 0px;}
.detail_pre_next ul li a{ color:#666;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 分页设置 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.List_page{text-align:center;margin:8px;clear:both;padding:15px 0}
.List_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #333;color:#333}
.List_page span{background:#e1e1e1;color:#000;margin:1px;padding:4px 6px;border:1px solid #333}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - 数字滚动 - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.stripes-1{margin-top:380px;background:#1e2434}
.stripes-1 .border-left22 h2{color:#df0b00;font-size:50px;font-family:impact,Poppins,sans-serif;font-weight:600;text-align:center}
.stripes-1 .border-left22 h5{color:#fff;font-size:18px;font-family:Lato,sans-serif;font-weight:600;text-align:center}
.stripes-2.stripes-1{margin-top:0}
.stripes-2{background:url(../images/index-3/background-2.jpg) no-repeat;background-size:cover;position:relative;background-position:center;background-attachment:fixed}
.stripes-2:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#1e2434;opacity:.7}
.stripes-2 .border-left22 h5{color:#fff;font-size:18px;font-family:Lato,sans-serif;font-weight:600;text-align:center}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - SWIPER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.swiper-slide{position:relative}
.swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#999;opacity:1}
.swiper-pagination .swiper-pagination-bullet-active{background:#df0b00}

/*swiper-pagination-white*/
.swiper-pagination-white .swiper-pagination-bullet{background:#999}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#df0b00}

/*swiper position*/
.swiper-pagination.fixed{bottom:30px!important}
.swiper-pagination.fixed.pos-2{bottom:30px}
.swiper-pagination.relative-pagination{position:relative;top:0;margin-top:30px}
.swiper-button-next,.swiper-button-prev{color:#fff!important}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* breadcrumb 面包屑*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb {
    background: none;
    position: relative;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    margin-top: 3px;
}

.breadcrumb ul {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
}

.breadcrumb ul li {
    list-style: none;
    float: left;
    padding-right: 10px;
    color: #ffffff;
    background: 0;
}

.breadcrumb ul li.active a {
    color: #fff;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.breadcrumb ul li a {
    color: #df0b00;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.breadcrumb ul li i {
    color: #df0b00;
    font-size: 14px;
    font-weight: 600;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* paginationWrapper 分页*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.paginationWrapper {
    padding-top: 20px;
    clear: both;
	text-align:center;
}
.paginationWrapper {
    position: relative;
}

.paginationWrapper a.activePagi,
.paginationWrapper a:hover {
    color: #fff;
    background: #df0b00;
    border: 2px solid #df0b00;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
.nubmerPagination {
    display: inline-block;
}

.paginationWrapper a {
    border: 2px solid #d4d4d4;
    background: #fff;
    color: #2a2a2a;
    padding: 9px 16px;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    margin-right: 10px;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-decoration: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER 底部*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer .footer-bg{background-size:cover;background-position:center;background:url(../images/footer-background.jpg) no-repeat;position:relative}
footer .footer-bg:before{background:rgba(0,0,0,.6);position:absolute;left:0;top:0;bottom:0;content:'';right:0}

footer .footer-t h2{margin-top:0;padding-top:0;font-size:18px;font-weight:600;color:#fff;line-height:28px}
footer .footer-t p{font-size:14px;color:#fff;line-height:28px;font-weight:400;margin:0 auto}

footer .footer-contact{margin-top:25px}
footer .footer-contact h4{margin-top:0;padding-top:0;font-size:14px; color:#ccc;margin-bottom:13px}
footer .footer-contact i.fa.fa-phone{color:#df0b00;padding-right:16px;font-size:17px} 
footer .footer-contact i.fa.fa-clock-o{color:#df0b00;padding-right:16px}
footer .footer-contact i.fa.fa-map-marker{color:#df0b00;padding-right:20px}
footer .footer-contact i.fa.fa-envelope-o{color:#df0b00;padding-right:12px}

footer ul.footer-list{margin-top:15px;padding:0}
footer ul.footer-list li{list-style:none;border-bottom:1px dashed #fff;font-size:15px;font-weight:500;padding:13px 0;clear:both;color:#dbdbdb}

.footer-copyright{background:#000000;padding:15px 0;color:#999999;text-align:center; font-size:14px;}
.footer-copyright a{color:#999999; text-decoration:underline;}

footer a{color:#dbdbdb}
footer a:hover{color:#df0b00;text-decoration:none}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MORE 设置*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.button-more{ text-align:center;}
.button-more a{text-transform:uppercase; border:1px solid #ccc; border-radius:20px; padding:10px 20px;}
.button-more a:hover{background:#1175c2; color:#fff; border:1px solid #1175c2;}

@media screen and (max-width:767px){
.piclist{border:2px solid #fff; background:#fff; margin:10px 0px;}
.piclist h3{font-size:16px; font-weight:normal; margin:15px 0px;}
.piclist p{color:#666; margin-bottom:20px;}

.piclist2{position:relative; margin:10px 0px;}
.piclist2 h3{ position:absolute; left:0; bottom:10px; color:#fff; display:inline-block; width:100%; text-align:left; line-height:20px; font-size:14px; font-weight:normal; opacity:.9; padding-left:20px; padding-right:20px; text-transform:inherit; }
.piclist2 h3 a{color:#fff;}
.piclist2 h3 a:hover{color:#fff; text-decoration:underline;}
}

/*首页产品切标题及切换按钮样式*/
.swiper-slider-5 p{ font-weight:normal; padding:10px 0px; background:#fff;}

.swiper-slider-5 .swiper-slide {
    margin-bottom:80px;
	border:2px solid #fff;
}

/*工厂介绍首页*/
h3.factory-title{
	border-left:3px solid #df0b00;
	color:#df0b00;
	padding-left:15px;
	font-size:18px;
	margin:20px 0px;
}
.swiper-factory-left .swiper-slide{
	
}
.swiper-factory-right{
	border-top:1px solid #4d4d4d;
}
.swiper-factory-right .swiper-slide {
    margin-bottom:80px;
	margin-top:50px;
}


.leatherlist{
	background:#e0e0e0;
	clear:both; overflow:hidden;
	margin:20px 0px;
	position:relative;
	cursor:pointer;
}
.leatherlist .text-word{ position:absolute; top:50px; transition: 0.5s;}
.leatherlist:hover .text-word{ top:20px;}
.leatherlist .text-word p{color:#666;}
.leatherlist:hover .text-word h3{color:#ff0000;}
.leatherlist:hover .text-word p{ color:#444;}
.leatherlist h3{
	padding:40px 40px 20px 40px;
}
.leatherlist p{
	padding:0px 40px 0px 40px;
}
/*.leatherlist .img-box img {-webkit-filter: grayscale(100%);filter: grayscale(100%);width: 100%;}
.leatherlist .img-box img:hover{-webkit-filter: none;filter: none;}*/
.leatherlist:hover .text-word h3 a{color:#df0b00;}

.top-lan{
	text-align:right;
	color:#333;
	font-size:12px;
	padding-right:15px;
}
.top-lan a{
	color:#ccc;
}
.top-lan a:hover{
	color:#df0b00;
}
@media(max-width:768px) {
.top-lan{
	padding-right:5px;
	padding-bottom:10px;
}
.leatherlist{
	background:#e0e0e0;
	clear:both; overflow:hidden;
	margin:20px 0px;
	position:static;
	cursor:pointer;
}
.leatherlist .text-word{ position:static; top:50px; transition: 0.5s;}
.leatherlist:hover .text-word{ top:20px;}
.leatherlist .text-word p{color:#666;}
.leatherlist:hover .text-word h3{color:#ff0000;}
.leatherlist:hover .text-word p{ color:#444;}
.leatherlist h3{
	padding:20px 20px 10px 20px;
}
.leatherlist p{
	padding:0px 20px 20px 20px;
}
/*.leatherlist .img-box img {-webkit-filter: grayscale(100%);filter: grayscale(100%);width: 100%;}
.leatherlist .img-box img:hover{-webkit-filter: none;filter: none;}*/
.leatherlist:hover .text-word h3 a{color:#df0b00;}
}



.testlist{
	background:#fff;
	clear:both;
	overflow:hidden;
}
.testlist2{
	background:#fff;
	margin-top:20px;
}
.testlist2 ul li{
	float:left;
	width:20%;
	padding:10px;
}

@media(max-width:768px) {
.testlist2 ul li{
	float:left;
	width:100%;
	padding:10px;
}
}