.list_navs .btn{display: inline-block;height:50px;line-height: 48px;background: #f5f5f5;margin: 0 10px;font-size: 18px;padding: 0 25px; cursor: pointer;}
.list_navs .btn.on{background-color: #215ba5; color: #fff;border-color: #215ba5;color: #fff;}
.list_navs .btn:hover{color: #215ba5;}
.list_navs .btn.on:hover{color: #fff;}

/* 产品中心 */
.product_box .cont li{width: 380px;height: 285px;position: relative;box-shadow: 0 3px 10px rgba(0,0,0,0.2);margin: 0 30px 30px 0;float: left;}
.product_box .cont li:nth-child(3n){margin-right: 0;}
.product_box .cont li .pic{width: 100%;height: 285px;overflow: hidden;}
.product_box .cont li .pic img{width: 100%;height: 100%; display: block;transition: all 0.5s;}
.product_box .cont li:hover .pic img{transform: scale(1.1);}
.product_box .cont li .infor{width: 100%;height: 46px;line-height: 46px;background: rgba(0,0,0,0.5);color: #fff;padding: 0 15px;position: absolute;left: 0;bottom: 0;right: 0;}
.product_box .cont li .tit{width: 80%;}


/* 新闻中心 */
.news_box .cont li{padding:20px 0;border-bottom: 1px dashed #e1e1e1;}
.news_box .cont li a{display: block;padding: 20px;background: #f8fafc;}
.news_box .cont .pic{width: 380px;height: 225px;overflow: hidden;position: relative;float: left;}
.news_box .cont li a{display: block;overflow: hidden;}
.news_box .cont .pic .xian{position: absolute;left: 20px;top: 20px;right: 20px;bottom: 20px;background: url(../images/news-icon2.png) no-repeat 0 0 /100% 100%; z-index: 1;}
.news_box .cont .pic img{width: 100%;height: 100%; display: block;transition: all 0.6s ease;}
.news_box .cont .infor{padding-left: 10px;float: right;width:66%;padding-top: 15px;}
.news_box .cont .tit{font-size: 18px;line-height: 30px;margin-bottom: 20px;}
.news_box .cont .text{font-size: 15px;line-height: 30px;color: #999;height: 60px;margin-bottom: 20px;}
.news_box .cont .btn{width: 120px;height:36px;line-height: 34px;border: 1px solid #215ba5; color: #215ba5;font-size: 15px; display: block;}
.news_box .cont .time{color: #999;font-size: 14px;margin-right: 15px;margin-top: 10px;}
.news_box .cont li a:hover{outline: 2px solid #215ba5;background: #fff;}
.news_box .cont li:hover .img{transform: scale(1.1);}
.news_box .cont li:hover .tit,.news_box .cont li:hover .text,.news_box .cont li:hover .time{color: #215ba5;}
.news_box .cont li:hover .btn{background: #215ba5; color: #fff;}


/* 案例中心 */
.case_box .cont li{margin-bottom: 30px;}
.case_box .cont .pic{width: 600px;height: 330px;overflow: hidden; float: left;}
.case_box .cont .pic img{width: 100%;height: 100%; display: block;transition: all 0.6s ease;}
.case_box .cont li .infor{width: 600px;height: 330px;border: 1px solid #eee;background: #fff;padding: 30px 30px; float: right;}
.case_box .cont li .tit{color: #215ba5; font-size: 20px; line-height: 30px; font-weight: normal; margin-bottom: 20px;}
.case_box .cont li .text{color: #999;font-size: 15px;line-height: 30px;}
.case_box .cont .b_box{margin-top: 90px;}
.case_box .cont .btn{width: 120px;height:36px;line-height: 34px;border: 1px solid #215ba5; color: #215ba5;font-size: 15px; display: block;position: relative;justify-content: center; display: flex;align-items: center}
.case_box .cont .time{color: #999;font-size: 14px;margin-top: 10px;}

.case_box .cont li:nth-of-type(odd) .pic{float: left;}
.case_box .cont li:nth-of-type(odd) .infor{float: right;border-left: 0;}
.case_box .cont li:nth-of-type(odd) .btn::before{content: '\e60b'; font-size: 24px;line-height: 30px; margin-right: 3px;}

.case_box .cont li:nth-of-type(even) .pic{float: right;}
.case_box .cont li:nth-of-type(even) .infor{float: left;border-right: 0;text-align: right;}
.case_box .cont li:nth-of-type(even) .btn::after{content: '\e6c0'; font-size: 24px;line-height: 30px; margin-left: 3px;}
/* .case_box .cont li:hover{outline: 2px solid #215ba5;} */
.case_box .cont li:hover .pic img{transform: scale(1.1);}
.case_box .cont li:hover{box-shadow: 0 0px 20px rgba(0,0,0,0.15);}
.case_box .cont li:hover .infor{background: #215ba5;border-color: #215ba5;}
.case_box .cont li:hover .tit,.case_box .cont li:hover .text,.case_box .cont li:hover .time{color: #fff;}

.case_box .cont li:hover .btn{border-color: #fff;color: #fff;}



/* 案例样式二 */
.case_box .cont2 li{width: 48%;float: left; margin-bottom: 45px;}
.case_box .cont2 li:nth-child(2n){float: right;}
.case_box .cont2 .pic{width:100%;height: 328px;overflow: hidden;}
.case_box .cont2 .pic img{width: 100%;height: 100%; display: block;transition: all 1s ease;}
.case_box .cont2 li .infor{height: 130px;border: 1px solid #eee;background: #fff;padding: 15px 20px;}
.case_box .cont2 li .tit{color: #333; font-size: 18px; line-height: 30px; font-weight: normal;}
.case_box .cont2 .btn{width: 110px;height:34px;line-height: 32px;border: 1px solid #215ba5; color: #215ba5;font-size: 14px; display: block;justify-content: center; display: flex;align-items: center;}
.case_box .cont2 li .btn::after{content: '\e6c0'; font-size: 18px;line-height: 30px; margin-left: 5px;}
.case_box .cont2 .time{color: #999;font-size: 15px;}

.case_box .cont2 li:hover .pic img{transform: scale(1.05);}
.case_box .cont2 li:hover{box-shadow: 0 0px 20px rgba(0,0,0,0.15);}
.case_box .cont2 li:hover .tit,.case_box .cont2 li:hover .time{color: #215ba5;}
.case_box .cont2 li:hover .btn{border-color: #215ba5;background: #215ba5;color: #fff;}