@charset "UTF-8";
/*
Theme Name: shaft
Author: leon
Description: leonstarr@163.com
*/
a:hover{text-decoration:none; }


#menu-home li{float:left;list-style:none;margin-right:20px;position:relative;}


#menu-home li a{
	display: inline-block;
    vertical-align: middle;
    line-height: 90px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    background-color: transparent!important;
}

#menu-home li:hover>ul{display:block;}

.top_menu{
	position: absolute;
    height: 90px;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
}


.sub-menu{display:none;z-index:9999;position: absolute;top: 54px;left:-40px;}
.sub-menu li{background:#595959;}
.sub-menu li a{width:160px;font-size:13px;line-height: 38px!important;margin-left: 10px;}

.menuMobiel{display:none;}

.top_logo{
    width: 180px;
    margin-top:15px;
}
.carousel {
    overflow: hidden;
}
.search_btn{
    margin-top:30px;
    height:30px;
    width:30px;
}
.top_menu_ul li{list-style-type: none; float:left;margin-right:25px;}
.top_menu_ul li a{
    /*padding: 25px 25px;*/
    display: inline-block;
    vertical-align: middle;
    line-height: 90px;
    font-weight: 600;
    font-size:16px;
    cursor: pointer;
    color:#fff; 
    background-color:transparent!important;
}

#search_input{display:none; position:absolute; left:-350px;   overflow:hidden; height:90px;width:350px}

/*5列*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
 
@media ( min-width : 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}
 
@media ( min-width : 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}
 
@media ( min-width : 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

/*#myCarousel{margin-top:-90px;}
*/
.type_a{
    top: 50%;
    margin-top: -70px;
}
.type_b{
    top: 30%;
    margin-top: -70px;
}
.type_c{
    top: 20%;
    margin-top: -70px;
}
.carousel-caption{
    
    position: absolute;
    z-index: 10;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
   
}
.carousel-caption h4{
    font-size: 30px;
}
.home_btn{
    margin-top:60px;
    display:block;
}
.btn-group-lg>.btn, .btn-lg{
background: transparent;
color:#fff;
}

body{margin-top:0;background-color:#f2f2f2;}


footer{background-color: #222;padding:72px 0}
.footer_about{
    border-bottom: 1px solid #6c7073;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-top: 48px;
    padding-bottom: 16px;
    color:#9fa3a6;
    line-height:24px;
}
.footer-bottom{
    color: #6c7073;
    font-size: 12px;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 16px 0 0;
}
.footer_nav_title{
    color: #fff;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
}
.footer_nav_ul{
    padding-left: 0;
}

.footer_nav_ul li{
    list-style-type: none;
}
.footer_nav_ul li a{
    font-size: 12px;
    color: #9fa3a6;
    transition: all .3s ease;
    line-height: 24px;
    display: inline-block;
}
.footer_logo{
    float:left;       
}
.copyright_about_nav{
    display:block;
    float:left;
}
.copyright_about_nav li{
    list-style-type:none;
    float:left;
    margin-right:20px;
}
.copyright_about_nav li a{
    margin-right:20px;
    color:#9fa3a6;
}
.copyright_bottom_nav{
    padding:16px 0;
    height:24px;
    padding-left:0;
}
.copyright_bottom_nav li{  
    line-height:24px;
    list-style: none;
    float:left;
    padding-right:16px;
}
.copyright_bottom_nav li a{
    color: #6c7073;
    font-size: 12px;
}
.copyright{
    font-size: 12px;
    color: #6c7073;
    padding-right: 16px;
    padding-top:8px;
}
.lang{
    color:#9fa3a6;
    padding-top:16px;
    float:right;
}
.icp{
    color: #6c7073;
}
.icp:hover{color:#fff;}


/*内页样式*/
.bannerBox1{width:100%;height:450px;background:url(img/banner/banner1.jpg) center center no-repeat;}
.bannerBox2{width:100%;height:450px;background:url(img/banner/banner2.jpg) center center no-repeat;}
.bannerBox3{width:100%;height:450px;background:url(img/banner/banner3.jpg) center center no-repeat;}
.bannerBox4{width:100%;height:450px;background:url(img/banner/banner4.jpg) center center no-repeat;}

.pageContent{padding-top:60px;padding-bottom:60px;}
.pageContent p{color:#707473;}
.newsTitleArea{height:205px;background-color:#f7f8f9;overflow:hidden;margin-top:90px;}
.breadCrumbs a{font-size:12px;color:#707473;}
.breadCrumbs{font-size:12px;color:#707473;}

..productsTitle{line-height:20px;}
.productsTitle a{
	font-weight: 400;
    font-size: 16px;
    max-height: 38px;
    overflow: hidden;
    color: #44a8f2;
    line-height: 20px;
}	
.thumbnail{border:0;margin-bottom:35px;}
.dateArea{color:#707473;    background-color: #f7f8f9;padding:0 5px;margin-right:5px;}
.tagArea{background-color:#6a6d69;}	
.tagArea a{color:#fff;padding:0 5px;}	
#post{font-size:15px;line-height:29px;color:#606060; }


/*page 边栏*/
.sidebar li{list-style-type:none;margin-bottom:12px;}
.sidebar li a{color:#707473;padding-left:15px;}
.current_page_item_a {border-left:2px solid #44a8f2;}

.cateLi{padding-left:0;}
.cateLi li{list-style:none;}
.cateLi li a{color:#303233;font-size:16px;}
.cateLi li a:hover{font-weight:600}

.productsTitleA a{
	padding-right:10px;
	padding-left:10px;
	color: #303233;
    font-size: 24px;
    min-height: 24px;
    margin-bottom: 16px;
    line-height: 1;
	}
	
.productsTitleA a:hover{color: #616466;}
	
.pagination{padding-left:15px;}



.thumbnaila {overflow:hidden;}
.thumbnail {overflow:hidden;}
.thumbnailImg img{height:259px!important;}

#productsList img{height:auto;width:100%;}
#topMainMenu{margin-right:15px;}

.menuMobiel{
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 90px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	
}
.page_item{list-style:none;}
.menu-item{padding-left:10px;}