.suzy2-commonweb { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 15px; }

.suzy2-banner img { width: 100%; }

.suzy2-hight { padding: 30px 0 30px; background-repeat: no-repeat; background-position: left center; }

.suzy2-title { line-height: 1; text-align: center; font-size: 20px; color: #161615; }

.suzy2-hightview { position: relative; margin-top: 20px; }

.suzy2-hightimg { width: 100%; position: relative; height: 0; padding-top: 75%; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; }

.suzy2-hightimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.suzy2-highttext { padding-top: 10px; }

.suzy2-highttext h3 { line-height: 24px; font-size: 16px; color: #161615; font-weight: bold; }

.suzy2-hightdes { margin-top: 5px; line-height: 20px; font-size: 14px; color: #161615; }

.suzy2-bat { display: none; width: 100%; margin-top: 10px; text-align: center; height: 20px; line-height: 20px; }

.suzy2-bat span { width: 8px; height: 8px; margin: 0 3px; vertical-align: middle; background: #161615; }

.suzy2-bat .swiper-pagination-bullet-active { background: #014d9e; }

.suzy2-active { padding: 30px 0; background-repeat: no-repeat; background-position: center right; background-color: #f3f5f8; }

.suzy2-activetit { padding-top: 20px; text-align: center; line-height: 24px; font-size: 14px; color: #161615; }

.suzy2-activetit h3 { line-height: 24px; font-size: 16px; color: #161615; font-weight: bold; }

.suzy2-activetit h4 { margin-top: 4px; line-height: 24px; font-size: 16px; color: #3f4040; }

.suzy-activetitdes { margin-top: 6px; }

.suzy2-activeview { margin-top: 0px; }

.suzy2-activeview .swiper-container { padding: 20px 0px; }

.suzy2-activeview .suzy2-bat { margin-top: 0; }

.suzy2-activeview .swiper-slide { position: relative; background: #ffffff; -webkit-border-radius: 5px; border-radius: 5px; height: 100%; border-bottom: 2px solid #fff; overflow: hidden; -webkit-box-shadow: 0px 10px 15px -5px rgba(172, 151, 152, 0.5); box-shadow: 0px 10px 15px -5px rgba(172, 151, 152, 0.5); }

.suzy2-activeview .swiper-slide:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#fff), to(#f5f6f8)); background: -webkit-linear-gradient(left, #fff, #f5f6f8); background: -moz- oldlinear-gradient(left, #fff, #f5f6f8); background: -o-linear-gradient(left, #fff, #f5f6f8); background: linear-gradient(90deg, #fff, #f5f6f8); content: ''; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.suzy2-activeview .swiper-slide a { position: relative; z-index: 10; display: block; width: 100%; height: 100%; padding: 20px 15px 20px; }

.suzy2-activevh3 { font-size: 0; line-height: 28px; }

.suzy2-activevh3 img { vertical-align: middle; }

.suzy2-activevh3 span { display: inline-block; vertical-align: middle; padding-left: 10px; font-size: 14px; color: #014d9e; font-weight: bold; }

.suzy2-activevdes { margin-top: 10px; line-height: 24px; font-size: 14px; color: #606060; }

.suzy2-activevdes p { margin-bottom: 8px; }

.suzy2-activevdes p:last-child { margin-bottom: 0; }

a.suzy2-cona { display: block; width: 158px; height: 42px; margin: 15px auto 0; text-align: center; line-height: 42px; font-size: 14px; color: #f21722; background: url(../images/suzy2-cona.png) no-repeat center center/100% 100%; }

a.suzy2-cona:hover { color: #f21722; }

@media (min-width: 768px) { .suzy2-commonweb { padding-right: 20px; padding-left: 20px; } }

@media (min-width: 1024px) { .suzy2-commonweb { padding-right: 40px; padding-left: 40px; }
  .suzy2-hight { padding: 100px 0 130px; }
  .suzy2-title { font-size: 40px; }
  .suzy2-hightview { margin-top: 6.25%; }
  .suzy2-hightview .swiper-slide:hover .suzy2-hightimg { -webkit-box-shadow: 0px 10px 15px -5px rgba(1, 77, 158, 0.5); box-shadow: 0px 10px 15px -5px rgba(1, 77, 158, 0.5); }
  .suzy2-hightview .swiper-slide:hover .suzy2-hightimg img { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); }
  .suzy2-hightview .swiper-slide:hover .suzy2-highttext h3 { color: #c12922; }
  .suzy2-hightimg { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
  .suzy2-hightimg img { -webkit-transition: all .7s; -o-transition: all .7s; -moz-transition: all .7s; transition: all .7s; }
  .suzy2-highttext { padding-top: 25px; }
  .suzy2-highttext h3 { line-height: 28px; font-size: 20px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
  .suzy2-hightdes { margin-top: 10px; line-height: 26px; font-size: 16px; }
  .suzy2-bat { margin-top: 20px; }
  .suzy2-bat span { width: 12px; height: 12px; margin: 0 5px; }
  .suzy2-active { padding: 100px 0; }
  .suzy2-activetit { padding-top: 58px; line-height: 32px; font-size: 16px; }
  .suzy2-activetit h3 { line-height: 30px; font-size: 20px; }
  .suzy2-activetit h4 { line-height: 30px; font-size: 20px; }
  .suzy-activetitdes { margin-top: 16px; }
  .suzy2-activeview { margin-top: 30px; }
  .suzy2-activeview .swiper-slide a { padding: 35px 28px 45px; }
  .suzy2-activeview .swiper-slide { -webkit-transition: background .5s,border-color .5s,-webkit-box-shadow .5s,-webkit-transform .5s; transition: background .5s,border-color .5s,-webkit-box-shadow .5s,-webkit-transform .5s; -o-transition: background .5s,border-color .5s,box-shadow .5s,-o-transform .5s; -moz-transition: background .5s,border-color .5s,box-shadow .5s,transform .5s,-moz-transform .5s; transition: background .5s,border-color .5s,box-shadow .5s,transform .5s; transition: background .5s,border-color .5s,box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s,-moz-transform .5s,-o-transform .5s; }
  .suzy2-activeview .swiper-slide:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); background: #fdfefe; border-color: #c12922; -webkit-box-shadow: 0px 12px 15px -5px #ac9798; box-shadow: 0px 12px 15px -5px #ac9798; }
  .suzy2-activeview .swiper-slide:hover:after { opacity: 1; }
  .suzy2-activevh3 span { font-size: 20px; }
  .suzy2-activevdes { margin-top: 28px; line-height: 32px; font-size: 16px; }
  a.suzy2-cona { width: 196px; height: 52px; margin-top: 30px; line-height: 52px; font-size: 18px; } }

@media (min-width: 1260px) { .suzy2-commonweb { padding-right: 60px; padding-left: 60px; } }