.page_nav{ box-shadow: 0 2px 5px rgba(0,0,0,0.08);line-height: 60px;height: 60px;background: #fff;}
.page_nav .tt{width: 50%;display: block;float: left;position: relative; cursor: pointer;}
.page_nav .tt.on{color: #3071b9;font-weight: bold;}
.page_nav .tt.on::after{content: '';width: 60px;height: 2px;background: #3071B9;position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);}
.page_nav .tt:first-child::before{content: '';width: 1px; height: 30px;background: #E1E1E1;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page_nav .tt:hover{color: #3071b9;}

.prodct_nav1{height: 66px;line-height: 66px;background: #F5F5F5;}
.prodct_nav1 span{width: 14.28%;display: block;float: left;padding: 0 5px; cursor: pointer;}
.prodct_nav1 span.on{background: #3071b9; color: #fff;position: relative;}
.prodct_nav1 span.on::after{content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right:10px solid transparent;border-top: 10px solid #3071b9;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.prodct_nav1 span:hover{color: #3071b9;}
.prodct_nav1 span.on:hover{color: #fff;}
.prodct_nav1 span.enstyle{line-height: 20px;height: 66px;padding: 13px 5px;  display: flex;justify-content: center;align-items: center;}


.prodct_nav2{padding: 25px 15px 20px 15px;}
.prodct_nav2 span{float: left;padding: 0 15px;line-height: 36px;height: 38px;border: 1px solid #E1E1E1; color: #666;border-radius: 40px;margin-right: 25px; cursor: pointer;}
.prodct_nav2 span.on{color: #3071b9;border-color: #3071b9; cursor: pointer;}
.prodct_nav2 span:hover{color: #3071b9;}

.product .list li{width: 380px;height: 490px;padding:10px;background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.06); float: left;margin: 0 30px 30px 0;}
.product .list li:nth-child(3n){margin-right: 0;}

.product .list li .pic{width: 100%;height: 416px;overflow: hidden;}
.product .list li .pic img{width: 100%;height: 100%; display: block;transition: all 1s;}
.product .list li .tit{padding: 0 5px;line-height:30px;height:30px; margin: 15px 0 10px 0;}
.product .list li:hover{box-shadow: 0 3px 10px rgba(0,0,0,0.2)}
.product .list li:hover img{transform: scale(1.05);}
.product .list li:hover .tit{ color: #3071b9;}

/* 产品地图 */

.pro_map .cont .pic{width: 1000px;height: 528px;border-radius: 50px;border: 20px solid #e3e8f0; overflow: hidden; margin: 0 auto; box-shadow:0 3px 15px rgb(31 118 202 / 10%);}
.pro_map .cont .pic img{width: 100%;height: 100%; display: block;}

.pro_sevice2{background: url(../images/prodct_sevice1.png) no-repeat center top/100% 100%;}
.pro_sevice2 li{width: 270px; float: left;margin-right:40px;}
.pro_sevice2 li:last-child{margin-right: 0;}
.pro_sevice2 li .pic{width: 100%;height: 406px;border: 5px solid #fff; overflow: hidden; box-shadow: 0 5px 12px rgba(8,52,98,0.3);}
.pro_sevice2 li .pic img{width: 100%;height: 100%;display: block;transition: all 1s;}
.pro_sevice2 li .tit{line-height: 30px;margin-top: 20px;height: 30px;}
.pro_sevice2 li:hover img{transform: scale(1.05);}

.pro_sevice3{background: #f2f2f2;}
.pro_sevice3 .left{width: 560px;height: 450px;}
.pro_sevice3 .left img{width: 100%; display: block;}
.pro_sevice3 .right{width: 610px;min-height: 450px;padding-top: 25px;}
.pro_sevice3 .right li{margin-bottom: 15px;padding: 15px;word-break: break-all;}
.pro_sevice3 .right li:last-child{margin-bottom: 0;}
.pro_sevice3 .right li h1{font-size: 22px; color: #3071B9;}
.pro_sevice3 .right li .dian{width: 20px;height: 20px;background: #3071b9;display: block;float: left; margin-right: 10px;}
.pro_sevice3 .right li .text{margin-top: 15px;font-size: 16px;line-height: 28px;}
.pro_sevice3 .right li:hover{background: #e0e9f3;}

.pro_sevice4 .cont .pic{width: 900px;height:380px;margin: 0 auto;background: #fff;box-shadow: -20px -20px 0 #3071b9;}
 
.pro_sevice4 .cont .img{width: 100%;height: 100%;overflow: hidden;box-shadow: 0 5px 15px rgb(0 0 0 / 10%);}
.pro_sevice4 .cont .img img{width: 100%;height: 100%; display: block;transition: all 1s;}
.pro_sevice4 .cont .img:hover img{transform: scale(1.03);}