#boxPro { width:100%; float:left;}
#boxPro .main { width:100%; float: left; padding: 30px; box-sizing: border-box;}
#pro { width:100%; float:left;}
#pro .title { width:100%; float:left; text-align:center; font-size:24px; line-height:28px; color:#fff; font-family: 'Din-Bold'; text-transform: none;}
#boxPro.bg_no .title { color: #333; }
#pro .content { width:100%; float:left; margin-top:6px; font-size:13px; line-height:18px; color:#fff; text-align:center;}
#boxPro.bg_no .content { color: #333; }
#pro .swiper { width:100%; float:left; margin-top:12px; position:relative;}
#pro .swiper .swiper-container { width:100%; float:left; padding-bottom: 19px;}
#pro .swiper .swiper-container .swiper-wrapper { width:100%; float:left;}
#pro .swiper .swiper-container-no .swiper-wrapper .swiper-slide { width:100%; float:left;}
#pro .swiper .swiper-slide .img { width: 100%; float: left; overflow: hidden; position: relative; }
#pro .swiper .swiper-slide .img .imgdetail { width: 100%; float: left; }
#pro .swiper .swiper-slide .img img { width: 100%; float: left; height: auto; }
#pro .swiper .swiper-slide .img .overimg { width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background-color: rgba(0,0,0,0.3); }
#pro .swiper .swiper-slide .img .otitle { width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; font-family: 'Din-Bold'; text-align: center; padding: 0 20px; box-sizing: border-box; line-height: 18px; }
#pro .swiper .swiper-slide .title,
#pro .swiper .swiper-slide .title a { width: 100%; float: left; margin-top: 10px; font-family: 'Din-Bold'; font-size: 16px; line-height: 20px; text-align: left; }
#pro .swiper .swiper-slide .title a { color: #0095d8;}
#pro .swiper .swiper-slide .excerpt { margin-top: 10px; font-size: 13px; line-height: 18px; color: #666; border-top: 1px solid #ccc; padding-top: 10px; width: 100%; float: left;}
#pro .swiper .swiper-pagination { bottom: 0px; }
#pro .swiper .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; border:1px solid #0095d8; border-radius:100%; box-sizing:border-box; background:none; opacity:1; margin: 0 3px; }
#pro .swiper .swiper-pagination .swiper-pagination-bullet-active { border:1px solid #0095d8; background:#0095d8;}

#pro .area { width:100%; float:left; text-align:center; font-size:13px; line-height:18px; color:#fff; margin: 10px 0;}
#boxPro.bg_no .area { color: #333; }
#pro .link { width:100%; float:left; }
#boxPro #pro .link a { width: 100%; height: 51px; border-bottom: 4px solid #c86b00; background: #f19831; color: #fff; text-align: center; line-height: 51px; font-size: 21px; font-family: 'Din-Bold',Arial; text-transform: none; float: left; position:relative;}
#boxPro #pro .link a+a { margin-top: 10px; }
#boxPro #pro .link a:after { content:""; position: absolute; right: 14px; width: 8px; height: 11px; background: url(../images/icon-right-arrow-white.png) center center no-repeat; top: 50%; margin-top: -5.5px; }