@charset "UTF-8";
/*加载字体*/
@font-face { font-family: 'sybold'; src: url("../fonts/SourceHanSans-Bold.otf"); }
@font-face { font-family: 'syreg'; src: url("../fonts/SOURCEHANSANSCN-REGULAR.OTF"); }
@font-face { font-family: 'symed'; src: url("../fonts/SOURCEHANSANSCN-MEDIUM.OTF"); }
img, .zs-5head span, .zs-5item, .zs-5cont p, .zs-6content .swiper-button-prev, .zs-6content .swiper-button-next, .zs-7item, .zs-7cont em, .zs-7content .swiper-button-prev, .zs-7content .swiper-button-next { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

/*分享*/
.weixin-prop { width: 300px; height: 380px; border: 1px #ddd solid; background: #fff; position: fixed; left: 50%; top: 50%; margin: -190px 0px 0px -150px; z-index: 2345667; }

.weixin-close { width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; line-height: 30px; text-align: center; font-size: 20px; color: #333; cursor: pointer; }

.weixin-close:before { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(45deg); }

.weixin-close:after { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(-45deg); }

.weixin-img { float: left; width: 250px; margin: 60px 0px 0px 25px; }

.weixin-img canvas { width: 250px; height: 250px; }

.weixin-prop p { float: left; width: 100%; overflow: hidden; font-size: 14px; text-align: center; color: #222; }

/*swiper*/
.swiper-container { width: 100%; height: 100%; }

.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: auto; }

.swiper-button-prev, .swiper-button-next { background: none; }

.swiper-button-prev::after, .swiper-button-next::after { content: ""; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.hinge { -webkit-animation-duration: 3s; animation-duration: 3s; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

/*video*/
.video-prop { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 1000; background: rgba(0, 0, 0, 0.6); text-align: center; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.video-prop:before { height: 100%; content: ""; display: inline-block; vertical-align: middle; }

.video-center { width: 65%; vertical-align: middle; display: inline-block; position: relative; }

.video-center video { width: 100%; height: auto; display: block; }

.video-close { width: 36px; height: 36px; overflow: hidden; position: absolute; right: -18px; top: -18px; z-index: 12; border-radius: 50%; background: #fafafa; text-align: center; cursor: pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.video-close:before { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(45deg); }

.video-close:after { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(-45deg); }

.video-close:hover { transform: rotate(180deg); }

.video-active { opacity: 1; visibility: visible; }

@media screen and (max-width: 768px) { .video-center { width: 90%; }
  .video-close { width: 32px; height: 32px; right: -16px; top: -16px; } }
@media screen and (max-width: 768px) { .video-center { width: 90%; }
  .video-close { width: 32px; height: 32px; right: -16px; top: -16px; } }
@keyframes updown { 0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0px); } }
@keyframes fades { 0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); } }
/*banner*/
.banner { width: 100%; overflow: hidden; position: relative; }

.banner img { float: left; width: 100%; height: auto; }

.banner-ver { width: 1440px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; margin-top: 40px; }

.banner-ver .h3 { float: left; width: 100%; overflow: hidden; font-size: 46px; font-family: "symed"; }

.banner-ver p { float: left; width: 100%; overflow: hidden; font-size: 20px; font-family: "syreg"; }

.banner-ver ul { float: left; width: 100%; overflow: hidden; margin-top: 40px; }

.banner-ver ul li { float: left; width: 146px; }

.banner-ver ul li span { width: 100%; display: block; overflow: hidden; font-size: 16px; font-family: "syreg"; }

.banner-ver ul li span samp { font-size: 50px; font-style: normal; font-family: "Arial","Microsoft YaHei","宋体"; margin-right: 10px; }

.banner-ver ul li em { width: 100%; display: block; overflow: hidden; font-size: 16px; font-family: "syreg"; font-style: normal; }

/*zhengti-fangan*/
.zs-1 { width: 100%; overflow: hidden; padding: 100px 0px 170px; background: #fff url("../images/bg.jpg") no-repeat left bottom; background-size: 100%; }

.zs-2 { width: 1440px; overflow: hidden; margin: 0px auto; }

.zs-2 .h3 { width: 100%; overflow: hidden; text-align: center; position: relative; font-size: 46px; color: #333; font-family: "syreg"; padding-bottom: 30px; }

.zs-2 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; background: #108cee; }

.zs-2 form { width: 100%; display: block; overflow: hidden; margin-top: 60px; background: #edeff4; height: 60px; line-height: 60px; }

.zs-2 .txt { float: right; width: calc(100% - 60px); overflow: hidden; height: 100%; background: none; font-size: 18px; color: #999; font-family: "syreg"; }

.zs-1 .txt::placeholder { color: #999 !important; opacity: 1; }

.zs-1 .txt::-webkit-input-placeholder { color: #999 !important; opacity: 1; }

.zs-1 .txt::-ms-input-placeholder { color: #999 !important; opacity: 1; }

.zs-1 .txt::-moz-placeholder { color: #999 !important; opacity: 1; }

.zs-2 .bt { float: left; width: 60px; height: 100%; overflow: hidden; background: url("../images/icon-1.png") no-repeat center; cursor: pointer; border: none; }

.sz-3 { width: 100%; margin: 53px auto 0px; padding-bottom: 15px; overflow: hidden; }

.sz-3 .h4 { width: 1440px; overflow: hidden; font-size: 24px; color: #333; font-family: "sybold"; line-height: 33px; border-bottom: 1px #ccc solid; padding-bottom: 27px; margin: 0px auto; }

.sz-3 .h4 img { float: left; margin-right: 15px; }

.sz-3content { width: 1440px; display: flex; flex-wrap: wrap; margin: 10px auto 0px; }

.sz-3content span { width: 18.5%; line-height: 44px; font-size: 16px; color: #666; }

.sz-3content span a { color: #666; position: relative; font-size: 16px; font-family: "syreg"; }

.sz-3content span a:before { width: 32px; height: 15px; line-height: 18px; content: "HOT"; position: absolute; right: -38px; top: 0px; border-radius: 3px; background: #ff3c3c; font-size: 10px; color: #fff; text-align: center; opacity: 0; }

.sz-3content span:nth-child(6n) { width: 7.5%; text-align: right; }

.sz-3content span a:hover { color: #108cee; }

.sz-3content span.hot a:before { opacity: 1; }

.sz-3 ul { width: 1440px; margin: 10px auto 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }

.sz-3 ul li { width: auto; line-height: 44px; }

.sz-3 ul li em { width: 100%; overflow: hidden; font-style: normal; font-size: 18px; color: #108cee; font-family: "symed"; margin-top: 5px; }

.sz-3 ul li em a { color: #108cee; }

.sz-3 ul li p { width: 100%; }

.sz-3 ul li p span { width: 100%; display: block; position: relative; }

.sz-3 ul li p span a { color: #666; position: relative; font-size: 16px; font-family: "syreg"; }

.sz-3 ul li p span a:before { width: 32px; height: 15px; content: ""; position: absolute; right: -38px; top: 0px; border-radius: 3px; background: #ff3c3c; font-size: 10px; color: #fff; text-align: center; opacity: 0; background: url("../images/icon-31.png") no-repeat; }

.sz-3 ul li p a:hover { color: #108cee; }

.sz-3 ul li p span.hot a:before { opacity: 1; }

.sz-4content { width: 1440px; margin: 10px auto 0px; line-height: 44px; }

.sz-4left { float: left; width: 47.6%; }

.sz-4left em { width: 100%; overflow: hidden; font-style: normal; font-size: 18px; color: #108cee; font-family: "symed"; margin-top: 5px; }

.sz-4left em a { color: #108cee; }

.sz-4center { float: left; width: 100%; display: flex; justify-content: space-between; }

.sz-4center p { width: auto; }

.sz-4center p span { width: 100%; display: block; }

.sz-4center p span a { color: #666; position: relative; font-size: 16px; font-family: "syreg"; }

.sz-4center p span a:before { width: 32px; height: 15px; content: ""; position: absolute; right: -38px; top: 0px; border-radius: 3px; background: #ff3c3c; font-size: 10px; color: #fff; text-align: center; opacity: 0; background: url("../images/icon-31.png") no-repeat; }

.sz-4center p a:hover { color: #108cee; }

.sz-4center p span.hot a:before { opacity: 1; }

.sz-4right { float: right; width: 43%; display: flex; justify-content: space-between; }

.sz-4item { width: auto; }

.sz-4item em { width: 100%; overflow: hidden; font-style: normal; font-size: 18px; color: #108cee; font-family: "symed"; margin-top: 5px; }

.sz-4item em a { color: #108cee; }

.sz-4item span { width: 100%; display: block; position: relative; }

.sz-4item span a { color: #666; position: relative; font-size: 16px; font-family: "syreg"; }

.sz-4item span a:before { width: 32px; height: 15px; content: ""; position: absolute; right: -38px; top: 0px; border-radius: 3px; background: #ff3c3c; font-size: 10px; color: #fff; text-align: center; opacity: 0; background: url("../images/icon-31.png") no-repeat; }

.sz-4item a:hover { color: #108cee; }

.sz-4item span.hot a:before { opacity: 1; }

/*hot-fangan*/
.zs-5 { width: 100%; overflow: hidden; background: #e9ebf5; padding: 100px 0px 90px; }

.zs-5 .h3 { width: 100%; overflow: hidden; text-align: center; font-size: 46px; color: #333; font-family: "symed"; }

.zs-5head { width: 510px; overflow: hidden; height: 50px; line-height: 50px; margin: 30px auto 0px; background: #fff; border-radius: 25px; }

.zs-5head span { float: left; width: 50%; height: 100%; overflow: hidden; text-align: center; font-size: 20px; color: #333; font-family: "syreg"; border-radius: 25px; cursor: pointer; }

.zs-5head span.active { background: #108cee; color: #fff; }

.zs-5content { width: 1440px; margin: 38px auto 0px; position: relative; }

.zs-5pannel { width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 0; transform: translateY(40px); }

.zs-5pannel.active { width: 100%; position: relative; left: 0px; top: 0px; z-index: 2; opacity: 1; }

.zs-5left { float: left; width: 32.778%; }

.zs-5right { float: right; width: 32.778%; }

.zs-5item { width: 100%; overflow: hidden; box-sizing: border-box; border: 2px #fff solid; height: 190px; margin-top: 20px; background: -webkit-linear-gradient(top, #eaeff4, #fcfdfe); background: -moz-linear-gradient(top, #eaeff4, #fcfdfe); background: -ms-linear-gradient(top, #eaeff4, #fcfdfe); background: -o-linear-gradient(top, #eaeff4, #fcfdfe); box-shadow: 0px 0px 12px 4px rgba(0, 11, 65, 0.09); padding: 30px; }

.zs-5item:hover { transform: translateY(-3px); }

.zs-5item a { width: 100%; height: 100%; display: block; }

.zs-5item:first-child { margin-top: 0px; }

.zs-5center { width: 31.25%; overflow: hidden; position: relative; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.zs-5center img { width: 100%; height: auto; }

.zs-arr { width: 10%; position: absolute; animation: fades 1.5s ease-in infinite alternate; opacity: 0; }

.zs-arr.zs1 { left: 0%; top: 0%; }

.zs-arr.zs2 { right: 0%; top: 0%; }

.zs-arr.zs3 { left: 0%; top: 48%; }

.zs-arr.zs4 { right: 0%; top: 48%; }

.zs-arr.zs5 { left: 0%; bottom: 0%; }

.zs-arr.zs6 { right: 0%; bottom: 0%; }

.zs-5item samp { float: left; width: 30px; height: 30px; position: relative; overflow: hidden; }

.zs-5item samp img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.zs-5cont { float: right; width: calc(100% - 50px); overflow: hidden; }

.zs-5cont span { float: left; width: 100%; overflow: hidden; font-size: 16px; color: #333; font-family: "symed"; }

.zs-5cont span em { font-size: 24px; margin-right: 12px; font-style: normal; }

.zs-5info { float: left; width: 100%; overflow: hidden; line-height: 24px; font-size: 16px; color: #999; font-family: "syreg"; margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.zs-5cont p { float: left; width: 100%; font-size: 16px; color: #0d8dff; font-family: "syreg"; margin-top: 20px; }

.zs-5cont p:hover { transform: translateX(5px); }

.zs-5pannel.active { animation: updown 0.6s ease 1; animation-fill-mode: forwards; }

.zs-6 { width: 100%; overflow: hidden; background: #fff; padding: 110px 0px 70px; }

.zs-6 .h3 { width: 100%; overflow: hidden; text-align: center; position: relative; font-size: 46px; color: #333; font-family: "syreg"; padding-bottom: 30px; }

.zs-6 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; background: #108cee; }

.zs-6content { width: 1440px; margin: 42px auto 0px; position: relative; }

.zs-6item { width: 100%; overflow: hidden; cursor: pointer; }

.zs-6pic { float: left; width: 100%; position: relative; overflow: hidden; background: #000; }

.zs-6pic img { width: 100%; height: auto; opacity: 0.6; }

.zs-6item:hover .zs-6pic img { transform: scale(1.02); }

.zs-6pic span { width: 54px; height: 54px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("../images/icon-18.png") no-repeat; background-size: 100%; }

.zs-6bottom { float: left; width: 100%; overflow: hidden; margin-top: 20px; height: 33px; line-height: 33px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 24px; color: #333; font-family: "symed"; }

.zs-6bottom span { width: auto; height: 100%; border-radius: 5px; padding: 0px 13px; background: -webkit-linear-gradient(left, #54a1fd, #4ed6c7); background: -moz-linear-gradient(left, #54a1fd, #4ed6c7); background: -ms-linear-gradient(left, #54a1fd, #4ed6c7); background: -o-linear-gradient(left, #54a1fd, #4ed6c7); font-size: 14px; color: #fff; display: inline-block; margin-right: 12px; vertical-align: top; }

.zs-6content .swiper-button-prev { width: 24px; height: 42px; background: url("../images/icon-19.png") no-repeat center; background-size: 100%; left: -50px; opacity: 0.5; top: 36%; }

.zs-6content .swiper-button-next { width: 24px; height: 42px; background: url("../images/icon-19.png") no-repeat center; background-size: 100%; right: -50px; opacity: 0.5; transform: rotate(180deg); top: 36%; }

.zs-6content .swiper-button-prev:hover, .zs-6content .swiper-button-next:hover { opacity: 1; }

.zs-6pag { width: 100%; overflow: hidden; margin-top: 56px; }

.zs-6pag .swiper-pagination { width: 100%; text-align: center; }

.zs-6pag .swiper-pagination span { width: 11px; height: 11px; margin: 0px 5px; background: #bdccde; opacity: 1; }

.zs-6pag .swiper-pagination .swiper-pagination-bullet-active { background: #2a87f9; }

.zs-7 { width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0px 60px; }

.zs-7head { width: 100%; overflow: hidden; text-align: center; position: relative; padding-bottom: 30px; }

.zs-7head .h3 { width: 100%; overflow: hidden; font-size: 46px; color: #333; font-family: "syreg"; }

.zs-7info { width: 100%; overflow: hidden; font-size: 20px; color: #333; font-family: "symed"; }

.zs-7info span { color: #419aff; font-family: "sybold"; }

.zs-7head:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; background: #108cee; }

.zs-7content { width: 1440px; margin: 38px auto 0px; position: relative; }

.zs-7content .swiper-container { padding: 7px; }

.zs-7center { float: left; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }

.zs-7item { width: 48.5%; overflow: hidden; background: #fff; margin-top: 48px; box-shadow: 0px 0px 12px 2px rgba(48, 64, 97, 0.05); padding: 2vw; box-sizing: border-box; }

.zs-7item:hover { transform: translateY(-3px); }

.zs-7item:nth-child(1), .zs-7item:nth-child(2) { margin-top: 0px; }

.zs-7item a { width: 100%; height: 100%; display: flex; overflow: hidden; justify-content: space-between; align-items: center; }

.zs-7item samp { width: 16%; overflow: hidden; }

.zs-7item samp img { width: 100%; height: auto; }

.zs-7cont { width: 77%; overflow: hidden; }

.zs-7cont span { float: left; width: 100%; overflow: hidden; font-size: 26px; color: #333; font-family: "sybold"; }

.zs-7des { float: left; width: 100%; overflow: hidden; line-height: 24px; font-size: 16px; color: #666; font-family: "syreg"; margin-top: 5px; }

.zs-7cont em { float: left; width: 100%; overflow: hidden; font-size: 16px; color: #419aff; font-family: "syreg"; margin-top: 15px; font-style: normal; }

.zs-7cont em:hover { transform: translateX(5px); }

.zs-7item samp:hover img { transform: scale(1.02); }

.zs-7pag { width: 100%; overflow: hidden; margin-top: 56px; }

.zs-7pag .swiper-pagination { width: 100%; text-align: center; }

.zs-7pag .swiper-pagination span { width: 11px; height: 11px; margin: 0px 5px; background: #bdccde; opacity: 1; }

.zs-7pag .swiper-pagination .swiper-pagination-bullet-active { background: #2a87f9; }

.zs-7content .swiper-button-prev { width: 24px; height: 42px; background: url("../images/icon-19.png") no-repeat center; background-size: 100%; left: -50px; opacity: 0.5; }

.zs-7content .swiper-button-next { width: 24px; height: 42px; background: url("../images/icon-19.png") no-repeat center; background-size: 100%; right: -50px; opacity: 0.5; transform: rotate(180deg); }

.zs-7content .swiper-button-prev:hover, .zs-7content .swiper-button-next:hover { opacity: 1; }

.zs-7 .zs72 { display: none; }

@media screen and (max-width: 1799px) { /*banner*/
  .banner-ver { width: 1230px; margin-top: 30px; }
  .banner-ver .h3 { font-size: 32px; }
  .banner-ver p { font-size: 18px; }
  .banner-ver ul { margin-top: 30px; }
  .banner-ver ul li { width: 130px; }
  .banner-ver ul li span { font-size: 14px; }
  .banner-ver ul li span samp { font-size: 40px; }
  .banner-ver ul li em { font-size: 14px; }
  /*zhengti-fangan*/
  .zs-1 { padding: 60px 0px 110px; }
  .zs-2 { width: 1230px; }
  .zs-2 .h3 { font-size: 32px; padding-bottom: 20px; }
  .zs-2 .h3:before { width: 48px; height: 5px; }
  .zs-2 form { margin-top: 50px; height: 50px; line-height: 50px; }
  .zs-2 .txt { width: calc(100% - 50px); font-size: 16px; }
  .zs-2 .bt { width: 50px; }
  .sz-3 { margin: 45px auto 0px; padding-bottom: 12px; }
  .sz-3 .h4 { width: 1230px; font-size: 20px; line-height: 30px; padding-bottom: 24px; }
  .sz-3 .h4 img { margin-right: 12px; width: auto; height: 24px; margin-top: 2px; }
  .sz-3content { width: 1230px; }
  .sz-3content span { line-height: 36px; font-size: 14px; }
  .sz-3content span a { font-size: 14px; }
  .sz-3 ul { width: 1230px; }
  .sz-3 ul li { line-height: 36px; }
  .sz-3 ul li em { font-size: 16px; }
  .sz-3 ul li p span a { font-size: 14px; }
  .sz-4content { width: 1230px; line-height: 36px; }
  .sz-4left em { font-size: 16px; }
  .sz-4center p span a { font-size: 14px; }
  .sz-4item em { font-size: 16px; }
  .sz-4item span a { font-size: 14px; }
  /*hot-fangan*/
  .zs-5 { padding: 70px 0px 60px; }
  .zs-5 .h3 { font-size: 32px; }
  .zs-5head { width: 450px; height: 40px; line-height: 40px; margin: 20px auto 0px; }
  .zs-5head span { font-size: 18px; }
  .zs-5content { width: 1230px; margin: 32px auto 0px; }
  .zs-5item { height: 160px; padding: 20px; }
  .zs-5cont span { font-size: 14px; }
  .zs-5cont span em { font-size: 20px; margin-right: 8px; }
  .zs-5info { line-height: 23px; font-size: 14px; }
  .zs-5cont p { font-size: 14px; margin-top: 18px; }
  .zs-6 { padding: 60px 0px 50px; }
  .zs-6 .h3 { font-size: 32px; padding-bottom: 20px; }
  .zs-6 .h3:before { width: 48px; height: 5px; }
  .zs-6content { width: 1230px; margin: 32px auto 0px; }
  .zs-6pic span { width: 48px; height: 48px; }
  .zs-6bottom { margin-top: 18px; height: 28px; line-height: 28px; font-size: 20px; }
  .zs-6bottom span { font-size: 13px; margin-right: 10px; }
  .zs-6content .swiper-button-prev { width: 18px; left: -30px; }
  .zs-6content .swiper-button-next { width: 18px; right: -30px; }
  .zs-6pag { margin-top: 40px; }
  .zs-7 { padding: 60px 0px; }
  .zs-7head { padding-bottom: 20px; }
  .zs-7head .h3 { font-size: 32px; }
  .zs-7info { font-size: 18px; }
  .zs-7head:before { width: 48px; height: 5px; }
  .zs-7content { width: 1230px; margin: 30px auto 0px; }
  .zs-7item { margin-top: 42px; }
  .zs-7cont span { font-size: 22px; }
  .zs-7des { line-height: 23px; font-size: 14px; }
  .zs-7cont em { font-size: 14px; margin-top: 12px; }
  .zs-7pag { margin-top: 40px; }
  .zs-7content .swiper-button-prev { width: 18px; left: -30px; }
  .zs-7content .swiper-button-next { width: 18px; right: -30px; } }