.pro_menu{background: #235fb4;height:70px;text-align: center;font-size: 0; white-space: nowrap;}
.pro_menu a{display: inline-block; height: 40px; line-height: 40px;font-size:18px;color:#fff;padding:15px 0;margin:0 50px; position: relative;}
.pro_menu a::after{display:none;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;
border-bottom:10px solid #e7e7e7;content:''; position: absolute;bottom:0;left:50%;margin-left:-6px; }
.pro_menu a.active::after{display:block;}
.pro_sub_nav{background: #e7e7e7;text-align: center;font-size: 0; }
.pro_sub_nav a{display: inline-block; height: 40px; line-height: 40px; border-radius: 40px; text-align: center;  font-size:18px;color:#666;margin:15px 25px;padding:0 20px;text-overflow: ellipsis; overflow:hidden; vertical-align: top;}
.pro_sub_nav a:hover,.pro_sub_nav a.active{ color:#235fb4;}
.navFix .pro_sub_nav{position: fixed;top: 60px;left: 0;width:100%; background: rgba(35,95,180,0.9); z-index: 990;} 
.navFix .pro_sub_nav a{background: none;color:#fff;}
.navFix .pro_sub_nav a:hover,.navFix .pro_sub_nav a.active{background: #fff;color: #235fb4;}
.pro_nav_cell{display: none;}
.pro_nav_cell.active{display: block;}
.proTab.mt_60{margin-top:30px;}
.proTab.mb_75{margin-bottom:35px;}
.proTab .tab_cell{display:block; position: relative; overflow: hidden; cursor: pointer;}
.proTab .tab_cell .pro_title{ position: absolute;left:10%;top:50%; transform: translateY(-50%); }
.proTab .tab_cell .pro_title h3{font-size: 16px; color: #333;}
.proTab .tab_cell .pro_title h4{font-size: 12px; color: #ccc;}
.proTab .swiper-slide.active .tab_cell{border-color: #235fb4;} 
.proTab .tab_cell::after{content: ''; position: absolute; bottom: 0;  left: 0;width:0;height:2px; overflow: hidden; z-index: 1; background: #235fb4; transition: all 0.6s; }
.proTab .swiper-slide.active .tab_cell::after{width:100%;}
.proTab .wrap_show{height:0;overflow: hidden;}
.proTab .wrap_show.active{height:auto;}
.proimg{width:50%; overflow:hidden;}
.proimg a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
.proimg_txt{ position: absolute;left:10%;bottom:10%;color: #fff;  line-height: 1.2;padding-bottom:15px;}
.proimg_txt span{display: block; }
.proimg_txt::after{content: ''; position: absolute; bottom: 0;  left: 0;width:34px;height:2px; overflow: hidden; z-index: 1; background: #fff; }
.pro_list{width:49.8%;padding-left:2px;}
.pro_list li{width:50%;float: left;margin-left:-1px;}
.pro_list li a{display: block;background: #fff;border:1px solid #f1f1f1; text-align: center;padding:22px 30px; position: relative; }
.pro_list li a .pro_con{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.pro_list li a:hover .pro_con {transform: translateY(-20px);}
.pro_list li a h3{margin-bottom:2px; }
.pro_list li a p{color: #999; line-height: 1.7;}
.pro_list li a span{display: inline-block;
  padding: 5px 25px;
  font-size: 16px;
  color: #fff;
  border-radius: 30px;
  background: #0a2c7d;
  margin-top: 5px;
  opacity: 0;
  transition: all 0.6s;}
/*.pro_list li a:hover{ background: #fafafa; border-color:#ebebeb; }*/
.pro_list li a:hover span{opacity: 1;}
.proCell .pro_list li:nth-child(2n+1) a{background: #fafafa; border-color:#ebebeb;}
.probox li:nth-child(8n+2) a{background: #fafafa; border-color:#ebebeb;}
.probox li:nth-child(8n+4) a{background: #fafafa; border-color:#ebebeb;}
.probox li:nth-child(8n+5) a{background: #fafafa; border-color:#ebebeb;}
.probox li:nth-child(8n+7) a{background: #fafafa; border-color:#ebebeb;}
.pdf_ico{width:34px;height:34px; background: url(img/pdf.png) no-repeat center; position: absolute;right:6%;top:5%;}
.proContent{width:100%;  }
.proCell{/*display: none; opacity: 0;*/ transition:all 0.6s;  }
.proCell.active{ display: block; opacity: 1;}
.adbox .adtxt{width:90%; left:5%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%); }
.adbox .adtxt h3{color: #fff;line-height:1.6;}
.adbox .adtxt h4{color: #eee;line-height:2.14;margin-top:20px; }
.probox{width:auto;max-width:1280px;margin:0 auto;}
.probox li{width:25%;margin-top:-1px;} 
@media only screen and (min-width: 1921px) {   
  .adbox img{width:100%;}
}
@media only screen and (max-width: 1200px) {
   .pro_sub_nav a{margin:15px;}
  .probox { width: 100%; padding-right: 20px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;} 
   .proimg{width:49.9%;}
   
   .pro_list li a h3{margin-bottom:10px;}
   .pro_list li a span{display: none;}

  
} 
 @media (max-width: 1024px) {
  .pro_menu a{margin:0 30px;}
   .pro_sub_nav a{margin:15px 8px;padding:0 10px;}
   .navFix .pro_sub_nav{top:50px;}
   .pro_list li a span{opacity: 1; display: inline-block; font-size: 12px;}
}
 @media (max-width: 768px) {
  .pro_sub_nav a{ height:30px;line-height: 30px;font-size:14px;margin:15px 5px;padding:0 5px;}
  .adbox{ position: relative; width: 100%; height: 200px; overflow: hidden; } 
  .adbox .adtxt{width:90%;left:5%;}
  .adbox .adtxt h4,.adbox1 .adtxt h4{line-height: 1.8;}
  .adbox img,.adbox1 img { height: 100%;  max-width: none; }
  .proimg{width:100%;float:none;margin-bottom:20px;}
  .proimg img{width:100%;}
  .proCell .pro_list{width:99.8%;float:none; display: block;}
  .proCell .pro_list li{width:50%;}
  .pro_list li{width:33.33%;}
  .probox{padding-left:10px;padding-right:10px;}
  .probox li:nth-child(8n+2) a{background: #fff; border-color:#f1f1f1;}
  .probox li:nth-child(8n+4) a{background: #fff; border-color:#f1f1f1;}
  .probox li:nth-child(8n+5) a{background: #fff; border-color:#f1f1f1;}
  .probox li:nth-child(8n+7) a{background: #fff; border-color:#f1f1f1;}
  .pro_list li:nth-child(6n+2) a{background: #fafafa; border-color:#ebebeb;}
  .pro_list li:nth-child(6n+4) a{background: #fafafa; border-color:#ebebeb;}
  .pro_list li:nth-child(6n+6) a{background: #fafafa; border-color:#ebebeb;}
  .pro_list li a{padding:22px 10px;}
}
 @media (max-width: 480px) {  
  .pro_menu a{margin:0 5px;font-size:14px;} 
  .pro_sub_nav{padding:15px 0;}
  .pro_sub_nav a{margin:0 5px 10px;}
  .adbox .adtxt h3{font-size:20px;} 
  .pro_list li{width:50%;}
  .pro_list li a span{font-size:12px;padding:5px 15px;}
  .probox li:nth-child(8n+2) a{background: #fff; border-color:#f1f1f1;}
  .probox li:nth-child(8n+4) a{background: #fff; border-color:#f1f1f1;}
  .probox li:nth-child(8n+5) a{background: #fff; border-color:#f1f1f1;}
  .probox li:nth-child(8n+7) a{background: #fff; border-color:#f1f1f1;}
  .pro_list li:nth-child(6n+2) a{background: #fff; border-color:#f1f1f1;}
  .pro_list li:nth-child(6n+4) a{background: #fff; border-color:#f1f1f1;}
  .pro_list li:nth-child(6n+6) a{background: #fff; border-color:#f1f1f1;}
  .probox li:nth-child(4n+2) a{background: #fafafa; border-color:#ebebeb;}
  .probox li:nth-child(4n+3) a{background: #fafafa; border-color:#ebebeb;}
}