.productInfo {height: 518px;display: flex;justify-content: space-between;align-items: center; }
.productInfo .box1, .productInfo .box2, .productInfo .box3 {position: relative;overflow: hidden; }
.productInfo .box1 a, .productInfo .box2 a, .productInfo .box3 a {  width: 100%;  height: 100%; }  
.productInfo .box1 a:hover .img, .productInfo .box2 a:hover .img, .productInfo .box3 a:hover .img {transform: scale(1.1); }  
.productInfo .box1 a .img, .productInfo .box2 a .img, .productInfo .box3 a .img {width: 100%;height: 100%;transition: all .5s linear;position: relative; }
.productInfo .box1 a .img img, .productInfo .box2 a .img img, .productInfo .box3 a .img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0; }  
.productInfo .box1 a .txt, .productInfo .box2 a .txt, .productInfo .box3 a .txt {position: absolute;font-family: Microsoft Yahei;font-size: 24px;color: #333;word-spacing: 50px;text-align: left; }
.productInfo .box1 a .txt .title, .productInfo .box2 a .txt .title, .productInfo .box3 a .txt .title {margin-bottom: 11px; }
.productInfo .box1 a .txt .line, .productInfo .box2 a .txt .line, .productInfo .box3 a .txt .line {width: 80px;height: 1px;background: #333333;opacity: 0.6;margin-bottom: 10px; }
.productInfo .box1 a .txt .sub_title, .productInfo .box2 a .txt .sub_title, .productInfo .box3 a .txt .sub_title {font-size: 16px;color: #656461; }
.productInfo .box1 {width: 50%;max-width: 50%;height: 100%;float: left; }
.productInfo .box1 .txt {  left: 42px;  bottom: 42px; }
.productInfo .box_right {width: 50%;max-width: 50%;height: 100%; float: right;}
.productInfo .box_right .box2 {  margin-left: 14.4px;  width: 100%;  height: calc(50% - 7.2px);  margin-bottom: 14.4px; }  
.productInfo .box_right .box2 .txt {left: 42px;bottom: 40px; }
.productInfo .box_right .box3 {  margin-left: 14.4px;  width: 100%;  height: calc(50% - 7.2px);  margin-bottom: 14.4px; }  
.productInfo .box_right .box3 .txt {left: 42px;bottom: 40px; }
.product_show1{display: block;}  .product_show2{display: none;}
@media (max-width: 960px) {
.productInfo {height: 36vw;width: 100%; }
.productInfo .box1, .productInfo .box2, .productInfo .box3 {  position: relative;  overflow: hidden; }  
.productInfo .box1 a .txt, .productInfo .box2 a .txt, .productInfo .box3 a .txt {position: absolute;left: 10px;bottom: 6px;font-size: 12px;transform-origin: left; }
.productInfo .box1 a .txt .title, .productInfo .box2 a .txt .title, .productInfo .box3 a .txt .title {margin-bottom: 3px; font-size: 15px;font-weight: bold;}
.productInfo .box1 a .txt .line, .productInfo .box2 a .txt .line, .productInfo .box3 a .txt .line {width: 30px;margin-bottom: 2px; }   
.productInfo .box1 a .txt .sub_title, .productInfo .box2 a .txt .sub_title, .productInfo .box3 a .txt .sub_title {font-size: 14px; display:none; transform-origin: left; }
.productInfo .box_right {  width: 50%;  max-width: 50%;  height: 100%; }  
.productInfo .box_right .box2 {width: 100%;height: calc(50% - 0.5vw);margin-bottom: 1vw;margin-left: 1vw; }
.productInfo .box_right .box2 .txt {left: 10px;bottom: 6px; }  
.productInfo .box_right .box3 {width: 100%;height: calc(50% - 0.5vw);margin-left: 1vw; }
.productInfo .box_right .box3 .txt {left: 10px;bottom: 6px; }
.product_show1{display: none;}
.product_show2{  display: block;  height: 104vw;}
.product_show2 .box1{  width: 100%;  max-width: 100%;  height: 60%;}
.product_show2 .box_right{  width: 100%;  height: 40%;  padding-top: 2%;  max-width: 100%;}
.product_show2 .box_right .box2{  width: 49%;  margin-bottom: 0vw;  margin-left: 0vw;  float: left;  height: 100%;}
.product_show2 .box_right .box3{  width: 49%;  margin-bottom: 0vw;  margin-left: 0vw;  float: right;  height: 100%;}

.title{ margin-bottom:30px;}
.title p{ text-align:center; font-size:20px; font-weight:600;color:#0f2b53; margin-bottom:10px; background:url(../images/t.png) center no-repeat;}
.title span{ font-size:14px; display:block; text-align:center; color:#1f1f1f; }

 }