

.home-bt{ overflow: hidden; text-align: center; padding: 50px 0;}
.home-bt span{display: block;font-size: 32px;background: url(../images/prtb.png) no-repeat center bottom; padding-bottom: 30px; margin-bottom: 20px;}
.home-bt .baise{background: url(../images/prtb-baise.png) no-repeat center bottom;}
.home-bt span b{color: #0aa5cd;}
.home-bt small{display: block; color: #666; font-size: 18px;text-transform: uppercase; }

/*首页产品中心*/
.tabs{overflow: hidden; width: 380px; text-align: center; margin: 0 auto;}
.tabs li{float:left;overflow: hidden;margin: 0 10px;}
.tabs li a {display: inline-block; font-size: 15px; background: #FFF; height:40px;line-height: 40px; border: 1px solid #0aa5cd; border-radius: 50px; padding: 0 20px;}
.tabs li a:hover {border-bottom: 1px solid #0aa5cd;border-radius: 50px;}	
.tabs .thistab a{ background: #0aa5cd; color: #FFF;border-radius: 50px;}
.tab_con{ display:none;}

.home-probg{overflow: hidden; background: url(../images/probg.jpg) no-repeat; background-size: cover;}
.home-pro{overflow: hidden; margin-top: 30px;}
.home-pro dl{padding-bottom: 50px; overflow: hidden;}
.home-pro dl dd{ float:left;width: 285px; margin-right:20px; margin-bottom: 20px;}
.home-pro dl dd:nth-of-type(4n+0){margin-right:0px;}
.home-pro dl dd .list-img{border:1px solid #e7e7e7; position: relative;height: 220px; overflow: hidden; background: #FFF;}
.home-pro dl dd .list-img:hover{border:1px solid #0aa5cd; }
.home-pro dl dd .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.home-pro dl dd .list-img img:hover{transform:scale(1.2);}
.home-pro dl dd h2{text-align:center;color: #FFF; background: #0aa5cd; font-size: 15px; line-height: 50px; height: 50px;}


.home-youshibg{overflow: hidden; background:url(../images/ysbg.jpg) no-repeat center; border-bottom: 1px solid #E7E7E7;}
.youshi{overflow: hidden; padding-bottom: 70px;}
.youshi ul{margin: 20px;}
.youshi ul li{float:left; width:180px; height:290px; cursor: pointer; padding-top: 52px; background:#FFF;box-shadow: 10px 10px 20px #e7e7e7,-10px -10px 20px #e7e7e7;margin-right: 15px; position: relative;}
.youshi ul li span{display: block;padding-top:98px; font-size: 18px;text-align: center; font-weight: bold; color:#444444; margin-bottom: 20px;}
.youshi ul li .e1{background:url(../images/edt1.png) no-repeat top center;background-size: 70px;}
.youshi ul li .e2{background:url(../images/edt2.png) no-repeat top center;background-size: 70px;}
.youshi ul li .e3{background:url(../images/edt3.png) no-repeat top center;background-size: 70px;}
.youshi ul li .e4{background:url(../images/edt4.png) no-repeat top center;background-size: 70px;}
.youshi ul li .e5{background:url(../images/edt5.png) no-repeat top center;background-size: 70px;}
.youshi ul li .e6{background:url(../images/edt6.png) no-repeat top center;background-size: 70px;}
.youshi ul li:last-child{margin-right: 0;}
.youshi ul li:hover .e1{background:url(../images/edt1_h.png) no-repeat top center;background-size: 70px;}
.youshi ul li:hover .e2{background:url(../images/edt2_h.png) no-repeat top center;background-size: 70px;}
.youshi ul li:hover .e3{background:url(../images/edt3_h.png) no-repeat top center;background-size: 70px;}
.youshi ul li:hover .e4{background:url(../images/edt4_h.png) no-repeat top center;background-size: 70px;}
.youshi ul li:hover .e5{background:url(../images/edt5_h.png) no-repeat top center;background-size: 70px;}
.youshi ul li:hover .e6{background:url(../images/edt6_h.png) no-repeat top center;background-size: 70px;}
.youshi ul li:hover span{color:#FFF;}
.youshi ul li:hover p{color:#FFF;}
.youshi ul li p{font-size: 13px; color:#666666; text-align: center; font-weight:normal;padding:10px 15px;}

.youshi ul li strong::before{position: absolute;z-index:-1;}
.youshi ul li strong::after{position: absolute;z-index:-1;}
.youshi ul li strong{display: block;z-index:500;position: relative;}
.youshi ul li::before{width:0;height:0; content:""; background:#0aa5cd;transition: 0.5s; position: absolute;bottom: 0;left: 0;}
.youshi ul li::after{width:0;height:0; content:""; background:#0aa5cd;transition: 0.5s; position: absolute;top: 0;right: 0;}
.youshi ul li strong::before{width:0;height: 0; content:""; background:#0aa5cd;transition: 0.5s; position: absolute; right:0;bottom:-48px;}
.youshi ul li strong::after{width:0;height: 0;content:""; background:#0aa5cd;transition: 0.5s; position: absolute; top:-52px;left:0;}
.youshi ul li:hover strong::before{width:93px;height: 171px;}
.youshi ul li:hover strong::after{width:93px;height: 171px;}
.youshi ul li:hover:before{width:93px;height: 171px;}
.youshi ul li:hover:after{width:93px;height: 171px;}
.youshi ul li i{display: none;width: 70px; height: 13px;   background: #FFF;  content: ""; position: absolute;   bottom: -8px;    left: 58px; z-index:500;}
.youshi ul li:hover i{display: block;}

/*首页客户案例*/
.home-case{overflow: hidden; margin-bottom: 50px;}
.home-case ul{}
.home-case ul li{ float:left;width: 285px; margin-right:20px; }
.home-case ul li:nth-of-type(4n+0){margin-right:0px;}
.home-case ul li .list-img{border:1px solid #e7e7e7; position: relative;height: 187px; overflow: hidden; background: #FFF;}
.home-case ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.home-case ul li .list-img img:hover{transform:scale(1.2);}
.home-case ul li h2{text-align:center; width: 100%; background: rgba(0,0,0,0.6); font-size: 13px; line-height: 40px; height: 40px; position: absolute; color: #FFF; bottom: 0;}

.home-hezuobg{overflow: hidden; background: url(../images/hezuobg.jpg) no-repeat center; background-size: cover; }
.home-hezuobg{padding-bottom:50px;}
.home-hezuobg ul{}
.home-hezuobg ul li{ float:left;width: 224px; margin-right:20px; margin-bottom: 20px; }
.home-hezuobg ul li:nth-of-type(5n+0){margin-right:0px;}
.home-hezuobg ul li .list-img{overflow: hidden; }
.home-hezuobg ul li .list-img img{max-width: 100%;}




/* 首页公司简介 */
.home-about-l {float: left; width: 500px; margin-right: 30px;}
.home-about-l img{max-width: 100%;}
.home-about-r{float: left; width: 670px;}
.home-about-r span{color: #333; font-size: 28px;font-weight: bold; }
.home-about-r span::after{content: '';position: relative;width: 6px;height: 84px;background: #0aa5cd;display: block;float: left;margin-right: 15px;margin-top: -55px;}
.home-about-r span b{display: block; color: #ccc; text-transform: uppercase; font-size: 50px; margin-left: 20px;line-height: 70px;}
.home-about-r p{color: #999; text-align: justify; margin: 30px 0; text-indent: 2em; line-height: 24px; font-size: 15px;}


/* 首页新闻资讯 */
.home-newsbg{overflow: hidden; background: #F3F3F3; margin: 50px 0; padding: 50px 0;}
.newsbt{width: 100%; margin-bottom: 10px; display: inline-block;}
.newsbt i{ float: left; margin-right: 10px; font-size: 34px; color: #0aa5cd;}
.newsbt span{ float: left; font-size: 22px; color: #333; padding-top: 3px;}


.home-newsimg {overflow: hidden; clear: both;}
.home-newsimg .img{float: left; width: 37%; margin-right: 3%; height: 160px;}
.home-newsimg .img img{width: 100%; height: 100%;}
.home-newsimg .text{float: left; width: 60%;}
.home-newsimg .text h2{color: #333; font-size: 22px;}
.home-newsimg .text time{display: block;padding: 10px 0; color: #999;}
.home-newsimg .text p{color: #666; line-height: 26px;}

.home-newsLeft{ width: 60%; }
.home-newsLeft ul{overflow: hidden; border: 1px solid #E7E7E7; padding:15px 20px;background: #FFF;}
.home-newsLeft ul li { float: left; width: 49%; height:34px; line-height: 34px; border-bottom: 1px dashed #E7E7E7; margin-right: 2%;}
.home-newsLeft ul li:nth-of-type(2n+0){margin-right:0;}
.home-newsLeft ul li a:hover h2{color: #cb3131;}
.home-newsLeft ul li h2{float: left; font-size: 14px; color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.home-newsLeft ul li time{float: right; color: #999;}

.home-newsRight{ width: 37%;margin-left: 3%;}
.home-newsRight ul{overflow: hidden; border: 1px solid #E7E7E7; padding:15px 20px;background: #FFF;}
.home-newsRight ul li { height:34px; line-height: 34px; border-bottom: 1px dashed #E7E7E7; }
.home-newsRight ul li a h2{color: #666;}
.home-newsRight ul li a:hover h2{color: #0aa5cd;}
.home-newsRight ul li h2{float: left; font-size: 14px; color: #333;}
.home-newsRight ul li time{display: block;color: #c9c9c9; float: right;}


/* 首页友情链接 */
.link{overflow: hidden; margin-bottom: 30px;}
.link span{display: block; font-size: 22px; line-height: 40px; border-bottom: 1px solid #E7E7E7; margin-bottom: 10px;}
.link span i{float: left; color: #0aa5cd; font-size: 32px; margin-right: 8px; line-height: 40px;}
.link a{font-size: 13px; color: #999;}
.link a:hover{font-size: 13px; color: #0aa5cd;}
.link a::after{content: '|';position: relative;margin-left: 10px;}


