/*顶部 banner logo*/
.banner{
	padding: 10px;
	background-image: url(../img/headbg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
}
.banner .logo{
	height: 60px;
	max-width: 100%;
}

/*导航条*/
nav.navbar-default{
	background: #036DFC;
	border: none;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	min-height: 40px !important;
}
nav.navbar-default a{
	color: #fff !important;
	text-shadow: none !important;
	min-height: 40px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 40px !important;
}
nav.navbar-default a:hover{
	color:#CC0001 !important;
}
nav.navbar-default .navbar-nav li {
	padding: 0 !important;
}


/*——————首页——————*/
/*首页幻灯片*/
.index-swiper{
	background: #efefef;
	width: 100%;
	height: 450px;
	margin-bottom: 20px;
}
.index-swiper .swiper-wrapper{
	width: 100%;height: 100%;
}
.index-swiper .swiper-slide{
	width: 100%;height: 100%;
	background-position: center;
	background-size: cover;
}


.index .col-sm-4{
	margin-bottom: 20px;
}
.index .card{
	height: 240px;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
}
.index .card .title{
	background: #ddd;
	height: 28px;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 10px;
}
.index .card .title span{
	line-height: 28px;
	color: #555;
}
.index .card .title a{
	float: right;
	font-size: 12px;
	background: #036DFC;
	color: #fff;
	padding: 0 3px 1px 3px;
	border-radius: 3px;
	position: relative;
	top: 4px;
}
.index .card .title a:hover{
	text-decoration: none;
}
.index .card .content{
	padding: 10px;
	height: 200px;
	font-size: 14px;
}
.index .card .content ul{
	padding: 0;
}
.index .card .content ul a{
	display: block;
}
.index .card .content li{
	list-style: none;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	overflow: hidden;
}
.index .card .content a{
	color: #333;
}
.index .card .content a:hover{
	color: #036DFC;
}
.index .card .contact-us{
	padding: 32px;
}



/*产品幻灯片*/
.index .product-swiper{
	background: #efefef;
	width: 100%;
	height: 210px;
	margin-bottom: 20px;
}
.index .product-swiper .swiper-wrapper{
	width: 100%;height: 100%;
}
.index .product-swiper .swiper-slide{
	height: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
}
.index .product-swiper .swiper-slide a{
	position: absolute;
	bottom: 0;
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: rgba(0,0,0,0.4);
}
.index .product-swiper .swiper-slide:hover a{
	background: #036DFC;
	color: #fff;
	text-decoration: none;
}




footer.footer{
	margin-top: 20px;
	min-height: 120px;
	background: #eee;
	padding: 20px;
	font-size: 12px;
}
footer.footer .qr{
	height: 80px;
	border-right: 1px dotted #333;
}
footer.footer .qr img{
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto;
}
footer.footer .copyright{
	border-right: 1px dotted #333;
	text-align: center;
	height: 80px;
	padding-top: 20px;
}

#right-side{
	width: 100px;
	height: 160px;
	position: fixed;
	z-index: 1000;
	right: 5px;
	top: calc(50vh - 80px);
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius: 3px;
	overflow: hidden;
} 
#right-side #title{
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	background: #048EFC;
	color: #fff;
}
#right-side #title i{
	position: absolute;
	right: 5px;
	top: 5px;
}
#right-side #qr{
	width: 100%;
}
#right-side #tel{
	padding-left: 10px;
	font-size: 12px;
	width: 100%;
	/*text-align: center;*/
}
/*.right-side .qr img{
    width: 100px;
    z-index: 10000;
    position: fixed;
    right: -80px;
    top: calc(50vh - 50px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s; }
  .right-side .qr img:hover {
    right: 0px;
    width: 200px;
    top: calc(50vh - 100px);
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }*/
  @media all and (max-width: 1120px) {
    #right-side{
      display: none; } }

/*文章详情页*/
.article-header{
	height: 240px;
	background: #efefef;
	background-size: cover;
	background-position: center;
	position: relative;
	background-image: url(/Public/static/bootstrap/img/top.jpg);
	margin-bottom: 20px;
}
.article .article-thumb{
	display: block;
	max-width: 100%;
	display: block;
	margin: 20px auto;
}
.article .col-sm-9 .title{
	text-align: center;
}
.article .col-sm-9 .post-time{
	font-size: 12px;
	text-align: right;
	color: #666;
}
.article .col-sm-9 .desc{
	font-size: 14px;
	color: #666;
}
.article .col-sm-9 .content{
	margin: 20px auto;
}
/*文章列表页*/
.article-list{
	margin: 20px auto;
}
.article-list .col-sm-9{
	border-left: 1px solid #eee;
}
.article-list .col-sm-9 .title a{
	font-weight: bold;
	font-size: 16px;
	color: #333;
}
.article-list .col-sm-9 .title a:visited{
	color: #666;
}
.article-list .col-sm-9 .title a:hover , .article-list .col-sm-9 .title a:active{
	text-decoration: none;
	color: #036DFC;
}
.article-list .col-sm-9 .desc{
	font-size: 14px;
	line-height: 18px;
	color: #666;
	max-height: 54px;
}
.article-list .col-sm-9 .info{
	text-align: right;
	font-size: 12px;
	color: #666;
}

/*资质证书*/
.zhengshu{
	background: #efefef;
	width: 100%;
	margin: 40px auto;
	padding: 10px;
}
.zhengshu .gallery-top {
    width: 100%;
    height: 500px;
    margin-bottom: 10px;
}
.zhengshu .swiper-slide {
	background-size: cover !important;
    background-position: center !important;
    background: #ddd;

}
.zhengshu .swiper-slide img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}
.zhengshu .gallery-thumbs {
    height: 150px;
    box-sizing: border-box;
}
.zhengshu .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.5;
    background: #fff;
    position: relative;
}
.zhengshu .gallery-thumbs .swiper-slide div{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
	background: rgba(0,0,0,0.5);
	color: #fff;
}
.zhengshu .gallery-thumbs .swiper-slide-active {
    opacity: 1;
}


/*左侧上部图片*/
.left-nav{
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0 20px 20px 20px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
.left-nav .title{
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	overflow: hidden;
}
.left-nav .title i{
	position: relative;
	top: 2px;
	color: #CC0001;
}
.left-nav .corner{
	background: #CC0001; color: #fff;
	width: 100px; height: 20px;
	font-size: 12px; line-height: 20px; font-weight: bold;
	vertical-align: middle; text-align: center;
	position: absolute;
	left: -32px;
	top: 7px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); 
	-webkit-transform: rotate(-45deg); 
}
.left-nav ul{
	list-style: none;
	padding: 0;
	width: 100%;
}
.left-nav ul li{
	width: 100%;
	height: 32px;
	border-bottom: 1px solid #efefef;
	position: relative;
}
.left-nav ul li a{
	display: inline-block;
	width: 100%; height: 100%;
	color: #333;
	line-height: 32px;
	vertical-align: middle;
	overflow: hidden;
}
.left-nav ul li i{
	position: absolute;
	right: -15px;
	top: 2px;
	display: none;
	color: #CC0001;
}
.left-nav ul li a:hover{
	text-decoration: none;
	color: #CC0001;
}
.left-nav ul li a:hover + i{
	display: inline;
}

/*产品展示*/
.product .item{
	height: 240px;
	overflow: hidden;
	margin-bottom: 15px;
}
.product .item a{
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.product .item a .thumb{
	width: 100%;
	height: 200px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}
.product .item a .title{
	width: 100%;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
	color: #333;
}
.product .item a:hover{
	text-decoration: none;
}
.product .item a:hover .title{
	background: #efefef;
}
/*
@media all and (max-width: 768px) {
	.product{
		border-top: 1px solid #ddd; 
		border-left: 1px solid #ddd; 
		border-right: 1px solid #ddd; 
		border-radius: 3px;
	}
	.product .item{
		width: 100%;
		height: 50px;
		overflow: hidden;
		margin-bottom: 0;
		border-bottom: 1px solid #ddd;
		padding: 0 10px;
		margin-bottom: 5px;
	}
	.product .item a{
		height: 100%;
		width: 100%;
		border: none;
		border-radius: 0;
		overflow: hidden;
		display: flex;
		display: -webkit-flex;
	}
	.product .item a .thumb{
		flex: 1;
		-webkit-flex: 1;
		height: 100%;
		overflow: hidden;
		background-size: cover;
		background-position: center;
	}
	.product .item a .title{
		flex: 5;
		-webkit-flex: 5;
		height: 100%;
		line-height: 50px;
		vertical-align: middle;
		overflow: hidden;
		color: #333;
	}



}
*/

@media all and (max-width: 768px) {
	.col-sm-3 , #index-product{
		display: none;
	}
	.article-header{
		height: 30vw !important;
	}
	nav.navbar-default{
		background: #048EFC !important;
	}
	.index-swiper{
		height: 60vw;
	}
	.zhengshu .gallery-top{
		height: 60vw;
	}
	.zhengshu .gallery-thumbs{
		height: 20vw;
	}
}