/* 首页 */
/* 横幅 */
.banner{
	position: relative;
	overflow: hidden;
	background:#fff;
}
.banner  img {
    max-width: 100%;
	display:block;
	margin:0 auto;
}
.banner .text{
	width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important;-ms-transform: translateY(-50%) !important;-webkit-transform: translateY(-50%) !important;
    left: 0;
    z-index: 5;
    text-align: center;
}
.banner .text h3 {
    font-size: 64px;
    color: #fff;
}
.banner .text p {
    font-size: 24px;
    color: #fff;
	margin-top:10px;
}

.banner .text .seeanli{
	display: block;
	width: 150px;
	height: 38px;
	border: 2px solid #fff;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	line-height: 38px;
	margin: 40px auto 0;
}
.banner .text .seeanli:hover{
    background:#2655A3;
	border-color:#2655A3;
}




/* /横幅 */

/* 分类 */
.classify{
	position:relative;
	text-align:center;
	height:50px;
	margin-top:-50px;
	z-index:996;
}
.classify a{
	color:#fff;
	display:inline-block;
	font-size:16px;
	padding:4px 15px;
	border-radius:5px;
}
.classify a:hover{
	background:#2655A3;
}
.classify a.on{
	background:#2655A3;
	color:#fff;
}

/* /分类 */

/* 列表 */
.pro-title{
	text-align:center;
	font-size:36px;
	padding:0.3rem 0 0.2rem 0;
}
.pro-list .row{
	margin-left:-40px;
	margin-right:-40px;
}
.pro-list .item{
	margin:25px 10px;
	position:relative;
}
.pro-list .item img{
	max-width:100%;
	display:block;
}
.pro-list .item .hover{
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(22,22,186,0.8);
	height:100%;
	width:100%;
	box-sizing:border-box;
	padding:20px;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
	opacity:0;
}
.pro-list .item .hover:hover{
	opacity:1;
}

.pro-list .item .hover .text{
	position:relative;
	top: 50%;
	transform: translateY(-50%) !important;-ms-transform: translateY(-50%) !important;-webkit-transform: translateY(-50%) !important;
}
.pro-list .item .hover .text h3{
	color:#fff;
	text-align:center;
	font-size:24px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
	color:#fff;
	text-align:center;
	font-size:24px;
	margin-bottom:20px;
}

.pro-list .item .hover .text p{
	color:#fff;
	text-align:center;
	font-size:15px;
	line-height:24px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.pro-more{
	text-align:center;
	margin:0.25rem 0 0 0;
}
.pro-more a{
	display:inline-block;
	font-size:14px;
	color:#fff;
	height:40px;
	line-height:40px;
	padding:0 30px;
	background:#2655A3;
	color:#fff;
}
.pro-more a:hover{
	-webkit-animation-name:pulse;
	animation-name:pulse;
}


/* /顶部 */

.map{
    height: 60px;
    line-height: 60px;
    margin:10px 0 5px 0;
}
.map .page-title{
    font-size: 20px;
    font-weight: 400;
    color: inherit;
    float:left;
    margin-right: 20px;
}
.map ul{
    float:left;
}
.map ul li{
    display: inline-block;
}
.map ul li a{
    display: block;
    color: #6e7582;
    font-size:12px;
}
.map ul li a:before{
    content: "›";
    margin:0 8px 0 4px;
    color: #6e7582;
    position: relative;
    top:-2px;
}
.map ul li:first-child a:before{
    display: none;
}

.detail{
	margin-left:-15px;
	margin-bottom:20px;
	overflow:hidden;
	background:#fff;
	padding:22px 20px;
	box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
	background-clip: border-box;
    border: 1px solid rgba(110,117,130,.2);
    border-radius: 3px;
    
}
.detail img{
	max-width:100% !important;
	
}
.detail .pd-title{
    margin-bottom: 25px;
    border-bottom:1px solid #eee;
}

.detail .pd-title h1{
    font-size:24px;
    color: #354052;
    padding-bottom: 10px;
}
.detail img{
	max-width:100% !important;
	
}

html,body{
    overflow: visible !important;
}



.container-fluid{
    overflow: visible;
    height: auto;
}
.row{
    overflow: visible;
    height: auto;
}
.col-lg-3{
    overflow: visible;
    height: auto;
}

.rec{
    background: #fff;
    box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
    border: 1px solid rgba(110,117,130,.2);
    padding:20px 20px 10px 20px;
    border-radius: 3px;
    
    position: -webkit-sticky !important;
    position: sticky;
    top:100px;
    
}
.rec-title{
	color:#2655A3;
	font-size:22px;
	font-weight:bold;
	text-indent:15px;
}
.rec ul li a{
	display:block;
	font-size:16px;
	margin:10px 0;
	padding:2px 15px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
/*.rec ul li a:before{*/
/*	position:relative;*/
/*	content:'';*/
/*	display:inline-block;*/
/*	width:4px;*/
/*	height:4px;*/
/*	border-radius:4px;*/
/*	background:#666;*/
/*	top:-5px;*/
/*	margin-right:10px;*/
/*}*/
/*.rec ul li a:hover{*/
/*	color:#fff;*/
/*	background:#2655A3;*/
/*}*/
.rec ul li a:hover:before{
	background:#fff;
}

/* /祥情 */

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

	.banner .text h3 {font-size: 24px; color: #fff;}
    .banner .text p { font-size: 14px;color: #fff;margin-top:5px;}
    	
	
	.classify{margin-top:20px;overflow:hidden;height:auto;}
	.classify a{color:#333;}

	.pro-list .row{margin-left: -10px;margin-right: -10px;}
	.pro-list .col-lg-4{padding:5px;}
	.pro-title{font-size:24px;padding: 25px 0 25px 0;}
	.pro-list .item{margin:0;}
	.pro-list .item .hover{padding:10px;}
	.pro-list .item .hover .text h3{font-size:18px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 0px;}
	.pro-list .item .hover .text p{font-size:14px;}
	
	.pro-top .text{padding-bottom:20px;}
	.pro-top .text h1{font-size:24px; line-height:32px;    margin-bottom: 15px; margin-top: 15px;}
	.pro-top .text span{padding: 3px 12px;font-size:14px;}
	.detail{margin-left: 0px;padding-top: 30px;padding-right: 0px;overflow: hidden;border:none;}
	
	.rec-title{text-indent:0px;}
	.rec ul li a{padding:2px 0px;}
	
	.detail{
	    margin-left:0px;
	    padding:15px;
	}
	
	.map{
	    margin:0 15px;
	}
	
}