@charset "utf-8";

.home-bt{overflow: hidden;padding:40px 0 20px 0; }
.home-bt .home-btl{float: left; }
.home-bt .home-btl em{color: #999; font-size:32px;font-weight: bold;text-transform: uppercase;}
.home-bt .home-btl span{display:block; font-size: 28px; color: #0b71bc;font-weight: bold;}
.home-bt .more{float: right;position: relative;margin-top: 33px;z-index: 9;}
.home-bt .more a{background: #02ac4c; border-radius: 50px; color: #FFF; padding: 10px 20px;}
.home-bt .bline{ background: #E7E7E7; height: 1px; position: relative; margin-top: 43px;}


/* 产品中心 */
.home-prolist{ margin-bottom: 30px;}
.home-prolist ul{}
.home-prolist ul li{ float: left; height: 42px; line-height: 42px; width: 120px; margin-right: 10px; text-align: center;  }
.home-prolist ul li a{display: block; background: #0b71bc;color: #FFF;}
.home-prolist ul li a:hover{ color: #FFF; background: #02ac4c;}

.home-probg{}
.home-pro { margin-bottom: 60px;}
.home-pro ul { margin-left: -1%; margin-right: -1%;}
.home-pro ul li{float: left; width: 23%; margin: 0 1%; border: 5px solid #E7E7E7; margin-bottom: 30px;}
.home-pro ul li:hover{border: 5px solid #0b71bc;}
.home-pro ul li .text{overflow: hidden; border-top: 1px solid #e7e7e7; padding: 15px;}
.home-pro ul li .text h2{float: left; color: #666;font-size: 15px; line-height: 30px;  }
.home-pro ul li .text span{float: right; text-align: center;  border: 2px solid #0b71bc; border-radius: 50px; width: 30px; height: 30px; color: #02ac4c;font-size: 26px; line-height: 26px;}
.home-pro ul li .img{overflow: hidden;}
.home-pro ul li .img img{max-width: 100%;transition: all 0.6s;}
.home-pro ul li .img img:hover{transform:scale(1.2);}
.home-pro ul li:hover .text{ background: #0b71bc; border-top: 1px solid #0b71bc;}
.home-pro ul li:hover .text h2{color: #FFF;}
.home-pro ul li:hover .text span{color: #FFF;border: 2px solid #FFF;}


/* 我们的优势 */
.youshibg{ overflow: hidden; background: url(../images/youshibg.jpg) no-repeat center; background-size: cover; padding-bottom: 70px;}
.youshi-bt{ text-align: center; padding:70px 0 50px 0; color: #FFF;}
.youshi-bt span{font-size: 36px; font-weight: bold;}
.youshi-bt span::after{content: ''; position: absolute; height: 1px; background: #FFF; width: 48%;margin-top: 24px;margin-left:-77px;left: 0;}
.youshi-bt span::before{content: ''; position: absolute; height: 1px; background: #FFF; width: 48%;margin-top: 24px;margin-left: 195px;}
.youshi-bt em{ display: block; font-weight: bold;font-size: 32px;}
.youshi-img {float: left; width:400px; height: 480px;}
.youshi-img img{width: 100%; height: 100%;}
.youshi{float: left; width:calc((100% - 400px));}
.youshi ul{}
.youshi ul li{float: left; width:33.33333%;overflow: hidden; background: #FFF; height: 240px; text-align: center;}
.youshi ul li img{width: 100%; height: 100%;}
.youshi ul li .text{ padding:30px;}
.youshi ul li .text h2{font-size: 26px; margin-bottom: 20px;  color: #0b71bc;}
.youshi ul li .text p{ text-align: left; color: #999; line-height: 24px;}


/* 中空板应用实例 */
.home-casebg{ background:#f0f0f0;}
.home-case {}
.home-case ul { margin-left: -1%; margin-right: -1%;}
.home-case ul li{float: left;overflow: hidden; width: 23%;box-shadow: 0 0 8px 0 rgba(0,0,0,.11); background: #FFF; border-radius: 3px; margin: 0 1%; margin-bottom: 38px;}
.home-case ul li .img{overflow: hidden;}
.home-case ul li .img img{max-width: 100%;border-radius: 15px;transition: all 0.6s;}
.home-case ul li .img img:hover{transform:scale(1.2);}
.home-case ul li h2{text-align: center; font-size: 15px; height: 50px; line-height: 50px;}

/* 关于我们 */
.home-aboutbg{ height: 380px;box-shadow: 0 0 8px 0 rgba(0,0,0,.11); margin:50px 0;}
.home-aboutbg p{height: 380px;width: 520px; background: #0b71bc; }
.home-aboutbox{margin-top: -450px;margin-left: 50px;}
.home-aboutbox .home-aboutl{float: left; width:557px; margin-right: 43px;}
.home-aboutbox .home-aboutr{float: left; width:calc((100% - 600px));}
.home-aboutbox .home-aboutr h2{ margin: 50px 0 20px 0;font-weight: bold; color: #0b71bc;}
.home-aboutbox .home-aboutr .nr{font-size: 15px; line-height: 26px; margin-right: 50px; color: #666;}
.home-aboutbox .home-aboutr .more{display: inline-block; overflow: hidden; margin-top: 30px; background: url(../images/more.jpg) no-repeat center; width: 200px; height: 45px; line-height: 45px;}
.home-aboutbox .home-aboutr .more a{display: block; color:#333; font-size: 16px; margin-left: 30px;}

/* 新闻 */
.home-newsbg{ background:#f0f0f0; margin-top: 100px; padding: 30px 0;}
.home-news{overflow: hidden;}
.home-news ul{}
.home-news ul li{float: left; width: 48.5%; margin-right: 3%; background: #FFF; height: 121px; margin-bottom: 30px;}
.home-news ul li:nth-of-type(2n+0){margin-right: 0;}
.home-news ul li .date{float: left; background: url(../images/news02.png) no-repeat; width: 161px;height: 121px;}
.home-news ul li .date time{font-size: 15px;display: block;padding: 20px 0 0 20px;}
.home-news ul li .date b{display: block;font-size: 55px;line-height: 55px; padding-left: 16px;}
.home-news ul li .text{ float: left; width: calc((100% - 161px));padding: 20px 30px 0 0;}
.home-news ul li .text h2{display:block; font-size: 18px; margin-bottom: 10px;}
.home-news ul li .text p{color: #999;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; font-size: 13px; line-height: 24px;}
.home-news ul li:hover .date{background: url(../images/news01.png) no-repeat;}
.home-news ul li:hover a .date{color: #FFF;}





@media (min-width:1024px) and (max-width:1199px) {

	.youshi-img{display: none;}
	.youshi{width: 100%;}
	.product ul li{width: 31.3%;}
	.home-aboutbox .home-aboutr h2{font-size: 22px;}


}

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

    .youshi-img{display: none;}
	.youshi{width: 100%;}
	.home-aboutbg{height: auto;}
	.home-aboutbox .home-aboutl{width: 100%;}
	.home-aboutbox .home-aboutr{width: 100%;}
	.home-aboutbox{ margin-left: 0;}
	.home-news ul li{width: 100%; margin-right: 0;}
	.home-pro ul li{width: 31.333333%;}

	
}
@media screen and (max-width:767px) {
	
    .home-bt .home-btl em{font-size: 24px;}
	.home-bt .home-btl span{font-size: 24px; margin-top: 15px;}
	.home-prolist ul li{ margin-bottom: 15px;}
	.home-pro ul li{width: 48%;}
	.home-pro ul li .text span{display: none;}
	.home-pro ul li .text h2{float: none; text-align: center;}
	.home-case ul li{width: 48%;}
	.youshi-img{display: none;}
	.youshi{width: 100%;}
	.youshi ul li{width: 100%; height: auto;}
	.home-aboutbg{height: auto;margin: 0;}
	.home-aboutbox .home-aboutl{width: 100%;}
	.home-aboutbox .home-aboutl img{max-width: 100%;}
	.home-aboutbox .home-aboutr{width: 100%;}
	.home-aboutbox .home-aboutr h2{margin: 20px 0;}
	.home-aboutbox .home-aboutr .nr{margin-right: 0;}
	.home-aboutbox{ margin-left: 0;margin-top:0;}
	.home-aboutbg p {height: 0;width: auto;}
	.home-news ul li{width: 100%; margin-right: 0;}
	


}