@charset "utf-8";

/* 幻灯片 */
#banner{}
#banner .swiper-slide{ width: 100%;}
#banner .swiper-slide img{max-width: 100%;}
#banner .swiper-button-prev,
#banner .swiper-button-next{opacity: 0;transition: all .3s;}
#banner .swiper-button-prev{left: 20px;width: 40px;height: 40px;background: url(../images/prev.png) no-repeat center;}
#banner .swiper-button-prev:hover{background: url(../images/prev_hover.png) no-repeat center;}
#banner .swiper-button-prev::after{display: none;}
#banner .swiper-button-next{right: 20px;width: 40px;height: 40px;background: url(../images/next.png) no-repeat center;}
#banner .swiper-button-next:hover{background: url(../images/next_hover.png) no-repeat center;}
#banner .swiper-button-next::after{display: none;}
#banner:hover .swiper-button-prev,
#banner:hover .swiper-button-next{opacity: 1;}


.home-title{ text-align: center; color: #ccc; padding: 40px 0;}
.home-title h2{font-size: 32px;color: #333; font-weight: bold;}
.home-title .fg{ background: url(../images/fg.png) no-repeat center; height: 20px; margin: 10px 0;}
.home-title small{display: block; font-size: 16px; color: #666; line-height: 22px; text-transform: uppercase;}



/* 产品中心 */
.home-prolist{ text-align: center; margin-bottom: 30px;}
.home-prolist ul{ display: inline-block;}
.home-prolist ul li{ float: left;  margin:0 15px; font-size: 16px;}
.home-prolist ul li a{display: block; height: 46px; line-height: 46px; border: 1px solid #FFF; background: #FFF; padding: 0 40px;border-radius: 50px;}
.home-prolist ul li a:hover{border: 1px solid #0050a5; background: #0050a5; color: #FFF;}

.home-probg{overflow: hidden; background: #f2f2f2; padding: 40px 0;}
.home-pro { margin-bottom: 30px;}
.home-pro ul {}
.home-pro ul li{float: left;width: 277px; margin-right: 30px; margin-bottom: 30px;}
.home-pro ul li:nth-of-type(4n+0){margin-right: 0;}
.home-pro ul li h2{color: #666;font-size: 14px; line-height: 30px; text-align: center; }
.home-pro ul li .img{overflow: hidden; background: #FFF; }
.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-more{overflow: hidden; margin: 0 auto; margin-bottom: 50px; background: #FFF; text-align: center; border-radius: 50px; width: 170px; height: 46px; line-height: 46px; border: 1px solid #0050a5;}
.home-pro-more a{font-size: 17px; color: #666;}
.home-pro-more a i{color:#d52621; font-size: 22px;}


/* 关于我们 */
.home-aboutbg{ overflow: hidden; background: url(../images/about.jpg) no-repeat center; height: 552px;}
.home-about{float: right; width: 800px; background: #FFF; padding: 30px; margin-top: 100px;}
.home-about h1{color: #222; font-size: 28px;font-weight: bold;}
.home-about h1 em{display: block; color: #999; font-size: 16px;line-height: 50px;}
.home-about h2{color: #2756cc; font-size: 22px;line-height: 51px;font-weight: bold; }
.home-about .desc{color: #666; line-height: 28px; font-size: 14px;}



/* 案例中心 */
.home-case{overflow: hidden; padding-bottom: 50px;}
.home-case ul{}
.home-case ul li{float: left; width: 366px;  margin-right: 50px; cursor: pointer;}
.home-case ul li:last-child{margin-right: 0;}
.home-case ul li:hover .img{box-shadow: 0 0 10px rgba(0,0,0,0.3);border: 1px solid #dc0110;}
.home-case ul li .img{position: relative;height: 222px;overflow: hidden;border: 1px solid #E7E7E7;  }
.home-case ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.home-case ul li .img img:hover{transform: scale(1.2);}
.home-case ul li span{display: block; font-size: 16px;color: #333; text-align: center; line-height: 48px;}

.home-hj{overflow: hidden; margin: 30px 0;}
.home-hj ul{}
.home-hj ul li{float: left; width: 277px;  margin-right: 30px; cursor: pointer;}
.home-hj ul li:last-child{margin-right: 0;}
.home-hj ul li .img{position: relative;height: 181px;overflow: hidden;border: 1px solid #E7E7E7;  }
.home-hj ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.home-hj ul li .img img:hover{transform: scale(1.2);}
.home-hj ul li span{display: block; font-size: 13px;color: #333; text-align: center; line-height: 48px;}

.home-honor{overflow: hidden; margin-bottom: 30px;}
.home-honor ul{}
.home-honor ul li{float: left; width: 224px;  margin-right: 20px; cursor: pointer; margin-bottom: 20px;}
.home-honor ul li:nth-of-type(5n+0){margin-right: 0;}
.home-honor ul li .img{position: relative;height:100px;overflow: hidden;border: 1px solid #E7E7E7;  }
.home-honor ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.home-honor ul li .img img:hover{transform: scale(1.2);}




/* 新闻资讯 */
.home-newsbg{overflow: hidden; background: #f4f4f5; padding-bottom: 50px;}

.home-news-lbt{overflow: hidden; height: 80px; border-bottom: 1px solid #E7E7E7;}
.home-news-lbt i{float: left; background: #dc0110; line-height: 80px; width: 90px; color: #FFF; font-size: 32px; text-align: center;}
.home-news-lbt span{float: left; padding: 16px; font-size: 22px;}
.home-news-lbt span em{ display: block; text-transform: uppercase; font-size: 14px;}
.home-news-lbt .more{float: right;line-height: 80px; margin-right: 20px;}

.home-news-l{float: left; width: 700px; background: #ffffff;}
.home-news-l ul{ padding: 15px 30px;}
.home-news-l ul li{ height: 40px; line-height: 40px; border-bottom: 1px dashed #E7E7E7;}
.home-news-l ul li span{position: relative;}
.home-news-l ul li span::before{content: ''; position: absolute; background:#ccc; width: 5px; height: 5px; border-radius: 100%; margin-top: 18px; margin-left: 5px;}
.home-news-l ul li span a{ padding-left: 20px;}
.home-news-l ul li time{float: right; color: #999;}
.home-news-r{float: left; width: 500px;}
.home-news-r ul{}
.home-news-r ul li{overflow: hidden;}
.home-news-r ul li a{color: #FFF;}
.home-news-r ul li .img{float: left; width: 50%;overflow:hidden; height:260px;}
.home-news-r ul li .img img{max-height:100%}
.home-news-r ul li .text{float: left; width: 50%; padding: 15px; background: url(../images/bg2.jpg) no-repeat; background-size: cover;height: 260px; color: #FFF;}
.home-news-r ul li .text h2{font-size:17px; font-weight: bold; line-height: 32px; margin-bottom: 20px;}
.home-news-r ul li .text p{ color: #999;}
.home-news-r ul li .text .more{margin-top: 15px;}
.home-news-r ul li:last-child .img{float: right;}
.home-news-r ul li:last-child .text{float: left;}