/* 当前位置 */
.pageMap ul li{
	color:#ddd;
}
.pageMap ul li a{
	color:#ddd;
}
.pageMap ul li a:hover{
	color:#fff;
}
.pageMap ul li a:before {
  	color:#ddd;
}


/* 顶部横幅 */
.tbanner{
	height: 540px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.tbanner .content{
	background-color: rgba(0,0,0,0.45);
	height: 100%;;
	
}
.tbanner .content .container-fluid{
	height: 100%;;
	display: flex;
	flex-direction:column;
	justify-content: center;
	color:#fff;
}
.tbanner .content h1{
	font-size: 44px;
	margin-bottom: 12px;
	line-height: 48px;
	font-weight:700;
}
.tbanner .content .desc{
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 48px;
	font-weight:300;
	color:#fff;
}
.tbanner .content .bottom{
	display: flex;
}
.tbanner .content .video{
	line-height: 16px;
	font-size:18px;
	font-weight: 500;;
	cursor: pointer;
}
.tbanner .content .video .iconfont{
	display: inline-block;
	border:2px solid #fff;
	padding:6px 4px 6px 8px;
	border-radius: 36px;
	text-align: center;
	line-height: 16px;
	font-size:16px;
	margin-right:5px;
}
.tbanner .content .buy{
	display: inline-block;
	color: #fff;
	background: #239de8;
	border-radius: 32px;
	line-height: 32px;
	padding:3px 25px;
	margin-left:20px;
	font-size:16px;
	font-weight: 700;
}
.tbanner .content .buy:hover{
	background-color: #1d83c2;
}

/* 产品信息 */
.pdinfo{
	display: flex;
	flex-wrap: wrap;
	padding: 50px 0;
}
.pdinfo .left{
	width:50%;
	padding-right:20px;
}
.pdinfo .left h2{
	margin:0 0 30px 0;
}
.pdinfo .left .desc{
	line-height: 24px;
	font-size:15px;
	color:#666;
}

.pdinfo .right{
	width:50%;
	padding-left:20px;
}
.pdinfo .right img{
	max-width: 100%;
	display: block;
	margin:0 auto;
}

/* 3个图标描述 */
.icons{
	background-color: #f6f6f6;
	margin:50px 0;
	padding:50px 0 70px 0;
}
.icons .list{
	display: flex;
	flex-wrap: wrap;
	margin:0 -30px;
}
.icons .list .item{
	width:33.333%;
	text-align: center;
	padding:0 30px;
}
.icons .list .item img{
	width:78px;
	display: block;
	margin:0 auto;
}
.icons .list .item h3{
	font-size: 32px;
	line-height: 36px;
	font-weight: 400;
	margin-bottom: 30px;
	margin-top: 25px;
}
.icons .list .item .desc{
	color:#666;
	font-size:16px;
	line-height: 24px;
}

/* 祥情 */
.detail .item{
	display:flex;
	padding:30px 0;
}
.detail .item .box:first-child{
	width:50%;
	padding-right:20px;
}
.detail .item   h2{
	margin:0 0 30px 0;
}
.detail .desc{
	line-height: 24px;
	font-size:15px;
	color:#666;
}
.detail .item .box:last-child{
	width:50%;
	padding-left:20px;
}
.detail .item  img{
	max-width: 100%;
	display: block;
	margin:0 auto;
}

/* 关联文章模块 */
.link-art{
	height: 540px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top:50px; 
}
.link-art .content{
	background-color: rgba(0,0,0,0.45);
	height: 100%;;
	
}
.link-art .content .container-fluid{
	height: 100%;;
	display: flex;
	flex-direction:column;
	justify-content: center;
	color:#fff;
}
.link-art .content h1{
	font-size: 44px;
	margin-bottom: 12px;
	line-height: 48px;
	font-weight:700;
}
.link-art .content .desc{
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 48px;
	font-weight:300;
	color:#fff;
}

.link-art .content .more{
	display: inline-block;
	color: #fff;
	background: #239de8;
	border-radius: 32px;
	line-height: 32px;
	padding:3px 25px;
	font-size:16px;
	font-weight: 700;
}
.link-art .content .more:hover{
	background-color: #1d83c2;
}


/* 相关推荐 */
.rec{
	padding:80px 0 120px 0;
	background-color:#f6f6f6;
}
.rec-content{
	max-width: 1600px;
    padding-left: 40px;
    padding-right: 40px;
	margin:0 auto;
}
.rec-title{
	text-align:center;
	font-size: 32px;
    line-height: 36px;
	margin-bottom:50px;
}
.rec .list{
	display:flex;
	flex-wrap:wrap;
}
.rec .list .item{
	width:25%;
	padding:0 20px;
	box-sizing:border-box;
}
.rec .list .item .main{
	background:#fff;
	box-shadow:0 0 5px #ccc;
	border-radius:10px;
}
.rec .list .item .main:hover{
	box-shadow:0 0 10px #ccc;
}
.rec .list .item img{
	width:100%;
}
.rec .list .item .imgbox{
	border-radius:10px 10px 0 0;
	overflow:hidden;
}
.rec .list .item h3{
	margin-top:30px;
	padding:0 30px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.rec .list .item .desc{
	margin:10px 30px 30px 30px;
	color:#666;
	text-align:justify;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
	height:40px;
}
.rec .bottom{
	padding:0px 30px 30px 30px;
}
.rec .bottom .iconfont{
	display:inline-block;
	border:2px solid #eee;
	width: 32px;
    height: 32px;
    line-height: 28px;
    border: 2px solid #239de8;
	text-align:center;
	border-radius:30px;
	color:#239de8;
}


/* 联系我们 */
.contact-us{
	height: 540px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.contact-us .content{
	background-color: rgba(0,0,0,0.45);
	height: 100%;;
	
}
.contact-us .content .container-fluid{
	height: 100%;;
	display: flex;
	flex-direction:column;
	justify-content: center;
	color:#fff;
}
.contact-us .content h1{
	font-size: 44px;
	margin-bottom: 12px;
	line-height: 48px;
	font-weight:700;
}
.contact-us .content .desc{
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 48px;
	font-weight:300;
	color:#fff;
}

.contact-us .content .more{
	display: inline-block;
	color: #fff;
	background: #239de8;
	border-radius: 32px;
	line-height: 32px;
	padding:3px 25px;
	font-size:16px;
	font-weight: 700;
}
.contact-us .content .more:hover{
	background-color: #1d83c2;
}

.contact-us .content .bottom .link{
	color:#fff;
	display:inline-block;
	margin:0 20px;
	font-size:18px;
	font-weight:700;
}
.contact-us .content .bottom .link .iconfont{
	margin-right:10px;
	font-weight:300;
}



.showVideo{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	background:rgba(255,255,255,0.7);
	flex-direction:column;
	justify-content:center;
	align-items:center;
	visibility:hidden;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	opacity:0;
}
.showVideo .close{
	background:rgba(0,0,0,0.3);
	opacity:1;
	height:45px;
	width:45px;
	border-radius:45px;
	text-align:center;
	line-height:45px;
	color:#fff;
	margin-bottom:20px;
}
.showVideo .close:hover{
	background:rgba(0,0,0,1);
}
.showVideo .ifr{
	width:10%;
	height:10%;
	opacity:0;
	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.showVideo .ifr iframe{
	width:100%;
	height:100%;
}
.showVideo.active{
	opacity:1;
	visibility:visible;
}

.showVideo.active .ifr{
	opacity:1;
	width:60%;
	height:60%;
}



@media screen and (max-width:768px){
	.pageMap{padding:0 15px;}
	.tbanner{height:auto; }
	.tbanner .content{padding:35px 0;}
	.tbanner .content h1{font-size:24px;line-height:32px;}
	.tbanner .content .desc{font-size:16px;line-height:24px;}
	.tbanner .content .video{line-height:24px;font-size:16px;}
	.tbanner .content .bottom{flex-wrap:wrap;}
	.tbanner .content .buy{margin-left:0px;margin-top:10px;}
	
	.pdinfo{padding: 30px 0;}
	.pdinfo .left{width:100%;padding:0px;margin-bottom:10px;}
	.pdinfo .right{width:100%;padding:0px;}
	.pdinfo .right img{width:100%;}
	
	.rec{padding: 50px 0;}
	.rec-title{font-size:24px;margin-bottom: 30px;}
	.rec-content{padding:0 5px;}
	.rec .list .item{width:50%;padding:10px 10px;}
	.rec .list .item h3{padding: 0 15px;}
	.rec .list .item .desc{margin:10px 15px 15px 15px;}
	.rec .bottom{padding:10px 15px 15px 15px;}
	
	.icons{margin:10px 0;}
	.icons .list .item{width:100%;}
	.icons .list .item h3{font-size:24px;margin:15px 0;}
	.icons .list .item{margin-bottom:15px;}
	
	.contact-us{height:auto;}
	.contact-us .content .container-fluid{padding:50px 15px;}
	.contact-us .content h1{font-size:32px;}
	.contact-us .content .desc{font-size:18px; line-height:24px;margin-bottom:30px;}
	.contact-us .bottom .tel{display:block !important;margin:10px 0 0 0 !important;}
	
	.detail .item{flex-wrap:wrap;padding:15px 0;}
	.detail .item .box{width:100% !important; padding:0px !important; margin-bottom:15px;}
	.detail .item h2{font-size:24px;margin-bottom:15px;}
}