@charset "UTF-8";
/*加载字体*/
@font-face { font-family: 'SOURCEHANSANSCN-BOLD'; src: url("../fonts/SOURCEHANSANSCN-BOLD.OTF"); }
@font-face { font-family: 'SOURCEHANSANSCN-NORMAL'; src: url("../fonts/SOURCEHANSANSCN-NORMAL.OTF"); }
@font-face { font-family: 'SOURCEHANSANSCN-REGULAR'; src: url("../fonts/SOURCEHANSANSCN-REGULAR.OTF"); }
@font-face { font-family: 'SOURCEHANSANSCN-MEDIUM'; src: url("../fonts/SourceHanSansSC-Medium.otf"); }
@font-face { font-family: 'SOURCEHANSANSCN-LIGHT'; src: url("../fonts/SOURCEHANSANSCN-LIGHT.OTF"); }
@font-face { font-family: 'SOURCEHANSANSCN-HEAVY'; src: url("../fonts/SOURCEHANSANSCN-HEAVY.OTF"); }
* { outline: none; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, header, main, footer, aside, section, article, nav { padding: 0; margin: 0; }

fieldset, img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

ol, ul { list-style-type: none; }

address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

p:before, q:after { content: ''; }

abbr, acronym { border: 0; }

a { text-decoration: none; -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; }

.clr { HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden; width: 100%; }

body, samp { FONT-SIZE: 12px; color: #000; font-family: '微软雅黑','Microsoft YaHei',"Arial",'SimSun',Serif; }

img { vertical-align: bottom; }

input[type="text"], input[type="hidden"], input[type="button"], input[type="radio"], input[type="submit"], input[type="checkbox"], input[type="password"], button, textarea, select { outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

img, .menu span, .header-right, .header, .header .logo, .search, .search form, .search-close, .header-right ul li span, .nav-sub, .nav-sub p em:before, .header-phone, .header-phone:before, .header-phone:after, .header-search:before, .header-search:after, .header-lang:before, .header-lang:after, .header-lang p, .footer-3 ul li, .banner .swiper-button-next, .banner .swiper-pagination-bullet:before, .banner .swiper-pagination-bullet-active, .leaf-phone, .leaf-wx, .habout-left ul li span em, .yw-item em, .yw-wz em, .hnews-content .swiper-slide, .hnews-bottom span, .hnews-bottom em, .hnews-bottom em:before, .hnews-bottom p, .hhis-box span, .hhis-box samp:after, .hhis-line:before, .banner-news .swiper-pagination-bullet:before, .banner-news .swiper-pagination-bullet-active, .news-item, .bread ul li:before, .detail-page span, .detail-card span, .sz-bg span, .sz-slide .swiper-slide:before, .sz-slide .swiper-button-prev, .sz-slide .swiper-button-next, .yewu-bottom, .gj-2bg span, .gj-2item samp, .gj-2item span, .gj-2item em:after, .gj-3item, .gj-3item:before, .gj-3item span, .gj-3item span:before, .gj-3content .swiper-button-prev, .gj-3content .swiper-button-next, .gj-4content .swiper-slide, .gj-4item span, .gj-4item em, .gj-arr span:before, .zx-1pannel, .zx-1pic, .zx-1item h4, .zx-1top, .zx-1top:before, .zx-1top span, .zx-1bottom, .zx-1arr, .zx-2 ul li:before, .zx-2 ul li span, .cx-2bg span, .cx-2pag .swiper-button-prev, .cx-2pag .swiper-button-next, .cx-2nav ul li p:before, .cx-2nav ul li p em, .cx-2nav ul li span, .cx-2nav ul li samp, .cx-2nav ul li samp:before, .cx-3top .swiper-button-prev, .cx-3top .swiper-button-next, .cx-3nav p em, .cx-age span, .prop-pic, .prop-pic-close, .cx-4item, .kj-2bg span, .kj-2pannel, .kj-2item em:before, .kj-2item span, .kj-3item:before, .kj-3item span, .tz-1 .swiper-pagination span, .tz-4 .swiper-slide, .tz-4 .swiper-button-prev, .tz-4 .swiper-button-next, .tz-prop, .tz-detail, .video-top:before, .video-top:after, .wh-1right ul li span, .wh-1right ul li em:before, .wh-1right ul li em:after, .wh-1right ul li samp, .wh-1pag .swiper-button-prev, .wh-1pag .swiper-button-next, .wh-2bg span, .wh-2content ul li, .wh-3item, .wh-3pic:before, .wh-3num, .wh-3wz em, .wh-4content .swiper-slide span, .wh-4content .swiper-slide:before, .wh-4content .swiper-slide:after, .wh-4 .swiper-pagination span, .about-prev, .about-next, .about-3nav samp, .about-3nav em:before, .about-3nav span, .about-3line p, .about-4nav ul li:before, .about-4nav ul li:after, .about-4nav ul li span, .about-5top:before, .about-5top:after, .about-6bg span, .about-6prop p { -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; }
body{opacity:0; transition:all 0.2s ease-in-out; overflow-x:hidden}
.bodyIn{ opacity:1;}
/*分享*/
.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; } }
@keyframes updown { 0% { opacity: 0; transform: translateY(60px) scale(0.8); }
  100% { opacity: 1; transform: translateY(0px) scale(1); } }
@keyframes rotate1 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes rotate2 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); } }
@keyframes scales { 0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.6); opacity: 0; } }
@keyframes scales2 { 0% { transform: scale(1); opacity: 0.5; }
  100% { transform: scale(4); opacity: 0; } }
@keyframes upslide { 0% { transform: translateY(60px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; } }
@keyframes upslide2 { 0% { transform: translate(-50%, -20%); opacity: 0; }
  100% { transform: translate(-50%, -50%); opacity: 1; } }
@keyframes leftmove { 0% { transform: translateX(-15px) translateY(-50%); opacity: 1; }
  80% { transform: translateX(5px) translateY(-50%); opacity: 0; }
  100% { transform: translateX(-15px) translateY(-50%); opacity: 0; } }
@keyframes show { 0% { opacity: 0; }
  40% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); } }
@keyframes playright { 0% { left: 0px; }
  100% { left: 95%; } }
@keyframes mapmove { 0% { transform: translateY(-9px); }
  100% { transform: translateY(0px); } }
@keyframes lineAniDown { from { height: 0; }
  to { height: 100%; } }
@keyframes lineAniTop { from { height: 0; }
  to { height: 100%; } }
@keyframes lineAniLeft { from { width: 0; }
  to { width: 100%; } }
@keyframes lineAniRight { from { width: 0; }
  to { width: 100%; } }
@keyframes kuoda { from { transform: scale(1.12); }
  to { transform: scale(1); } }
.content { width: 100%; overflow: hidden; }

/*header*/
.header { width: 100%; position: fixed; left: 0px; top: 0px; z-index: 500; height: 100px; }

.header .logo { float: left; width: 151px; position: relative; height: 100%; margin-left: 103px; }

.header .logo a { width: 100%; height: 100%; display: block; }

.header .logo img { width: 100%; height: auto; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); opacity: 1; }

.header .logo img:last-child { opacity: 0; }

.header-right { float: right; width: auto; height: 100%; margin-right: 88px; }

.search { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.6); z-index: 500; opacity: 0; visibility: hidden; }

.search form { width: 80%; height: 60px; line-height: 60px; margin: 0px auto 0px; background: #fff; position: relative; }

.search form .txt { width: 100%; height: 100%; overflow: hidden; display: block; box-sizing: border-box; padding: 0px 20px 0px 60px; }

.search form .bt { width: 50px; height: 100%; overflow: hidden; display: block; position: absolute; left: 0px; top: 0px; background: url("../images/icon-2-1.png") no-repeat center; cursor: pointer; }

.search-close { width: 60px; height: 100%; position: absolute; right: 0px; top: 0px; cursor: pointer; background: url("../images/close.png") no-repeat center; }

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

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

.search.search-active form { transform: translateY(100px); }

.header-right ul, .header-right ul li { float: left; width: auto; height: 100%; }

.header-right ul li { margin-left: 62px; position: relative; }

.header-right ul li span { float: left; width: auto; height: 100%; line-height: 100px; }

.header-right ul li span a { font-size: 18px; color: #fff; }

.header-right ul li span a:hover { color: #004884 !important; }

.nav-sub { width: 150px; position: absolute; left: 50%; transform: translateX(-50%) scale(0); overflow: hidden; background: #fff; top: 100px; border-radius: 0px 0px 5px 5px; opacity: 0; transform-origin: top; visibility: hidden; box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.06); }

.nav-sub p { width: 100%; overflow: hidden; padding: 5px 0px; }

.nav-sub p em { float: left; width: 100%; overflow: hidden; line-height: 40px; box-sizing: border-box; padding: 0px 15px; font-size: 14px; text-align: center; position: relative; }

.nav-sub p em:before { width: 100%; height: 100%; content: ""; position: absolute; left: -100%; top: 0px; background: #004884; z-index: 12; }

.nav-sub p em:hover:before { left: 0px; }

.nav-sub p em a { width: 100%; height: 100%; display: block; position: relative; z-index: 13; color: #333; }

.nav-sub p em:hover a { color: #fff; }

.nav-sub.ons { width: 200px; }

.nav-sub.ons p em { line-height: 42px; }

.header-phone { float: left; width: auto; height: 100%; line-height: 100px; font-size: 16px; font-family: "Arial"; margin-left: 46px; position: relative; padding-left: 28px; }

.header-phone:before { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-1.png") no-repeat left center; opacity: 1; }

.header-phone:after { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-1-1.png") no-repeat left center; opacity: 0; }

.header-phone a { color: #fff; position: relative; z-index: 12; }

.header-search { float: left; width: 16px; height: 100%; position: relative; cursor: pointer; margin-left: 26px; }

.header-search:before { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-2.png") no-repeat left center; opacity: 1; }

.header-search:after { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-2-1.png") no-repeat left center; opacity: 0; }

.header-lang { float: left; width: auto; height: 100%; position: relative; cursor: pointer; margin-left: 16px; }

.header-lang span { float: left; width: 17px; height: 100%; position: relative; }

.header-lang:before { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-3.png") no-repeat left center; opacity: 1; }

.header-lang:after { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-3-1.png") no-repeat left center; opacity: 0; }

.header-lang p { width: 80px; position: absolute; left: -28px; top: 75px; background: #fff; z-index: 12; box-shadow: 0px 0px 11px 6px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 5px 0px; opacity: 0; visibility: hidden; transform: scale(0); }

.header-lang p:before { width: auto; content: ""; border-left: 7px transparent solid; border-right: 7px transparent solid; border-bottom: 7px #fff solid; position: absolute; left: 30px; top: -7px; }

.header-lang p a { float: left; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #222; }

.header-lang p a:hover { color: #1b92d1; }

.header-lang:hover p { transform: scale(1); opacity: 1; visibility: visible; }

.header.header-on, .header.header-active { height: 100px; background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.04); }

.header.header-on .logo img, .header.header-active .logo img { opacity: 0; width: 80%; }

.header .logo img { width: 80%; }

.header.header-on .logo img:last-child, .header.header-active .logo img:last-child { opacity: 1; width: 80%; }

.header-on .header-right ul li span, .header-active .header-right ul li span { line-height: 100px; }

.header-on .header-right ul li span a, .header-active .header-right ul li span a { color: #333; }

.header-on .header-phone:before, .header-active .header-phone:before { opacity: 0; }

.header-on .header-phone:after, .header-active .header-phone:after { opacity: 1; }

.header-on .header-phone, .header-active .header-phone { line-height: 100px; }

.header-on .header-phone a, .header-active .header-phone a { color: #333; }

.header.header-on .header-search:before, .header.header-active .header-search:before { opacity: 0; }

.header.header-on .header-search:after, .header.header-active .header-search:after { opacity: 1; }

.header.header-on .header-lang:before, .header.header-active .header-lang:before { opacity: 0; }

.header.header-on .header-lang:after, .header.header-active .header-lang:after { opacity: 1; }

.header ul li.on .nav-sub { opacity: 1; visibility: visible; transform: translateX(-50%) scale(1); }

.menu { display: none; }

/*footer*/
.footer { width: 100%; overflow: hidden; background: url("../images/bg-1.jpg") no-repeat top center; background-size: cover; }

.footer-1 { width: 1560px; overflow: hidden; margin: 95px auto 0px; position: relative; }

.footer-1:before { width: 1px; height: 100%; content: ""; position: absolute; right: 18%; top: 0px; background: rgba(255, 255, 255, 0.1); }

.footer-left { float: left; width: 72.5%; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }

.footer-item { width: auto; overflow: hidden; }

.footer-item h3 { width: 100%; overflow: hidden; position: relative; font-size: 20px; padding-bottom: 27px; }

.footer-item h3:before { width: 24px; height: 2px; content: ""; position: absolute; left: 0px; bottom: 0px; background: #fff; }

.footer-item h3 a { color: #fff; }

.footer-item ul { width: 100%; overflow: hidden; margin-top: 10px; }

.footer-item ul li { width: 100%; overflow: hidden; line-height: 50px; font-size: 14px; }

.footer-item ul li a { color: rgba(255, 255, 255, 0.7); }

.footer-item ul li a:hover { color: #fff; }

.footer-right { float: right; width: auto; overflow: hidden; }

.footer-wx { width: 150px; display: block; overflow: hidden; }

.footer-wx img { width: 100%; height: auto; border-radius: 4px; }

.footer-right span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.7); line-height: 24px; margin-top: 20px; }

.footer-2 { width: 1560px; overflow: hidden; margin: 72px auto 0px; border-top: 1px rgba(255, 255, 255, 0.1) solid; padding: 36px 0px; line-height: 24px; }

.footer-2 span { float: left; width: auto; overflow: hidden; font-size: 20px; color: #fff; margin-right: 15px; }

.footer-2 a { font-size: 14px; color: rgba(255, 255, 255, 0.7); margin-right: 35px; }

.footer-2 a:hover { color: #fff; }

.footer-3 { width: 1560px; overflow: hidden; margin: 0px auto; border-top: 1px rgba(255, 255, 255, 0.1) solid; padding: 30px 0px; }

.footer-3 span { float: left; width: auto; overflow: hidden; line-height: 36px; color: rgba(255, 255, 255, 0.7); font-size: 14px; }

.footer-3 span a { margin-left: 10px; color: rgba(255, 255, 255, 0.7); }

.footer-3 span a:hover { color: #fff; }

.footer-3 ul { float: right; width: auto; overflow: hidden; }

.footer-3 ul li { float: left; width: 36px; text-align: center; height: 36px; line-height: 36px; overflow: hidden; margin-left: 10px; border-radius: 50%; background: rgba(156, 159, 174, 0.1); cursor: pointer; }

.footer-3 ul li img { vertical-align: middle; opacity: 0.5; }

.footer-3 ul li:hover { background: #076ade; }

.footer-3 ul li:hover img { opacity: 1; }

/*banner*/
.banner { width: 100%; position: relative; overflow: hidden; height: 100vh; }

.banner:before { width: 100%; height: 50%; content: ""; position: absolute; left: 0px; top: 0px; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); z-index: 20; }

.banner img, .banner video { float: left; width: 100%; overflow: hidden; height: 100%; object-fit: cover; display: block; }

.banner img {transform: scale(1.12);-moz-transition:none;-ms-transition:none;-o-transition:none;-webkit-transition:none;transition:none;}

.banner-wz { width: 1560px; position: absolute; left: calc((100% - 1560px)/2); top: 50%; transform: translateY(-50%); color: #fff; }

.banner-wz h3 { float: left; width: 100%; overflow: hidden; font-size: 70px; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.8s ease 0.6s; -moz-transition: all 0.8s ease 0.6s; -ms-transition: all 0.8s ease 0.6s; -o-transition: all 0.8s ease 0.6s; transition: all 0.8s ease 0.6s; }

.banner-wz p { float: left; width: 100%; overflow: hidden; font-size: 24px; margin-top: 15px; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.8s ease 0.7s; -moz-transition: all 0.8s ease 0.7s; -ms-transition: all 0.8s ease 0.7s; -o-transition: all 0.8s ease 0.7s; transition: all 0.8s ease 0.7s; }

.banner .swiper-slide-active .banner-wz h3, .banner .swiper-slide-active .banner-wz p { opacity: 1; transform: translateY(0px); }

.banner .swiper-button-next { width: 60px; height: 60px; border-radius: 50%; border: 1px rgba(255, 255, 255, 0.3) solid; background: url("../images/icon-14.png") no-repeat center; right: 60px; }

.banner .swiper-button-next:hover { border-color: #fff; }

.banner .swiper-pagination { width: 100%; bottom: 8%; height: 24px; }

.banner .swiper-pagination-bullet { width: 24px; height: 24px; position: relative; margin: 0px 10px; background: none; opacity: 1; }

.banner .swiper-pagination-bullet:before { width: 12px; height: 12px; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: #fff; }

.banner .swiper-pagination-bullet-active:before { width: 100%; height: 100%; content: ""; position: absolute; opacity: 1; background: url("../images/icon-15.png") no-repeat center; background-size: 100%; }

.banner .swiper-pagination-bullet-active:hover { transform: rotate(360deg); }

.banner .swiper-slide-active img { animation: kuoda 6s linear 0.5s 1; animation-fill-mode: forwards; }

/*right float*/
.leaf-right { width: auto; position: fixed; right: 0px; bottom: 20%; z-index: 100; }

.leaf-item { foat: left; width: 60px; height: 60px; margin-top: 2px; background: #fff; cursor: pointer; position: relative; border-radius: 6px; box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.06); }

.leaf-item samp { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }

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

.leaf-phone { width: 210px; height: 60px; line-height: 60px; position: absolute; right: 75px; top: 0px; background: #fff; border-radius: 12px; padding-left: 16px; font-size: 20px; color: #222; box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1); transform-origin: right center; opacity: 0; transform: scale(0); }

.leaf-phone:before { width: auto; content: ""; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); border-left: 10px #fff solid; border-top: 10px  transparent solid; border-bottom: 10px  transparent solid; }

.leaf-item:hover .leaf-phone, .leaf-item:hover .leaf-wx { opacity: 1; transform: scale(1); }

.leaf-item a { color: #222; }

.leaf-wx { width: 80px; position: absolute; right: 70px; top: 0px; background: #fff; padding: 10px; box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1); transform-origin: right center; opacity: 0; transform: scale(0); }

.leaf-wx:before { width: auto; content: ""; position: absolute; right: -7px; top: 26%; transform: translateY(-50%); border-left: 10px #fff solid; border-top: 10px  transparent solid; border-bottom: 10px  transparent solid; }

.leaf-wx img { float: left; width: 100%; height: auto; }

.leaf-item.leaf-top { background: -webkit-linear-gradient(left, #0575fb, #499cff); background: -moz-linear-gradient(left, #0575fb, #499cff); background: -ms-linear-gradient(left, #0575fb, #499cff); background: -o-linear-gradient(left, #0575fb, #499cff); }

/*home-about*/
.habout { width: 1560px; padding: 10vw 0px 8vw; margin: 0px auto; position: relative; }

.habout-left { float: left; width: 46%; box-sizing: border-box; padding-left: 10px; position: relative; }

.habout-1 { float: left; width: 100%; }

.habout-1 h3 { float: left; width: 100%; overflow: hidden; font-size: 50px; color: #004884; position: relative; z-index: 12; }

.habout-1 em { width: auto; white-space: nowrap; font-size: 80px; color: rgba(0, 0, 0, 0.05); position: absolute; left: 0px; top: -50px; z-index: 11; }

.habout-1 span { float: left; width: 100%; overflow: hidden; font-size: 24px; color: #004884; margin-top: 10px; }

.habout-1 p { float: left; width: 100%; overflow: hidden; font-size: 18px; color: #333; margin-top: 40px; line-height: 34px; }

.habout-1 a { float: left; width: 180px; height: 60px; line-height: 60px; text-align: center; border: 1px #004884 solid; border-radius: 4px; margin-top: 25px; font-size: 18px; color: #004884; cursor: pointer; }

.habout-1 a:hover { background: #004884; color: #fff; }

.habout-left ul { float: left; width: 100%; overflow: hidden; margin-top: 50px; display: flex; justify-content: space-between; }

.habout-left ul li { float: left; width: auto; overflow: hidden; }

.habout-left ul li:last-child { margin-right: 0px; }

.habout-left ul li span { width: 100%; display: block; overflow: hidden; font-size: 22px; color: #333; }

.habout-left ul li span em { font-size: 70px; font-family: "Arial"; text-shadow: 0px 10px 6px rgba(0, 72, 255, 0); }

.habout-left ul li p { width: 100%; display: block; font-size: 20px; color: #808080; line-height: 32px; margin-top: 5px; }

.habout-left ul li p em { width: 100%; display: block; }

.habout-left ul li:hover span em { color: #004884; text-shadow: 0px 10px 6px rgba(0, 72, 255, 0.3); }

.habout-right { overflow: hidden; position: absolute; right: -130px; width: 58%; margin-top: 138px; }

.habout-right samp { float: left; width: 100%; overflow: hidden; }

.habout-right samp img { width: 100%; height: auto; }

.habout-right .habout-line { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.habout-right .line { position: absolute; background-size: 904.8px !important; }

.habout-right .line1 { background: url(../images/map_line1.png) no-repeat center top; left: 0; width: 100%; top: 0; height: 0; animation: lineAniDown 5.5s ease-in-out infinite; }

.habout-right .line2 { background: url(../images/map_line2.png) no-repeat center top; left: 0; width: 100%; top: 0; height: 0; animation: lineAniDown 3.5s ease-in-out infinite; animation-delay: 2s; }

.habout-right .line3 { background: url(../images/map_line3.png) no-repeat center top; left: 0; width: 100%; top: 0; height: 0; animation: lineAniDown 4.5s ease-in-out infinite; animation-delay: 1.3s; }

.habout-right .line4 { background: url(../images/map_line4.png) no-repeat center top; left: 0; width: 100%; top: 0; height: 0; animation: lineAniDown 3.5s ease-in-out infinite; animation-delay: 0.6s; }

.habout-right .line5 { background: url(../images/map_line5.png) no-repeat center top; left: 0; width: 100%; top: 0; height: 0; animation: lineAniDown 5.5s ease-in-out infinite; animation-delay: 2.5s; }

.habout-right .line6 { background: url(../images/map_line6.png) no-repeat center top; left: 0; width: 100%; top: 0; height: 0; animation: lineAniDown 3.5s ease-in-out infinite; animation-delay: 0.2s; }

.habout-right .line7 { background: url(../images/map_line7.png) no-repeat center top; left: 0; width: 100%; top: 0; height: 0; animation: lineAniDown 4.5s ease-in-out infinite; animation-delay: 2.8s; }

.habout-right .line8 { background: url(../images/map_line8.png) no-repeat right center; right: 0; width: 0%; top: 0; height: 100%; animation: lineAniLeft 3.5s ease-in-out infinite; animation-delay: 2s; }

.habout-right .line9 { background: url(../images/map_line9.png) no-repeat right center; right: 0; width: 0%; top: 0; height: 100%; animation: lineAniLeft 4.5s ease-in-out infinite; animation-delay: 0s; }

.habout-right .line10 { background: url(../images/map_line10.png) no-repeat right center; right: 0; width: 0%; top: 0; height: 100%; animation: lineAniLeft 2.8s ease-in-out infinite; animation-delay: 0.8s; }

.habout-right .line11 { background: url(../images/map_line11.png) no-repeat right center; right: 0; width: 0%; top: 0; height: 100%; animation: lineAniLeft 3.9s ease-in-out infinite; animation-delay: 1.7s; }

.habout-right .line12 { background: url(../images/map_line12.png) no-repeat right center; right: 0; width: 0%; top: 0; height: 100%; animation: lineAniLeft 3.5s ease-in-out infinite; animation-delay: 2.2s; }

.habout-right .line13 { background: url(../images/map_line13.png) no-repeat left center; left: 0; width: 0%; top: 0; height: 100%; animation: lineAniRight 3.5s ease-in-out infinite; animation-delay: 2.8s; }

.habout-right .line14 { background: url(../images/map_line14.png) no-repeat left center; left: 0; width: 0%; top: 0; height: 100%; animation: lineAniRight 2.5s ease-in-out infinite; animation-delay: 0.5s; }

.habout-right .line15 { background: url(../images/map_line15.png) no-repeat center bottom; left: 0; width: 100%; bottom: 0; height: 0; animation: lineAniTop 3.5s ease-in-out infinite; }

.habout-right .line16 { background: url(../images/map_line16.png) no-repeat right center; right: 0; width: 0%; top: 0; height: 100%; animation: lineAniLeft 3.5s ease-in-out infinite; animation-delay: 2.7s; }

.habout-right .line17 { background: url(../images/map_line17.png) no-repeat right center; right: 0; width: 0%; top: 0; height: 100%; animation: lineAniLeft 3.0s ease-in-out infinite; animation-delay: 1.2s; }

.habout-right .line18 { background: url(../images/map_line18.png) no-repeat right center; right: 0; width: 0%; top: 0; height: 100%; animation: lineAniLeft 3.8s ease-in-out infinite; animation-delay: 2.2s; }

.habout-right .line19 { background: url(../images/map_line19.png) no-repeat left center; left: 0; width: 0%; top: 0; height: 100%; animation: lineAniRight 2.9s ease-in-out infinite; animation-delay: 1.7s; }

/*home-yewu*/
.yw { width: 100%; overflow: hidden; height: 100vh; position: relative; }

.yw-bg { width: 100%; overflow: hidden; height: 100%; position: relative; z-index: 12; }

.yw-bg span { width: 102%; height: 102%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 12; opacity: 0; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }

.yw-bg span:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 2; background: rgba(0, 0, 0, 0.3); }

.yw-bg span img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 6s linear 0s; -moz-transition: all 6s linear 0s; -ms-transition: all 6s linear 0s; -o-transition: all 6s linear 0s; transition: all 6s linear 0s; }

.yw-bg span.active { opacity: 1; }

.yw-bg span.active img { transform: scale(1.1); }

.yw-center { width: 88vh; height: 88vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 13; top: 52%; }

.yw-line { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.yw-line1 { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; animation: rotate1 60s linear infinite; }

.yw-line2 { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; animation: rotate2 20s linear infinite; }

.yw-line3 { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; animation: rotate1 30s linear infinite; }

.yw-line4 { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; animation: rotate1 5s linear infinite; }

.yw-pannel { width: 88vh; height: 88vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 14; top: 52%; }

.yw-item { width: auto; position: absolute; transform: translate(-50%, -50%); cursor: pointer; }

.yw-item samp { width: 1.47vh; height: 1.47vh; display: block; border-radius: 50%; background: #fff; border: 0.49vh #0780e3 solid; }

.yw-item span { width: 9.8vh; display: block; height: 9.8vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); border-radius: 50%; background: #fff; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }

.yw-item span:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); z-index: 11; animation: scales 2.6s linear infinite; }

.yw-item span:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); z-index: 11; animation: scales 2s linear 1.3s infinite; }

.yw-item span i { width: 88%; height: 88%; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px #3e9ce9 dashed; border-radius: 50%; box-sizing: border-box; z-index: 12; }

.yw-item span i img { width: 57%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.yw-item em { width: auto; position: absolute; display: block; font-size: 18px; color: #fff; white-space: nowrap; opacity: 1; }

.yw-item.item1 { left: 14%; top: 34%; }

.yw-item.item1 em { left: -15vh; top: 0vh; }

.yw-item.item2 { left: 28%; top: 82%; }

.yw-item.item2 em { left: -14vh; top: 5vh; }

.yw-item.item3 { left: 73%; top: 82%; }

.yw-item.item3 em { left: 8vh; top: 5vh; }

.yw-item.item4 { left: 86%; top: 34%; }

.yw-item.item4 em { left: 10vh; top: 0vh; }

.yw-item.item5 { left: 50%; top: 10.5%; }

.yw-item.item5 em { left: -2vh; top: -10vh; }

.yw-item.active span { transform: translate(-50%, -50%) scale(1); }

.yw-item.active em { opacity: 0; }

.yw-cont { width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 15; top: 52%; }

.yw-wz { width: 52vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; display: none; color: #fff; text-align: center; top: 52%; }

.yw-wz.active { display: block; }

.yw-wz h3 { width: 100%; overflow: hidden; font-size: 42px; position: relative; z-index: 12; opacity: 0; transform: translateY(60px); }

.yw-wz em { width: 100%; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); top: -50px; z-index: 11; font-size: 80px; color: rgba(255, 255, 255, 0.03); opacity: 0; }

.yw-wz p { width: 100%; overflow: hidden; line-height: 30px; font-size: 18px; margin-top: 28px; opacity: 0; transform: translateY(60px); }

.yw-wz a { width: 180px; height: 60px; line-height: 60px; display: block; margin: 44px auto 0px; border: 1px #fff solid; border-radius: 3px; font-size: 18px; color: #fff; cursor: pointer; opacity: 0; transform: translateY(60px); }

.yw-wz a:hover { background: #076ade; border-color: #076ade; }

.yw-wz.active h3 { animation: updown 0.3s ease 1; animation-fill-mode: forwards; }

.yw-wz.active p { animation: updown 0.3s ease 0.05s 1; animation-fill-mode: forwards; }

.yw-wz.active a { animation: updown 0.3s ease 0.1s 1; animation-fill-mode: forwards; }

.yw-wz.active em { opacity: 1; }

/*hone-news*/
.hnews { width: 100%; overflow: hidden; background: #fff; padding: 5.4vw 0px 6vw; }

.hnews-head { width: 1560px; margin: 0px auto; overflow: hidden; }

.hnews-head h3 { float: left; width: 100%; overflow: hidden; font-size: 50px; color: #222; }

.hnews-head p { float: left; width: 100%; overflow: hidden; font-size: 22px; color: #9599a4; margin-top: 10px; }

.hnews-content { width: 1560px; margin: 55px auto 0px; position: relative; }

.hnews-content .swiper-container { padding: 15px 10px; box-sizing: border-box; }

.hnews-content .swiper-slide { float: left; width: 32.2%; overflow: hidden; margin-top: 40px; margin-right: 1.7%; border-radius: 8px; box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.05); }

.hnews-content .swiper-slide a { width: 100%; height: 100%; display: block; }

.hnews-content .swiper-slide samp { float: left; width: 100%; overflow: hidden; height: 16.8vw; }

.hnews-content .swiper-slide samp img { width: 100%; height: 100%; display: block; object-fit: cover; }

.hnews-bottom { float: left; width: 100%; overflow: hidden; box-sizing: border-box; padding: 40px 36px 30px; position: relative; }

.hnews-bottom:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/bg-3.jpg") no-repeat; background-size: cover; z-index: 12; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }

.hnews-bottom span { float: left; width: 100%; overflow: hidden; height: 64px; line-height: 32px; font-size: 18px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: relative; z-index: 15; }

.hnews-bottom em { float: left; width: auto; overflow: hidden; position: relative; z-index: 15; font-size: 16px; color: #808080; margin-top: 30px; position: relative; padding-right: 24px; }

.hnews-bottom em:before { width: 1px; content: ""; position: absolute; height: 80%; right: 0px; top: 10%; background: #ccc; }

.hnews-bottom p { float: left; width: auto; overflow: hidden; position: relative; z-index: 15; font-size: 16px; color: #808080; margin-top: 30px; position: relative; padding-left: 23px; }

.hnews-content .swiper-slide:hover { transform: translateY(-40px); }

.hnews-content .swiper-slide:hover samp img { transform: scale(1.04); }

.hnews-content .swiper-slide:hover .hnews-bottom:before { opacity: 1; }

.hnews-content .swiper-slide:hover span, .hnews-content .swiper-slide:hover em, .hnews-content .swiper-slide:hover p { color: #fff; }

.hnews-more { float: left; width: 100%; margin-top: 40px; }

.hnews-more a { float: left; width: 130px; height: 50px; border: 1px #555 solid; border-radius: 6px; line-height: 50px; text-align: center; font-size: 14px; color: #333; }

.hnews-more a:hover { transform: translateY(-3px); background: #004884; color: #fff; }

.hnews-content .swiper-button-prev { width: 60px; height: 60px; border: 1px #ddd solid; border-radius: 50%; background: url("../images/icon-77.png") no-repeat center; left: -70px; }

.hnews-content .swiper-button-next { width: 60px; height: 60px; border: 1px #ddd solid; border-radius: 50%; background: url("../images/icon-77.png") no-repeat center; right: -70px; transform: rotate(180deg); }

.hnews-content .swiper-button-prev:hover, .hnews-content .swiper-button-next:hover { background-color: #004884; border-color: #004884; }

/*home-his*/
.hhis { width: 100%; overflow: hidden; background: #f4f4f4 url("../images/bg-4.jpg") no-repeat; background-size: cover; padding: 6vw 0px 8.8vw; }

.hhis-head { width: 1560px; margin: 0px auto; overflow: hidden; text-align: center; }

.hhis-head h3 { float: left; width: 100%; overflow: hidden; font-size: 50px; color: #222; }

.hhis-head p { float: left; width: 100%; overflow: hidden; font-size: 22px; color: #9599a4; margin-top: 10px; }

.hhis-content { width: 1560px; margin: 0px auto; position: relative; }

.hhis-content .swiper-button-prev { width: 44px; height: 48px; background: url("../images/icon-21.png") no-repeat; }

.hhis-content .swiper-button-next { width: 44px; height: 48px; background: url("../images/icon-21.png") no-repeat; transform: rotate(180deg); }

.hhis-content .swiper-button-prev:hover { background: url("../images/icon-22.png") no-repeat; transform: rotate(180deg); }

.hhis-content .swiper-button-next:hover { background: url("../images/icon-22.png") no-repeat; transform: rotate(0deg); }

.hhis-content .swiper-button-prev.swiper-button-disabled, .hhis-content .swiper-button-next.swiper-button-disabled { pointer-events: auto; cursor: pointer; }

.hhis-1 { width: 1240px; margin: 0px auto; position: relative; height: 554px; }

.hhis-1 span, .hhis-1 samp { width: 1370px; height: 73px; position: absolute; left: -23px; top: 222px; transform: rotate(-21deg); }

.hhis-1 samp { top: 200px; }

.hhis-1 samp img { display: block; transform: rotate(1deg) translate(-47px, 0px); position: absolute; left: 0%; top: 0px; }

.hhis-1 samp.on img { animation: playright 3s ease 1; animation-fill-mode: forwards; }

.hhis-ct { width: 1240px; height: 298px; overflow: hidden; border-radius: 10px; position: absolute; left: 10%; top: 22%; z-index: 12; background: -webkit-linear-gradient(top, #0784e9, #014a86); background: -moz-linear-gradient(top, #0784e9, #014a86); background: -ms-linear-gradient(top, #0784e9, #014a86); background: -o-linear-gradient(top, #0784e9, #014a86); opacity: 0.9; }

.hhis-pannel { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; box-sizing: border-box; padding: 35px; z-index: 12; opacity: 0; transform: translateY(60px); }

.hhis-pannel.active { position: relative; z-index: 16; animation: upslide 0.8s ease 1; animation-fill-mode: forwards; }

.hhis-left { float: left; width: 29%; height: 100%; overflow: hidden; border-radius: 5px; }

.hhis-left img { width: 100%; height: 100%; object-fit: cover; }

.hhis-right { float: right; width: 68%; overflow-y: auto; box-sizing: border-box; color: #fff; line-height: 36px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); max-height: 76%; }

.hhis-right span { float: left; width: 100%; overflow: hidden; font-size: 22px; }

.hhis-right p { float: left; width: 100%; overflow: hidden; font-size: 16px; }

.hhis-nav { width: 1240px; margin: 20px auto 0px; overflow: hidden; }

.hhis-nav .swiper-slide { position: relative; }

.hhis-box { width: 100%; overflow: hidden; text-align: center; cursor: pointer; }

.hhis-box span { width: 100%; overflow: hidden; display: block; background: url("../images/icon-23.png") no-repeat center; height: 32px; opacity: 0; }

.hhis-box samp { width: 100%; overflow: hidden; display: block; height: 20px; position: relative; margin-top: 20px; }

.hhis-box samp:before { width: 16px; height: 16px; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: #c7c9cb; }

.hhis-box samp:after { width: 6px; height: 6px; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: #1e2835; }

.hhis-box em { width: 100%; overflow: hidden; display: block; margin-top: 18px; font-size: 18px; color: #1e2835; }

.hhis-line { width: 84px; height: 4px; position: absolute; left: 62px; top: 60px; background: url("../images/icon-24.png") repeat-x center; }

.hhis-line:before { width: 0%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; border-radius: 2px; background: #004884; }

.hhis-nav .swiper-slide.active .hhis-box samp:after { background: #004884; }

.hhis-nav .swiper-slide.active .hhis-line:before { width: 100%; }

.hhis-nav .swiper-slide.active .hhis-box em { color: #004884; }

.hhis-nav .swiper-slide.active .hhis-box span { opacity: 1; }

.hhis-nav .swiper-slide:last-child .hhis-line { display: none; }

/*news*/
.banner-news { width: 100%; overflow: hidden; position: relative; margin-top: 100px; }

.banner-news img { width: 100%; height: auto; overflow: hidden; }

.banner-ver { width: 1560px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: calc(-90px/2); color: #fff; }

.banner-ver h3 { float: left; width: 100%; overflow: hidden; font-size: 50px; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.8s ease 0.6s; -moz-transition: all 0.8s ease 0.6s; -ms-transition: all 0.8s ease 0.6s; -o-transition: all 0.8s ease 0.6s; transition: all 0.8s ease 0.6s; }

.banner-ver p { float: left; width: 100%; overflow: hidden; font-size: 30px; margin-top: 5px; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.8s ease 0.7s; -moz-transition: all 0.8s ease 0.7s; -ms-transition: all 0.8s ease 0.7s; -o-transition: all 0.8s ease 0.7s; transition: all 0.8s ease 0.7s; }

.banner-news .swiper-slide-active .banner-ver h3, .banner-news .swiper-slide-active .banner-ver p { opacity: 1; transform: translateY(0px); }

.banner-news .swiper-pagination { width: 100%; bottom: calc(135px); height: 24px; }

.banner-news .swiper-pagination-bullet { width: 24px; height: 24px; position: relative; margin: 0px 10px; background: none; opacity: 1; }

.banner-news .swiper-pagination-bullet:before { width: 12px; height: 12px; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: #fff; box-sizing: border-box; }

.banner-news .swiper-pagination-bullet-active:before { width: 100%; height: 100%; content: ""; position: absolute; opacity: 1; border: 3px #fff solid; background: none; }

.banner-news .swiper-pagination-bullet-active:hover { transform: rotate(360deg); }

.news { width: 100%; overflow: hidden; padding: 80px 0px 140px; background: #fff; }

.news-list { width: 1560px; margin: 0px auto; }

.news-item { float: left; width: 32.2%; overflow: hidden; margin-top: 50px; margin-right: 1.7%; border-radius: 8px; box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.05); }

.news-item:nth-child(3n) { float: right; margin-right: 0px; }

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

.news-top { float: left; width: 100%; overflow: hidden; height: 16.8vw; }

.news-top img { width: 100%; height: 100%; display: block; object-fit: cover; }

.news-bottom { float: left; width: 100%; overflow: hidden; box-sizing: border-box; padding: 40px 36px 30px; position: relative; }

.news-bottom:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/bg-3.jpg") no-repeat; background-size: cover; z-index: 12; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }

.news-bottom span { float: left; width: 100%; overflow: hidden; height: 64px; line-height: 32px; font-size: 18px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: relative; z-index: 15; font-family: "SOURCEHANSANSCN-NORMAL"; }

.news-bottom em { float: left; width: auto; overflow: hidden; position: relative; z-index: 15; font-size: 16px; color: #808080; margin-top: 30px; position: relative; padding-right: 24px; font-family: "SOURCEHANSANSCN-NORMAL"; }

.news-bottom em:before { width: 1px; content: ""; position: absolute; height: 80%; right: 0px; top: 10%; background: #ccc; }

.news-bottom p { float: left; width: auto; overflow: hidden; position: relative; z-index: 15; font-size: 16px; color: #808080; margin-top: 30px; position: relative; padding-left: 23px; font-family: "Arial"; font-weight: lighter; }

.news-item:hover { box-shadow: 0px 4px 16px 3px rgba(1, 73, 132, 0.3); }

.news-item:hover .news-top img { transform: scale(1.04); }

.news-item:hover .news-bottom:before { opacity: 1; }

.news-item:hover span, .news-item:hover em, .news-item:hover p { color: #fff; }

.news-page { width: 100%; overflow: hidden; margin-top: 90px; text-align: center; }

.news-page a { width: auto; overflow: hidden; display: inline-block; vertical-align: top; height: 44px; line-height: 44px; border: 1px #dee2e6 solid; padding: 0px 15px; font-size: 16px; color: #000; margin: 0px 3px; }

.news-page a.active, .news-page a:hover { color: #fff; background: -webkit-linear-gradient(-45deg, #3072e6, #1851ae); background: -moz-linear-gradient(-45deg, #3072e6, #1851ae); background: -ms-linear-gradient(-45deg, #3072e6, #1851ae); background: -o-linear-gradient(-45deg, #3072e6, #1851ae); }

/*bread*/
.bread { width: 100%; overflow: hidden; position: relative; z-index: 12; height: 90px; line-height: 90px; margin-top: -90px; background: rgba(0, 72, 132, 0.7); font-size: 20px; }

.bread-center { width: 1560px; overflow: hidden; margin: 0px auto; height: 100%; }

.bread-left { float: left; width: auto; overflow: hidden; height: 100%; }

.bread-left a { float: left; width: auto; overflow: hidden; height: 100%; background: url("../images/icon-30.png") no-repeat left center; padding-left: 24px; color: rgba(255, 255, 255, 0.8); }

.bread-left a.home { width: 19px; padding-left: 0px; background: url("../images/icon-29.png") no-repeat center; margin-right: 20px; }

.bread-left a:hover { color: #fff; }

.bread ul { float: right; width: auto; overflow: hidden; height: 100%; }

.bread ul li { float: left; width: auto; overflow: hidden; height: 100%; padding: 0px 10px; position: relative; margin-left: 5vw; cursor: pointer; }

.bread ul li:before { width: 0%; content: ""; position: absolute; left: 0px; bottom: 0px; height: 4px; background: #fff; }

.bread ul li.active:before, .bread ul li:hover:before { width: 100%; }

.bread ul li a { color: #fff; }

/*news-info*/
.banner-detail { width: 100%; overflow: hidden; margin-top: 100px; position: relative; }

.banner-detail img { width: 100%; height: auto; overflow: hidden; }

.banner-center { width: 1560px; position: absolute; color: #fff; z-index: 12; left: 50%; transform: translateX(-50%); bottom: calc(130px + 9.3vw); }

.banner-center img { width: auto; height: auto; }

.banner-left { float: left; width: 56%; font-family: "SOURCEHANSANSCN-REGULAR"; }

.banner-left em { float: left; width: 100%; overflow: hidden; font-size: 24px; }

.banner-left em a { color: #fff; }

.banner-left h1 { float: left; width: 100%; font-size: 54px; line-height: 76px; margin-top: 20px; }

.banner-left p { float: left; width: 100%; overflow: hidden; font-size: 18px; margin-top: 22px; }

.banner-left p span { margin-right: 20px; }

.banner-right { float: right; width: 24px; overflow: hidden; }

.banner-right ul, .banner-right ul li { float: left; width: 100%; overflow: hidden; }

.banner-right ul li { margin-top: 30px; position: relative; text-align: center; cursor: pointer; }

.banner-right ul li img { opacity: 0; }

.banner-right ul li img:last-child { opacity: 1; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; }

.banner-right ul li:hover img { opacity: 1; }

.banner-right ul li:hover img:last-child { opacity: 0; }

.detail { width: 100%; background: #f2f4f5; padding-bottom: 7.8vw; position: relative; z-index: 12; }

.detail-center { width: 1560px; margin: -130px auto 0px; }

.detail-left { float: left; width: 73%; overflow: hidden; background: #fff; box-sizing: border-box; padding: 3.2vw; }

.detail-content { width: 100%; overflow: hidden; line-height: 36px; font-size: 18px; color: #808080; }

.detail-content p { margin: 30px auto; }

.detail-content img { width: auto; height: auto; max-width: 100%; }

.detail-content ul { padding-left: 20px; }

.detail-tag { width: 100%; overflow: hidden; margin-top: 40px; line-height: 24px; }

.detail-tag span { float: left; width: auto; overflow: hidden; font-size: 14px; color: #333; margin-right: 10px; }

.detail-tag a { float: left; width: auto; overflow: hidden; height: 24px; padding: 0px 15px; background: #004884; font-size: 14px; color: #fff; margin-right: 10px; }

.detail-tag a:hover { transform: translateY(2px); }

.detail-back { width: 100%; overflow: hidden; position: relative; text-align: center; margin-top: 45px; }

.detail-back:before { width: 100%; height: 1px; content: ""; position: absolute; left: 0px; top: 30px; background: #e6e6e6; }

.detail-back a { width: auto; display: inline-block; overflow: hidden; vertical-align: top; padding: 0px 20px; background: #fff; position: relative; z-index: 12; }

.detail-back span { width: 60px; height: 60px; line-height: 60px; display: block; overflow: hidden; box-sizing: border-box; border-radius: 50%; border: 1px #e7e7e7 solid; background: url("../images/icon-37.png") no-repeat center; }

.detail-back em { width: 100%; display: block; overflow: hidden; font-size: 14px; color: #808080; margin-top: 10px; }

.detail-back a:hover { transform: translateY(3px); }

.detail-page { width: 100%; overflow: hidden; display: flex; justify-content: space-between; margin-top: -10px; }

.detail-page span { width: 200px; height: 60px; line-height: 60px; overflow: hidden; text-align: center; border: 1px #e6e6e6 solid; box-sizing: border-box; }

.detail-page span a { font-size: 18px; color: #808080; width: 100%; height: 100%; display: block; }

.detail-page span:hover { width: 190px; }

.detail-page span:hover a { color: #004884; }

.detail-right { float: right; width: 25.6%; overflow: hidden; background: #fff; box-sizing: border-box; position: sticky; top: 15%; padding: 40px 0px 20px; }

.detail-right h3 { width: 100%; overflow: hidden; box-sizing: border-box; padding: 0px 20px; position: relative; font-size: 26px; color: #333; font-family: "SOURCEHANSANSCN-REGULAR"; }

.detail-right h3:before { width: 2px; height: 60%; content: ""; position: absolute; left: 0px; top: 20%; background: #004884; }

.detail-card { width: calc(100% - 40px); overflow: hidden; margin: 30px auto 0px; position: relative; }

.detail-card a { width: 100%; height: 100%; display: block; }

.detail-card img { float: left; width: 100%; height: auto; overflow: hidden; }

.detail-card:hover img { transform: scale(1.05); }

.detail-card span { width: 100%; display: block; position: absolute; left: 0px; bottom: 0px; overflow: hidden; box-sizing: border-box; padding: 30px 10px 10px; line-height: 24px; text-align: center; font-size: 16px; color: #fff; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); }

.detail-card span:hover { transform: translateY(2px); }

.detail-right ul { width: calc(100% - 40px); overflow: hidden; margin: 10px auto 0px; }

.detail-right ul li { float: left; width: 100%; overflow: hidden; height: 60px; line-height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; border-bottom: 1px #d5d5d5 dashed; position: relative; padding-left: 28px; box-sizing: border-box; }

.detail-right ul li:before { width: 6px; height: 6px; content: ""; overflow: hidden; position: absolute; left: 5px; top: 28px; background: #ccc; }

.detail-right ul li a { font-size: 16px; color: #555; width: 100%; height: 100%; display: block; }

.detail-right ul li:last-child { border: none; }

.detail-right ul li a:hover { color: #004884; padding-left: 10px; }

/*shehuizeren*/
.sz-content { width: 100%; overflow: hidden; background: #fff; height: calc(100vh - 100px); margin-top: 100px; }

.sz-top { width: 100%; overflow: hidden; }

.sz-top .banner-news { margin-top: 0px; }

.sz-1 { width: 1560px; overflow: hidden; margin: 0px auto; padding: 8.3vw 0px 7.8vw; display: flex; justify-content: space-between; align-items: center; }

.sz-1left { width: 50.58%; overflow: hidden; }

.sz-1left h3 { width: 100%; overflow: hidden; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.5s ease 0.4s; -ms-transition: all 0.5s ease 0.4s; -o-transition: all 0.5s ease 0.4s; transition: all 0.5s ease 0.4s; }

.sz-1info { width: 100%; overflow: hidden; font-size: 18px; color: #666; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 44px; margin-top: 14px; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -ms-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; }

.sz-1right { width: 42.8%; overflow: hidden; border-radius: 10px; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.5s ease 0.4s; -ms-transition: all 0.5s ease 0.4s; -o-transition: all 0.5s ease 0.4s; transition: all 0.5s ease 0.4s; }

.sz-1right img { width: 100%; height: auto; }

.sz-1right:hover img { transform: scale(1.04); }

.sz-item { height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }

.sz .swiper-slide-active .sz-1left h3, .sz .swiper-slide-active .sz-1info, .sz .swiper-slide-active .sz-1right { transform: translateY(0px); opacity: 1; }

.sz-bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 12; }

.sz-bg span { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; }

.sz-bg span:before { width: 55%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: -webkit-linear-gradient(left, #004884 25%, rgba(0, 72, 132, 0)); background: -moz-linear-gradient(left, #004884 25%, rgba(0, 72, 132, 0)); background: -ms-linear-gradient(left, #004884 25%, rgba(0, 72, 132, 0)); background: -o-linear-gradient(left, #004884 25%, rgba(0, 72, 132, 0)); z-index: 2; }

.sz-bg span.active { opacity: 1; }

.sz-bg span img { width: 100%; height: 100%; object-fit: cover; }

.sz-pag { width: 10px; position: fixed; right: 20px; top: 50%; transform: translateY(-50%); opacity: 0; }

.sz-pag span { width: 10px; height: 10px; display: block; margin: 5px auto; background: #fff; opacity: 1; }

.sz-pag span:nth-child(1), .sz-pag span:nth-child(2), .sz-pag span:last-child { opacity: 0; }

.sz-pag .swiper-pagination-bullet-active { background: #0871C8; }

.sz-item .swiper-slide { position: relative; }

.sz-pannel { width: 1560px; overflow: hidden; position: relative; z-index: 20; }

.sz-pannel em { float: left; width: auto; overflow: hidden; font-size: 80px; font-family: "Arial"; background-image: -webkit-linear-gradient(top, white 30%, rgba(255, 255, 255, 0) 64%); background-image: -moz-linear-gradient(top, white 30%, rgba(255, 255, 255, 0) 64%); background-image: -ms-linear-gradient(top, white 30%, rgba(255, 255, 255, 0) 64%); background-image: -o-linear-gradient(top, white 30%, rgba(255, 255, 255, 0) 64%); background-image: linear-gradient(top, white 30%, rgba(255, 255, 255, 0) 64%); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.5s ease 0.4s; -ms-transition: all 0.5s ease 0.4s; -o-transition: all 0.5s ease 0.4s; transition: all 0.5s ease 0.4s; font-weight: bold; }

.sz-pannel span { float: left; width: 100%; overflow: hidden; font-size: 48px; color: #fff; font-family: "SOURCEHANSANSCN-MEDIUM"; margin-top: -38px; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.5s ease 0.45s; -moz-transition: all 0.5s ease 0.45s; -ms-transition: all 0.5s ease 0.45s; -o-transition: all 0.5s ease 0.45s; transition: all 0.5s ease 0.45s; }

.sz-info { float: left; width: 50%; overflow: hidden; font-size: 18px; color: #fff; line-height: 34px; margin-top: 30px; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -ms-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; }

.sz-bottom { position: absolute; right: 6vw; bottom: 3vw; width: 585px; height: 127px; background: url("../images/icon-38.png") no-repeat; text-align: center; line-height: 127px; font-size: 22px; color: #fff; font-family: "SOURCEHANSANSCN-MEDIUM"; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.5s ease 0.55s; -moz-transition: all 0.5s ease 0.55s; -ms-transition: all 0.5s ease 0.55s; -o-transition: all 0.5s ease 0.55s; transition: all 0.5s ease 0.55s; z-index: 20; }

.sz-des { width: 100%; position: absolute; left: 0px; top: 0px; height: 100%; opacity: 0; }

.sz-des.act { opacity: 1; }

.sz-slide { float: left; width: 100%; overflow: hidden; margin-top: 4.2vw; position: relative; transform: translateY(60px); opacity: 0; -webkit-transition: all 0.5s ease 0.55s; -moz-transition: all 0.5s ease 0.55s; -ms-transition: all 0.5s ease 0.55s; -o-transition: all 0.5s ease 0.55s; transition: all 0.5s ease 0.55s; }

.sz-slide .conters { float: left; width: 520px; }

.sz-slide .swiper-slide { position: relative; overflow: hidden; height: 5.1vw; }

.sz-slide .swiper-slide:before { width: 100%; height: 100%; content: ""; left: 0px; top: 0px; z-index: 12; background: rgba(0, 0, 0, 0.4); position: absolute; }

.sz-slide .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.sz-slide .swiper-slide:hover img { transform: scale(1.05); }

.sz-slide .swiper-slide.active:before { background: transparent; }

.sz-slide .swiper-button-prev { float: left; position: relative; left: 0px; top: 0px; margin: 1vw 16px 0px 4px; width: 60px; height: 60px; border-radius: 50%; background: #004884 url("../images/icon-39.png") no-repeat center; box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.1); transform: rotate(180deg); }

.sz-slide .swiper-button-prev:hover { transform: translateX(3px) rotate(180deg); }

.sz-slide .swiper-button-next { float: left; position: relative; left: 0px; top: 0px; margin: 1vw 0px 0px 16px; width: 60px; height: 60px; border-radius: 50%; background: #004884 url("../images/icon-39.png") no-repeat center; }

.sz-slide .swiper-button-next:hover { transform: translateX(3px); }

.sz-slide .swiper-button-next.swiper-button-disabled, .sz-slide .swiper-button-prev.swiper-button-disabled { pointer-events: auto; cursor: pointer; }

.sz .swiper-slide-active .sz-pannel em, .sz .swiper-slide-active .sz-pannel span, .sz .swiper-slide-active .sz-info, .sz .swiper-slide-active .sz-bottom, .sz .swiper-slide-active .sz-slide { transform: translateY(0px); opacity: 1; }

/*yewu*/
.yewu { width: 100%; overflow: hidden; margin-top: 100px; }

.yewu-pannel { width: 100%; overflow: hidden; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: calc(100vh - 100px); position: relative; }

.yewu-ver { width: 710px; position: absolute; top: 50%; transform: translateY(-50%); right: calc((100% - 1560px)/2); z-index: 12; }

.yewu-top { width: 100%; overflow: hidden; height: 480px; background: rgba(0, 72, 132, 0.8); display: flex; align-content: center; flex-wrap: wrap; }

.yewu-num { width: 78px; height: 78px; overflow: hidden; margin: 0px auto; border-radius: 50%; border: 2px #fff solid; text-align: center; font-size: 14px; color: #fff; font-family: "Arial"; display: flex; align-content: center; flex-wrap: wrap; }

.yewu-num span { width: 100%; overflow: hidden; display: block; position: relative; padding-bottom: 4px; }

.yewu-num span:before { width: 40%; content: ""; position: absolute; left: 30%; bottom: 0px; height: 2px; background: #fff; }

.yewu-num em { width: 100%; overflow: hidden; display: block; }

.yewu-top h3 { width: 90%; overflow: hidden; margin: 40px auto 0px; text-align: center; font-size: 48px; color: #fff; font-weight: bold; }

.yewu-top p { width: 78%; overflow: hidden; margin: 25px auto 0px; text-align: center; font-size: 20px; color: #fff; line-height: 32px; }

.yewu-bottom { width: 100%; overflow: hidden; box-sizing: border-box; margin-top: 24px; height: 120px; line-height: 120px; text-align: center; background: #004884; }

.yewu-bottom a { width: 100%; height: 100%; display: block; font-size: 22px; color: #fff; }

.yewu-bottom img { vertical-align: middle; margin-right: 20px; }

.yewu-bottom:hover { transform: translateY(3px); }

.yewu-pannel:nth-child(2n) .yewu-ver { right: auto; left: calc((100% - 1560px)/2); }

/*zcc-guoji*/
.guoji ul li { margin-left: 2vw; }

.gj { width: 100%; overflow: hidden; background: #fff; }

.gj-1 { width: 1560px; overflow: hidden; margin: 0px auto; padding: 9.6vw 0px 8.3vw; }

.gj-1 h3 { float: left; width: 53.8%; overflow: hidden; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.gj-1info { float: left; width: 53.8%; overflow: hidden; font-size: 18px; color: #666; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 44px; margin-top: 15px; height: 20vw; }

.gj-1video { float: right; width: 42.88%; overflow: hidden; position: relative; border-radius: 8px; margin-top: 10px; cursor: pointer; }

.gj-1video img { float: left; width: 100%; height: auto; overflow: hidden; }

.gj-1video:hover img { transform: scale(1.05); }

.video-click span { width: 94px; overflow: hidden; height: 94px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.8) url("../images/icon-45.png") no-repeat center; background-size: 25%; }

.gj-2 { width: 100%; overflow: hidden; height: 46.36vw; position: relative; }

.gj-2 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 80px; color: rgba(255, 255, 255, 0.2); font-family: "SOURCEHANSANSCN-MEDIUM"; position: absolute; left: 0px; top: 5vw; z-index: 12; }

.gj-2bg { width: 100%; overflow: hidden; height: 100%; background: #000; position: relative; z-index: 10; }

.gj-2bg span { width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; left: 0px; top: 0px; z-index: 11; opacity: 0; }

.gj-2bg span.active { opacity: 0.5; }

.gj-2bg span img { width: 100%; height: 100%; object-fit: cover; }

.gj-2content { width: 1150px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 15; }

.gj-2pannel { width: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); opacity: 0; color: #fff; }

.gj-2pannel.active { opacity: 1; }

.gj-2pannel span { width: 100%; overflow: hidden; text-align: center; display: block; font-size: 40px; font-family: "SOURCEHANSANSCN-MEDIUM"; transform: translateY(60px); opacity: 0; }

.gj-2pannel p { width: 100%; overflow: hidden; text-align: center; display: block; font-size: 18px; line-height: 34px; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 20px; transform: translateY(60px); opacity: 0; }

.gj-2pannel.active span { animation: upslide 0.8s ease 1; animation-fill-mode: forwards; }

.gj-2pannel.active p { animation: upslide 0.8s ease 0.1s 1; animation-fill-mode: forwards; }

.gj-2bottom { width: 100%; position: absolute; left: 0px; bottom: 3vw; z-index: 14; }

.gj-2bottom:before { width: 100%; height: 1px; content: ""; position: absolute; left: 0px; bottom: 14px; background: rgba(255, 255, 255, 0.15); z-index: 12; }

.gj-2bottom .swiper-container { width: 90%; margin: 0px auto; }

.gj-2item { width: 100%; overflow: hidden; cursor: pointer; }

.gj-2item samp { width: 100%; display: block; text-align: center; height: 2.813vw; position: relative; opacity: 0; transform: translateY(-6px); }

.gj-2item samp img { width: auto; height: auto; max-height: 100%; position: absolute; max-width: 90%; left: 50%; bottom: 0px; transform: translateX(-50%); }

.gj-2item span { width: 100%; overflow: hidden; display: block; text-align: center; height: 32px; line-height: 32px; font-size: 19px; font-family: "SOURCEHANSANSCN-REGULAR"; color: #fff; margin-top: 22px; }

.gj-2item em { width: 28px; height: 28px; overflow: hidden; display: block; margin: 20px auto 0px; position: relative; }

.gj-2item em:before { width: 12px; height: 12px; content: ""; position: absolute; overflow: hidden; border-radius: 50%; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 12; }

.gj-2item em:after { width: 12px; height: 12px; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; border-radius: 50%; background: rgba(255, 255, 255, 0.5); z-index: 11; opacity: 0; }

.gj-2bottom .active .gj-2item samp { opacity: 1; transform: translateY(0px); }

.gj-2bottom .active .gj-2item span { font-size: 21px; }

.gj-2bottom .active .gj-2item em:after { opacity: 1; width: 100%; height: 100%; }

.gj-2bottom .swiper-button-prev { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.5) url("../images/icon-39.png") no-repeat center; left: 20px; top: auto; bottom: -5px; background-size: 25%; transform: rotate(180deg); }

.gj-2bottom .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.5) url("../images/icon-39.png") no-repeat center; right: 20px; top: auto; bottom: -5px; background-size: 25%; }

.gj-2bottom .swiper-button-prev:hover, .gj-2bottom .swiper-button-next:hover { background-color: rgba(255, 255, 255, 0.7); }

.gj-3 { width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 6vw 0px 8vw; }

.gj-3 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.gj-3content { width: 1560px; margin: 20px auto 0px; position: relative; }

.gj-3content .swiper-container { padding: 20px 0px; }

.gj-3content .swiper-slide { width: auto; height: 20vw; margin: 0px; cursor: pointer; position: relative; }

.gj-3item { width: 6.2vw; height: 6.2vw; background: #fff; border-radius: 50%; overflow: hidden; box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.06); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.gj-3item:before { width: 90%; height: 90%; content: ""; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 12; border: 2px #e6e6e6 dotted; opacity: 0; }

.gj-3item span { width: 100%; height: 100%; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 13; }

.gj-3item span:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-61.png") no-repeat center; border-radius: 50%; opacity: 0; }

.gj-3item span img { width: auto; height: auto; max-width: 50%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 12; }

.gj-3item span img:last-child { opacity: 1; }

.gj-3content .swiper-slide-active .gj-3item { width: 20vw; height: 20vw; }

.gj-3content .swiper-slide-active .gj-3item:before { opacity: 1; }

.gj-3content .swiper-slide.item-prev .gj-3item { left: 10%; }

.gj-3content .swiper-slide.item-next .gj-3item { left: 30%; }

.gj-3content .swiper-slide-active + .swiper-slide { left: 5%; }

.gj-3content .swiper-slide-active + .swiper-slide + .swiper-slide { left: 3%; }

.gj-3content .swiper-slide-active .gj-3item span { width: 70%; height: 70%; }

.gj-3content .swiper-slide-active .gj-3item span:before { opacity: 1; }

.gj-3content .swiper-slide-active .gj-3item span img { opacity: 1; }

.gj-3content .swiper-slide-active .gj-3item span img:last-child { opacity: 0; }

.gj-3content .swiper-button-prev { width: 40px; height: 40px; border-radius: 50%; background: #004884 url("../images/icon-39.png") no-repeat center; left: -40px; background-size: 25%; transform: rotate(180deg); }

.gj-3content .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: #004884 url("../images/icon-39.png") no-repeat center; right: -40px; background-size: 25%; }

.gj-3content .swiper-button-prev:hover { transform: translateX(-3px) rotate(180deg); }

.gj-3content .swiper-button-next:hover { transform: translateX(3px); }

.gj-3info { width: 1560px; margin: 60px auto 0px; overflow: hidden; }

.gj-3pannel { width: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 12; opacity: 0; }

.gj-3pannel.active { position: relative; opacity: 1; z-index: 13; }

.gj-3pannel h4 { width: 100%; overflow: hidden; text-align: center; font-size: 24px; color: #333; transform: translateY(60px); opacity: 0; }

.gj-3des { width: 55%; overflow: hidden; margin: 24px auto 0px; position: relative; padding: 0px 10%; text-align: center; line-height: 32px; font-size: 16px; color: #808080; transform: translateY(60px); opacity: 0; }

.gj-3des:before { width: 40px; height: 24px; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-48.png") no-repeat center; }

.gj-3des:after { width: 40px; height: 24px; content: ""; position: absolute; bottom: 0px; right: 0px; background: url("../images/icon-48.png") no-repeat center; transform: rotate(180deg); }

.gj-3pannel.active h4 { animation: upslide 0.5s ease 1; animation-fill-mode: forwards; }

.gj-3pannel.active .gj-3des { animation: upslide 0.5s ease 0.1s 1; animation-fill-mode: forwards; }

.gj-4 { width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 5vw 0px 4vw; }

.gj-4 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 40px; color: #fff; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.gj-4content { width: 1560px; overflow: hidden; margin: 20px auto 0px; }

.gj-4content .swiper-slide { position: relative; overflow: hidden; height: 20.05vw; background: #fff; }

.gj-4content .swiper-slide:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-49.png") no-repeat center; z-index: 13; opacity: 0.05; background-size: 42%; }

.gj-4content .swiper-slide img { width: 100%; height: 100%; object-fit: cover; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=$scale); opacity: 0.2; z-index: 10; }

.gj-4content .swiper-slide:hover img { transform: scale(1.04); }

.gj-4item { width: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: 15; text-align: center; }

.gj-4item span { width: 100%; overflow: hidden; display: block; font-size: 20px; color: #000; font-family: "Arial"; }

.gj-4item em { width: 100%; display: block; overflow: hidden; font-size: 20px; color: #333; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 5px; }

.gj-4item a { width: 120px; height: 0px; line-height: 0px; display: block; overflow: hidden; box-sizing: border-box; margin: 0px auto 0px; border-radius: 4px; border: 1px #333 solid; font-size: 16px; color: #333; font-family: "SOURCEHANSANSCN-REGULAR"; opacity: 0; }

.gj-4content .swiper-slide.active { background: #123a78; }

.gj-4content .swiper-slide.active img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=$scale); }

.gj-4content .swiper-slide.active .gj-4item span { color: #fff; font-size: 36px; }

.gj-4content .swiper-slide.active .gj-4item em { color: #fff; font-size: 30px; }

.gj-4content .swiper-slide.active .gj-4item a { border-color: #fff; color: #fff; margin-top: 20px; opacity: 1; height: 50px; line-height: 50px; }

.gj-4content .swiper-slide.active .gj-4item a:hover { transform: translateY(4px); }

.gj-4bottom { width: 1560px; margin: 0px auto; overflow: hidden; background: rgba(0, 139, 255, 0.2); padding: 30px 35px; box-sizing: border-box; }

.gj-4pannel { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 12; opacity: 0; transform: translateY(60px); }

.gj-4pannel.active { position: relative; z-index: 13; animation: upslide 0.7s ease 1; animation-fill-mode: forwards; line-height: 38px; font-size: 18px; color: #fff; font-family: "SOURCEHANSANSCN-REGULAR"; }

.gj-arr { width: 1560px; overflow: hidden; height: 24px; margin: 0px auto; }

.gj-arr span { width: 20%; display: block; height: 100%; position: relative; float: left; }

.gj-arr span:before { width: 0px; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; border-left: 16px transparent solid; border-right: 16px transparent solid; border-bottom: 16px rgba(0, 139, 255, 0.2) solid; opacity: 1; }

.gj-arr span.active:before { opacity: 1; bottom: 0px; }

/*zcc-zhengxin*/
.zx-1 { width: 100%; overflow: hidden; background: #f7f7f7; padding-top: 3.5vw; }

.zx-1 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.zx-1content { width: 120%; overflow: hidden; margin-top: 50px; display: flex; justify-content: space-between; margin-left: -15%; }

.zx-1pannel { width: 25%; height: 44.46vw; padding: 0px 1px; box-sizing: border-box; position: relative; }

.zx-1pannel.active { width: 50%; }

.zx-1pic { width: 100%; height: 100%; overflow: hidden; transform: skewX(-12deg); background: #01377f; }

.zx-1pic img { width: auto; height: 110%; object-fit: cover; transform: skewX(12deg) translateX(-50%); position: absolute; left: 50%; top: 0px; opacity: 0.2; }

.zx-1pannel:nth-child(1).active { margin-left: 0px; }

.zx-1pannel:nth-child(1) { margin-left: 8%; }

.zx-1pannel.active .zx-1pic { background: #000; }

.zx-1pannel.active .zx-1pic img { opacity: 0.5; }

.zx-1item { width: auto; position: absolute; z-index: 15; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; }

.zx-1pannel:nth-child(1).active .zx-1item { left: 60%; }

.zx-1item h4 { width: 100%; font-size: 26px; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.zx-1ct { width: 100%; overflow: hidden; display: none; }

.zx-1info { width: 100%; font-size: 22px; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 6px; line-height: 24px; padding-bottom: 30px; background: url("../images/icon-51.png") no-repeat left bottom; }

.zx-1item ul { width: 100%; overflow: hidden; display: flex; justify-content: space-between; margin-top: 40px; }

.zx-1item ul li { float: left; width: 156px; overflow: hidden; margin-right: 21px; }

.zx-1top { float: left; width: 100%; height: 99px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; padding-bottom: 6px; position: relative; cursor: pointer; }

.zx-1top:before { width: auto; content: ""; border-left: 8px transparent solid; border-right: 8px transparent solid; border-top: 8px rgba(255, 255, 255, 0) solid; position: absolute; left: 50%; transform: translateX(-50%); bottom: -8px; }

.zx-1item ul li samp { width: 100%; overflow: hidden; height: 65px; position: relative; display: block; }

.zx-1item ul li samp img { width: auto; height: auto; max-height: 70%; max-width: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; }

.zx-1item ul li samp img:last-child { opacity: 1; }

.zx-1top span { width: 100%; overflow: hidden; text-align: center; display: block; font-size: 18px; font-family: "SOURCEHANSANSCN-REGULAR"; }

.zx-1bottom { width: 100%; overflow: hidden; float: left; text-align: center; font-size: 16px; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 20px; opacity: 0; }

.zx-1arr { width: 132px; height: 68px; position: absolute; left: 40%; transform: translateX(-50%); bottom: 9vw; background: url("../images/icon-55.png") no-repeat; opacity: 1; }

.zx-1arr img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: leftmove 1s linear infinite; }

.zx-1pannel.active .zx-1arr { opacity: 0; }

.zx-1pannel.active .zx-1item h4 { font-size: 48px; }

.zx-1pannel.active .zx-1ct { display: block; }

.zx-1pannel:nth-child(1) .zx-1arr { left: 58%; }

.zx-1pannel:nth-child(1) .zx-1item h4 { width: 300px; transform: translateX(35%); }

.zx-1pannel:nth-child(1).active .zx-1item h4 { width: auto; transform: translateX(0%); }

.zx-1pannel:nth-child(1) .zx-1top { height: 126px; }

.zx-1pannel:nth-child(1) .zx-1top span { padding: 0px 15px; box-sizing: border-box; text-align: left; }

.zx-1item ul li:hover .zx-1top { background: #fff; cursor: pointer; }

.zx-1item ul li:hover samp img { opacity: 1; }

.zx-1item ul li:hover samp img:last-child { opacity: 0; }

.zx-1item ul li:hover .zx-1top:before { border-top: 8px white solid; }

.zx-1item ul li:hover .zx-1top span { color: #0a4f89; }

.zx-1item ul li:hover .zx-1bottom { opacity: 1; }

.zx-2 { width: 100%; overflow: hidden; background: #f7f7f7; padding: 4.5vw 0px 7.2vw; }

.zx-2head { width: 100%; overflow: hidden; text-align: center; }

.zx-2head h3 { width: 100%; overflow: hidden; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.zx-2head p { width: 100%; overflow: hidden; font-size: 22px; color: #9599a4; font-family: "SOURCEHANSANSCN-LIGHT"; letter-spacing: 4px; }

.zx-2 ul { width: 100%; overflow: hidden; text-align: center; margin-top: 70px; position: relative; z-index: 12; }

.zx-2 ul li { width: 240px; display: inline-block; vertical-align: top; position: relative; padding-bottom: 40px; cursor: pointer; }

.zx-2 ul li:before { width: auto; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -15px; border-left: 15px transparent solid; border-right: 15px transparent solid; border-bottom: 15px #fff solid; opacity: 0; }

.zx-2 ul li samp { float: left; width: 100%; position: relative; height: 76px; }

.zx-2 ul li samp img { width: auto; height: auto; max-width: 60%; max-height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; }

.zx-2 ul li samp img:last-child { opacity: 1; }

.zx-2 ul li span { float: left; width: 100%; text-align: center; font-size: 20px; color: #333; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 20px; }

.zx-2 ul li.active:before { opacity: 1; bottom: 0px; }

.zx-2 ul li.active samp img { opacity: 1; }

.zx-2 ul li.active samp img:last-child { opacity: 0; }

.zx-2 ul li.active span { color: #004884; }

.zx-2content { width: 1560px; overflow: hidden; margin: 0px auto; box-shadow: 0px 0px 12px 7px rgba(0, 0, 0, 0.03); background: #fff; box-sizing: border-box; padding: 2.5vw 3.1vw; position: relative; z-index: 11; }

.zx-2item { width: 100%; overflow: hidden; font-family: "SOURCEHANSANSCN-REGULAR"; color: #333; position: absolute; left: 0px; top: 0px; opacity: 0; }

.zx-2item span { float: left; width: 100%; font-size: 28px; transform: translateY(60px); opacity: 0; }

.zx-2info { float: left; width: 100%; overflow: hidden; line-height: 30px; font-size: 18px; margin-top: 8px; transform: translateY(60px); opacity: 0; }

.zx-2item.active { opacity: 1; position: relative; }

.zx-2item.active span { animation: upslide 0.6s ease 1; animation-fill-mode: forwards; }

.zx-2item.active .zx-2info { animation: upslide 0.6s ease 0.1s 1; animation-fill-mode: forwards; }

/*zcc-chengxin*/
.gj-1.cx .gj-1info { width: 55%; }

.gj-1.cx .gj-1video { margin-top: 40px; }

.cx-1 { width: 100%; overflow: hidden; margin: 0px auto; background-position: center; background-repeat: no-repeat; background-size: cover; }

.cx-2 { width: 100%; overflow: hidden; height: 100vh; position: relative; }

.cx-2head { width: auto; position: absolute; right: 220px; top: 100px; font-size: 40px; color: rgba(255, 255, 255, 0.4); font-family: "SOURCEHANSANSCN-MEDIUM"; z-index: 16; }

.cx-2bg { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 12; }

.cx-2bg:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); z-index: 14; }

.cx-2bg span { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

.cx-2bg span.active { opacity: 1; }

.cx-2content { width: 1560px; position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 15; }

.cx-2content .swiper-slide { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; }

.cx-2ver { width: 770px; overflow: hidden; color: #fff; }

.cx-2ver h3 { float: left; width: 100%; overflow: hidden; font-size: 50px; font-family: "SOURCEHANSANSCN-MEDIUM"; line-height: 66px; transform: translateY(60px); opacity: 0; }

.cx-2info { float: left; width: 100%; overflow: hidden; font-size: 18px; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 32px; margin-top: 10px; transform: translateY(60px); opacity: 0; }

.cx-2pag { width: 140px; position: absolute; left: 0px; bottom: 7.5vw; }

.cx-2pag .swiper-button-prev { width: 60px; height: 60px; border-radius: 50%; border: 1px #fff solid; background: url("../images/icon-39.png") no-repeat center; transform: rotate(180deg); left: 0px; }

.cx-2pag .swiper-button-next { width: 60px; height: 60px; border-radius: 50%; border: 1px #fff solid; background: url("../images/icon-39.png") no-repeat center; right: 0px; }

.cx-2pag .swiper-button-prev:hover, .cx-2pag .swiper-button-next:hover { background-color: #004884; border-color: #004884; }

.cx-2content .swiper-slide-active .cx-2ver h3 { animation: upslide 0.6s ease 1; animation-fill-mode: forwards; }

.cx-2content .swiper-slide-active .cx-2info { animation: upslide 0.6s ease 0.1s 1; animation-fill-mode: forwards; }

.cx-2nav { width: auto; height: 100%; position: absolute; right: 180px; top: 0px; z-index: 15; }

.cx-2nav:before { width: 2px; height: 100%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.1); }

.cx-2nav ul { width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.cx-2nav ul li { width: 100%; margin: 50px 0px; position: relative; cursor: pointer; }

.cx-2nav ul li p { width: 52px; height: 52px; overflow: hidden; position: relative; }

.cx-2nav ul li p:before { width: 0%; height: 0%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.1); border-radius: 50%; z-index: 1; }

.cx-2nav ul li p:after { width: 50%; height: 50%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: white; border-radius: 50%; z-index: 2; }

.cx-2nav ul li p em { width: 24%; height: 24%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; background: #73a5d1; border-radius: 50%; }

.cx-2nav ul li span { position: absolute; right: 70px; top: 0px; line-height: 52px; display: block; width: 250px; text-align: right; font-size: 18px; color: rgba(255, 255, 255, 0.6); }

.cx-2nav ul li samp { width: 20px; height: 100%; position: absolute; left: 60px; top: 0px; }

.cx-2nav ul li samp:before { width: 100%; height: 2px; content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.3); }

.cx-2nav ul li samp { position: absolute; }

.cx-2nav ul li.active span { color: #fff; font-size: 24px; font-weight: bold; }

.cx-2nav ul li.active p:before { width: 100%; height: 100%; }

.cx-2nav ul li.active p em { background: #005bab; }

.cx-2nav ul li.active samp { width: 40px; }

.cx-2nav ul li.active samp:before { background: #fff; }

.cx-3 { width: 1560px; margin: 0px auto; padding-top: 7vw; }

.cx-3 h3 { width: 100%; overflow: hidden; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.cx-3content { width: 100%; padding-bottom: 60px; position: relative; }

.cx-3left { float: left; width: 62.2%; overflow: hidden; position: relative; margin-top: 40px; }

.cx-3left img { float: left; width: 100%; height: auto; }

.cx-3left span { width: 8px; height: 8px; position: absolute; z-index: 12; cursor: pointer; }

.cx-3left span:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: #008bff; z-index: 12; border-radius: 50%; }

.cx-3left span:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: #008bff; z-index: 12; border-radius: 50%; opacity: 0.5; animation: scales2 2s linear infinite; }

.cx-3left span.big1 { left: 32%; top: 52%; }

.cx-3left span.big2 { left: 62%; top: 46%; }

.cx-3left span.big3 { left: 59.8%; top: 65%; }

.cx-3right { width: 50%; overflow: hidden; background: url("../images/bg-13.jpg") no-repeat center; background-size: cover; padding-bottom: 50px; box-shadow: 0px 0px 16px 5px rgba(0, 72, 132, 0.2); position: absolute; z-index: 12; right: 0px; bottom: 0px; }

.cx-3top { width: 80%; overflow: hidden; margin: 0px auto; height: 20.5vw; }

.cx-3item { width: 100%; overflow: hidden; color: #fff; }

.cx-3item span { float: left; width: 100%; overflow: hidden; font-size: 30px; transform: translateY(60px); opacity: 0; }

.cx-3info { float: left; width: 100%; overflow: hidden; font-size: 18px; line-height: 32px; font-family: "SOURCEHANSANSCN-REGULAR"; transform: translateY(60px); opacity: 0; }

.cx-3top .swiper-button-prev { float: left; width: 24px; height: 24px; border-radius: 50%; background: #fff url("../images/icon-62.png") no-repeat center; position: relative; left: 0px; top: 0px; margin: 0px; margin-top: 25px; transform: rotate(180deg); }

.cx-3top .swiper-button-next { float: left; width: 24px; height: 24px; border-radius: 50%; background: #fff url("../images/icon-62.png") no-repeat center; position: relative; left: 0px; top: 0px; margin: 0px; margin-top: 25px; margin-left: 10px; }

.cx-3top .swiper-button-prev:hover { transform: rotate(180deg) translateX(-2px); }

.cx-3top .swiper-button-next:hover { transform: translateX(2px); }

.cx-3nav { width: 80%; overflow: hidden; margin: 0px auto; }

.cx-3nav p { width: 100%; height: 1px; overflow: hidden; background: rgba(255, 255, 255, 0.2); position: relative; }

.cx-3nav p em { width: 0%; position: absolute; left: 0px; top: 0px; background: #fff; height: 100%; }

.cx-age { width: 100%; overflow: hidden; display: flex; justify-content: space-between; font-size: 12px; color: rgba(255, 255, 255, 0.5); font-family: "Arial"; margin-top: 10px; font-style: italic; }

.cx-age span { cursor: pointer; }

.cx-age span.active { color: #fff; font-family: "Arial"; font-weight: bold; }

.cx-3top .swiper-slide-active .cx-3item span { animation: upslide 0.6s ease 1; animation-fill-mode: forwards; }

.cx-3top .swiper-slide-active .cx-3info { animation: upslide 0.6s ease 0.1s 1; animation-fill-mode: forwards; }

.prop-pic { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; }

.prop-pic-close { width: 50px; height: 50px; border-radius: 50%; background: #fff; position: absolute; right: 30px; top: 30px; cursor: pointer; }

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

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

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

.prop-pic img { width: auto; height: auto; max-width: 60%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.prop-pic-active { opacity: 1; visibility: visible; }

.cx-4 { width: 100%; overflow: hidden; padding-top: 9.5vw; }

.cx-4 h3 { width: 100%; overflow: hidden; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; text-align: center; }

.cx-4content { width: 100%; overflow: hidden; margin-top: 48px; background-position: center; background-repeat: no-repeat; background-size: cover; height: 37.5vw; }

.cx-4center { width: 1560px; margin: 0px auto; height: 100%; display: flex; border-left: 1px rgba(255, 255, 255, 0.3) solid; box-sizing: border-box; }

.cx-4item { width: 100%; overflow: hidden; height: 100%; flex: 1; border-right: 1px rgba(255, 255, 255, 0.3) solid; box-sizing: border-box; display: flex; align-content: center; flex-wrap: wrap; color: #fff; padding: 0px 15px; }

.cx-4ver { width: auto; overflow: hidden; margin: 0px auto; }

.cx-4ver samp { width: 100%; display: block; overflow: hidden; text-align: center; height: 90px; position: relative; }

.cx-4ver samp img { width: auto; height: auto; max-width: 50%; max-height: 60%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; opacity: 0.3; }

.cx-4ver span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 22px; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 90px; }

.cx-4ver p { width: 200%; display: block; overflow: hidden; text-align: left; font-size: 18px; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 10px; opacity: 0; }

.cx-4item.active { flex: 1.78; }

.cx-4item.active .cx-4ver samp, .cx-4item.active .cx-4ver span { animation: show 0.7s ease 1; animation-fill-mode: forwards; }

.cx-4item.active .cx-4ver samp img { left: 0px; transform: translateX(0px); height: 100%; opacity: 1; max-height: 100%; }

.cx-4item.active .cx-4ver span { font-family: "SOURCEHANSANSCN-MEDIUM"; font-size: 40px; margin-top: 60px; text-align: left; animation: show 0.7s ease 1; animation-fill-mode: forwards; }

.cx-4item.active .cx-4ver p { width: 100%; animation: show 0.7s ease 1; animation-fill-mode: forwards; }

/*keji*/
.kj { width: 100%; overflow: hidden; background: #f8fafc; }

.kj-1 { width: 1560px; overflow: hidden; margin: 6.25vw auto; background: #fff; box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.06); border-radius: 5px; position: relative; }

.kj-1left { float: left; width: 49%; overflow: hidden; }

.kj-1left img { width: 100%; height: auto; }

.kj-1:hover img { transform: scale(1.04); }

.kj-1right { width: 41%; position: absolute; right: 5%; top: 50%; transform: translateY(-50%); max-height: 70%; overflow: hidden; }

.kj-1right h3 { width: 100%; overflow: hidden; font-size: 40px; color: #000; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.kj-1info { width: 100%; overflow: hidden; line-height: 42px; font-size: 18px; color: #666; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 15px; }

.mCSB_scrollTools .mCSB_draggerRail { display: none !important; }

.mCSB_scrollTools .mCSB_draggerContainer:before { width: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: #e4e4e4; border-radius: 2px; height: 100%; }

.mCSB_scrollTools { width: 4px !important; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #004884 !important; }

.kj-2 { width: 100%; overflow: hidden; position: relative; height: 52.08vw; }

.kj-2bg { width: 100%; overflow: hidden; height: 100%; overflow: hidden; position: relative; }

.kj-2bg span { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; opacity: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

.kj-2bg span.active { opacity: 1; }

.kj-2head { width: 100%; overflow: hidden; text-align: center; position: absolute; left: 0px; top: 120px; z-index: 12; color: #fff; }

.kj-2head h3 { width: 100%; overflow: hidden; font-size: 50px; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.kj-2head p { width: 990px; overflow: hidden; font-size: 20px; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 38px; margin: 6px auto 0px; }

.kj-2content { width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 16; height: 100%; }

.kj-2content:before { width: 100%; content: ""; height: 1px; position: absolute; left: 0px; bottom: 156px; background: rgba(255, 255, 255, 0.2); z-index: 12; }

.kj-2content .swiper-container { height: 100%; padding: 0px 5%; box-sizing: border-box; }

.kj-2content .swiper-slide { position: relative; }

.kj-2pannel { width: 15.3vw; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%) translateY(40%); padding-bottom: 193px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); border-radius: 10px 10px 0px 0px; opacity: 0; }

.kj-2pannel samp { width: 100%; height: 124px; display: block; overflow: hidden; position: relative; }

.kj-2pannel samp img { width: auto; height: auto; max-width: 70%; max-height: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.kj-2pannel .kj-2info { width: 82%; overflow: hidden; margin: 0px auto; line-height: 30px; font-size: 16px; font-family: "SOURCEHANSANSCN-REGULAR"; color: #fff; }

.kj-2content .swiper-slide.active .kj-2pannel { opacity: 1; transform: translateX(-50%) translateY(0px); }

.kj-2item { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0px; z-index: 18; cursor: pointer; height: 168px; }

.kj-2item em { width: 22px; height: 22px; display: block; margin: 0px auto; overflow: hidden; position: relative; }

.kj-2item em:before { width: 100%; height: 100%; content: ""; border-radius: 50%; position: absolute; left: 0px; top: 0px; background: rgba(255, 255, 255, 0.5); opacity: 0; }

.kj-2item em:after { width: 51%; height: 51%; content: ""; border-radius: 50%; position: absolute; background: white; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.kj-2item span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 20px; color: #fff; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 15px; line-height: 40px; }

.kj-2content .swiper-slide.active .kj-2item span { font-size: 28px; }

.kj-2content .swiper-slide.active .kj-2item em:before { opacity: 1; }

.kj-2content .swiper-button-prev { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.5) url("../images/icon-39.png") no-repeat center; left: 20px; top: auto; bottom: 137px; background-size: 25%; transform: rotate(180deg); z-index: 40; }

.kj-2content .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.5) url("../images/icon-39.png") no-repeat center; right: 20px; top: auto; bottom: 137px; background-size: 25%; z-index: 40; }

.gj-2bottom .swiper-button-prev:hover, .gj-2bottom .swiper-button-next:hover { background-color: rgba(255, 255, 255, 0.7); }

.kj-3 { width: 100%; overflow: hidden; padding: 5vw 0px 6.8vw; }

.kj-3 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.kj-3content { width: calc(1560px + 4%); overflow: hidden; margin: 80px auto 0px; display: flex; justify-content: space-between; }

.kj-3item { flex: 1; overflow: hidden; padding: 35px 0px; position: relative; }

.kj-3item:before { width: 100%; height: 100%; content: ""; background: url("../images/bg-16.jpg"); position: absolute; left: 0px; top: 0px; overflow: hidden; border-radius: 6px; background-size: cover; opacity: 0; }

.kj-3item samp { width: 100%; height: 80px; display: block; overflow: hidden; position: relative; z-index: 12; }

.kj-3item samp img { width: auto; height: auto; max-width: 60%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; }

.kj-3item samp img:last-child { opacity: 0; }

.kj-3item span { width: 100%; overflow: hidden; font-size: 20px; line-height: 32px; color: #004884; font-family: "SOURCEHANSANSCN-REGULAR"; display: block; text-align: center; margin-top: 18px; position: relative; z-index: 12; }

.kj-3item:hover:before { opacity: 1; }

.kj-3item:hover samp img { opacity: 0; }

.kj-3item:hover samp img:last-child { opacity: 1; }

.kj-3item:hover span { color: #fff; }

/*zcc-touzi*/
.tz { width: 100%; overflow: hidden; }

.tz-1 { width: 1560px; overflow: hidden; margin: 7.25vw auto; position: relative; }

.tz-1 .swiper-slide { height: 29vw; overflow: hidden; position: relative; }

.tz-1 .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.tz-1ver { width: 90%; position: absolute; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.tz-1ver span { float: left; width: 100%; font-size: 40px; color: #fff; font-family: "SOURCEHANSANSCN-MEDIUM"; transform: translateY(60px); opacity: 0; }

.tz-1ver p { float: left; width: 470px; font-size: 20px; color: #fff; font-family: "SOURCEHANSANSCN-NORMAL"; line-height: 40px; margin-top: 10px; transform: translateY(60px); opacity: 0; }

.tz-1 .swiper-pagination { right: 60px; bottom: 50px; z-index: 12; }

.tz-1 .swiper-pagination span { width: 18px; height: 18px; overflow: hidden; border-radius: 50%; opacity: 1; background: #ddd; margin-left: 20px; }

.tz-1 .swiper-pagination .swiper-pagination-bullet-active { background: #007be1; }

.tz-1 .swiper-slide-active .tz-1ver span { animation: upslide 0.5s ease 0.6s 1; animation-fill-mode: forwards; }

.tz-1 .swiper-slide-active .tz-1ver p { animation: upslide 0.5s ease 0.7s 1; animation-fill-mode: forwards; }

.tz-2 { width: 100%; overflow: hidden; height: 100vh; position: relative; }

.tz-3 { width: 100%; height: 100%; overflow: hidden; }

.tz-3 img { width: 100%; height: 100%; object-fit: cover; }

.tz-3 .swiper-slide { position: relative; height: 100%; }

.tz-3ver { width: 1560px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; }

.tz-3ver span { float: left; width: auto; overflow: hidden; font-size: 42px; font-family: "SOURCEHANSANSCN-MEDIUM"; transform: translateY(60px); opacity: 0; }

.tz-3ver em { float: left; width: auto; overflow: hidden; font-size: 16px; font-family: "SOURCEHANSANSCN-LIGHT"; margin-left: 20px; background: url("../images/icon-76.png") no-repeat left 4px; padding-left: 23px; margin-top: 25px; transform: translateY(60px); opacity: 0; }

.tz-3info { float: left; width: 35vw; overflow: hidden; font-size: 18px; line-height: 32px; font-family: "SOURCEHANSANSCN-NORMAL"; margin-top: 26px; transform: translateY(60px); opacity: 0; }

.tz-3ver a { float: left; width: 180px; overflow: hidden; border-radius: 5px; background: #fff; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #004884; font-family: "SOURCEHANSANSCN-MEDIUM"; margin-top: 36px; transform: translateY(60px); opacity: 0; cursor: pointer; }

.tz-3ver a:hover { transform: translateY(3px); }

.tz-3 .swiper-slide-active .tz-3ver span { animation: upslide 0.6s ease 0.5s 1; animation-fill-mode: forwards; }

.tz-3 .swiper-slide-active .tz-3ver em { animation: upslide 0.6s ease 0.5s 1; animation-fill-mode: forwards; }

.tz-3 .swiper-slide-active .tz-3ver .tz-3info { animation: upslide 0.6s ease 0.6s 1; animation-fill-mode: forwards; }

.tz-3 .swiper-slide-active .tz-3ver a { animation: upslide 0.6s ease 0.7s 1; animation-fill-mode: forwards; }

.tz-4 { width: 50%; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); z-index: 20; }

.tz-4 .swiper-slide { height: 20.8vw; overflow: hidden; border-radius: 14px; margin-top: 1.5vw; cursor: pointer; }

.tz-4 .tz-4ver { width: 100%; height: 100%; position: relative; }

.tz-4 .tz-4ver:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.4); z-index: 12; }

.tz-4 .tz-4ver img { width: 100%; height: 100%; object-fit: cover; }

.tz-4 .tz-4ver:hover img { transform: scale(1.04); }

.tz-4 .tz-4ver span { width: 100%; overflow: hidden; text-align: center; position: absolute; left: 0px; bottom: 25px; font-size: 18px; color: #fff; font-family: "SOURCEHANSANSCN-NORMAL"; display: block; padding: 0px 10px; box-sizing: border-box; z-index: 23; }

.tz-4 .swiper-slide-active { height: 23.8vw; margin-top: 0px; }

.tz-4 .swiper-button-prev { width: 60px; height: 60px; border-radius: 50%; left: 0px; top: auto; bottom: -120px; border: 2px #cacbcb solid; box-sizing: border-box; background: url("../images/icon-77.png") no-repeat center; }

.tz-4 .swiper-button-next { width: 60px; height: 60px; border-radius: 50%; left: 80px; top: auto; bottom: -120px; border: 2px #cacbcb solid; box-sizing: border-box; background: url("../images/icon-77.png") no-repeat center; transform: rotate(180deg); }

.tz-4 .swiper-button-prev:hover { background: #004884 url("../images/icon-39.png") no-repeat center; border-color: #004884; transform: rotate(180deg); }

.tz-4 .swiper-button-next:hover { background: #004884 url("../images/icon-39.png") no-repeat center; border-color: #004884; transform: rotate(0deg); }

.tz-5 { width: 100%; overflow: hidden; position: relative; }

.tz-5map { width: 100%; overflow: hidden; position: relative; }

.tz-5map img { width: 100%; height: auto; overflow: hidden;opacity:0.6  }

.tz-pos { width: auto; position: absolute; right: 0px; top: 0px; z-index: 12; }

.tz-pos span { width: auto; display: block; padding-left: 20px; font-size: 16px; color: #333; font-family: "SOURCEHANSANSCN-REGULAR"; position: relative; cursor: pointer; }

.tz-pos span:before { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-79.png") no-repeat left center; opacity: 1; animation: mapmove 0.7s ease infinite alternate; }

.tz-pos span:after { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-78.png") no-repeat left center; opacity: 0; }

.tz-pos.pos1 { right: 18%; top: 36%; }

.tz-pos.pos2 { right: 24%; top: 63%; }

.tz-pos.pos3 { right: 14%; top: 62%; }

.tz-pos.pos4 { right: 21%; top: 85%; }

.tz-prop { width: 180px; position: absolute; right: 0px; bottom: 30px; z-index: 20; opacity: 0; transform: scale(0); transform-origin: bottom; }

.tz-prop:before { width: auto; content: ""; position: absolute; right: 20px; bottom: -7px; border-left: 10px transparent solid; border-right: 10px transparent solid; border-top: 10px #033359 solid; }

.tz-prop img { width: 100%; height: auto; overflow: hidden; border-radius: 5px; }

.tz-pos.active .tz-prop { opacity: 1; transform: scale(1); }

.tz-5head { position: absolute; width: 1560px; z-index: 12; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.tz-5head h3 { float: left; width: 100%; overflow: hidden; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.tz-5head em { float: left; width: 100%; overflow: hidden; font-size: 20px; color: #9599a4; font-family: "SOURCEHANSANSCN-LIGHT"; }

.tz-5info { float: left; width: 50%; overflow: hidden; font-size: 18px; line-height: 40px; color: #666; font-family: "SOURCEHANSANSCN-NORMAL"; margin-top: 30px; }

.tz-detail { width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 1200; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; }

.tz-detail-active { opacity: 1; visibility: visible; }

.tz-detail-center { width: 83%; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; padding-bottom: 30px; border-radius: 6px; }

.tz-close { width: 41px; height: 41px; overflow: hidden; position: absolute; right: 30px; top: 30px; cursor: pointer; background: url("../images/icon-106.png") no-repeat; z-index: 270; }

.tz-detail-ver { width: 100%; overflow: hidden; }

.tz-detail-ver samp { width: 100%; display: block; overflow: hidden; }

.tz-detail-ver samp img { width: 100%; height: auto; }

.tz-detail-ver h4 { width: 93%; overflow: hidden; margin: 30px auto 0px; font-size: 40px; color: #000; }

.tz-detail-info { width: 93%; overflow: hidden; margin: 10px auto 0px; font-size: 18px; color: #666; line-height: 32px; }

.tz-detail-center .swiper-button-prev { width: 60px; height: 60px; overflow: hidden; border: 2px #fff solid; box-sizing: border-box; background: url("../images/icon-14.png") no-repeat center; background-size: 8px; z-index: 270; left: auto; right: 160px; border-radius: 50%; transform: rotate(180deg); top: 55%; }

.tz-detail-center .swiper-button-next { width: 60px; height: 60px; overflow: hidden; border: 2px #fff solid; box-sizing: border-box; background: url("../images/icon-14.png") no-repeat center; background-size: 8px; z-index: 270; left: auto; right: 80px; border-radius: 50%; top: 55%; }

.tz-detail-center .swiper-button-prev:hover, .tz-detail-center .swiper-button-next:hover { background-color: #004884; border-color: #004884; }

.tz-detail .swiper-slide { align-items: flex-start; }

/*video*/
.video { width: 100%; overflow: hidden; background: #fff; padding: 6.25vw 0px; }

.video-list { width: 1560px; margin: 0px auto; }

.video-item { float: left; width: 32%; overflow: hidden; margin: 40px 2% 0px 0px; background: #fff; cursor: pointer; border-radius: 6px; box-shadow: 0px 5px 12px 5px rgba(0, 0, 0, 0.04); }

.video-item:nth-child(3n) { float: right; margin-right: 0px; }

.video-top { width: 100%; overflow: hidden; height: 14vw; background: #000; position: relative; }

.video-top:before { width: 5vw; height: 5vw; content: ""; position: absolute; z-index: 12; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("../images/icon-81.png") no-repeat center; background-size: 100%; opacity: 0; }

.video-top:after { width: 5vw; height: 5vw; content: ""; position: absolute; z-index: 12; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("../images/icon-80.png") no-repeat center; background-size: 12%; opacity: 0; }

.video-top img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; opacity: 0.8; }

.video-item:hover img { transform: scale(1.04); opacity: 0.4; }

.video-item:hover .video-top:before, .video-item:hover .video-top:after { opacity: 1; }

.video-bottom { width: 100%; height: 74px; line-height: 74px; overflow: hidden; text-align: center; padding: 0px 10px; box-sizing: border-box; font-size: 16px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

/*wenhua*/
.wh { width: 100%; overflow: hidden; background: #fff; }

.wh-1 { width: 100%; overflow: hidden; background: #fff url("../images/bg-55.jpg") no-repeat left bottom; background-size: 100%; padding: 140px 0px 140px calc((100% - 1560px)/2); box-sizing: border-box; }

.wh-1center { width: 100%; }

.wh-1left { float: left; width: 49.65%; overflow: hidden; border-radius: 8px; background: #fff; box-shadow: 0px 0px 12px 6px rgba(16, 67, 119, 0.2); box-sizing: border-box; padding: 18px; }

.wh-1item { width: 100%; overflow: hidden; }

.wh-1item samp { width: 100%; height: 20.8vw; overflow: hidden; display: block; border-radius: 12px; }

.wh-1item samp img { width: 100%; height: 100%; object-fit: cover; }

.wh-1item:hover samp img { transform: scale(1.02); }

.wh-1bottom { width: 100%; overflow: hidden; margin-top: 24px; }

.wh-1bottom span { float: left; width: 100%; overflow: hidden; font-size: 26px; color: #000032; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.wh-1bottom p { float: left; width: 100%; overflow: hidden; font-size: 36px; color: #000032; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.wh-1right { float: right; width: 50.35%; position: relative; margin-top: 7vw; z-index: 12; }

.wh-1right:before { width: 100%; height: 1px; content: ""; position: absolute; left: 0px; top: 85px; background: #e6edf3; }

.wh-1right ul { float: left; width: 56%; display: flex; justify-content: space-between; margin-left: 10%; position: relative; z-index: 12; }

.wh-1right ul li { width: auto; display: block; cursor: pointer; }

.wh-1right ul li span { width: 100%; display: block; color: #054b86; font-size: 26px; font-family: "SOURCEHANSANSCN-REGULAR"; opacity: 0.2; transform-origin: bottom; }

.wh-1right ul li em { width: 27px; height: 27px; display: block; margin: 32px auto 0px; position: relative; }

.wh-1right ul li em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: #fff; border-radius: 50%; box-shadow: 0px 0px 12px 5px rgba(0, 0, 255, 0.1); opacity: 0; }

.wh-1right ul li em:after { width: 11px; height: 11px; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #e6edf3; border-radius: 50%; overflow: hidden; }

.wh-1right ul li samp { width: 45px; height: 45px; display: block; margin: 42px auto 0px; position: relative; opacity: 0.2; }

.wh-1right ul li samp img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.wh-1right ul li.active span { transform: scale(1.5); opacity: 1; font-family: "SOURCEHANSANSCN-BOLD"; }

.wh-1right ul li.active em:before { opacity: 1; }

.wh-1right ul li.active em:after { background: #004884; }

.wh-1right ul li.active samp { opacity: 1; }

.wh-1pag { float: left; width: 110px; position: relative; z-index: 22; margin: 59px 0px 0px 5%; }

.wh-1pag .swiper-button-prev { width: 51px; height: 51px; overflow: hidden; border-radius: 50%; box-sizing: border-box; border: 2px #fff solid; background: -webkit-linear-gradient(top, #ecf1f8, #fff); background: -moz-linear-gradient(top, #ecf1f8, #fff); background: -ms-linear-gradient(top, #ecf1f8, #fff); background: -o-linear-gradient(top, #ecf1f8, #fff); box-shadow: 0px 0px 12px 4px rgba(12, 65, 157, 0.05); position: absolute; top: 0px; margin: 0px; left: 0px; }

.wh-1pag .swiper-button-prev:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icons-106.png") no-repeat center; }

.wh-1pag .swiper-button-next { width: 51px; height: 51px; overflow: hidden; border-radius: 50%; box-sizing: border-box; border: 2px #fff solid; background: -webkit-linear-gradient(top, #ecf1f8, #fff); background: -moz-linear-gradient(top, #ecf1f8, #fff); background: -ms-linear-gradient(top, #ecf1f8, #fff); background: -o-linear-gradient(top, #ecf1f8, #fff); box-shadow: 0px 0px 12px 4px rgba(12, 65, 157, 0.05); position: absolute; transform: rotate(180deg); margin: 0px; top: 0px; right: 0px; }

.wh-1pag .swiper-button-next:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icons-106.png") no-repeat center; }

.wh-1pag .swiper-button-prev:hover { box-shadow: 0px 0px 12px 4px rgba(12, 65, 157, 0.07); transform: translateX(-3px); }

.wh-1pag .swiper-button-next:hover { box-shadow: 0px 0px 12px 4px rgba(12, 65, 157, 0.07); transform: rotate(180deg) translateX(-3px); }

.wh-2 { width: 100%; background-size: cover; position: relative; z-index: 12; background-position: top center; background-repeat: no-repeat; }

.wh-2bg { width: 100%; overflow: hidden; position: relative; }

.wh-2bg span { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; display: block; }

.wh-2bg span.active { opacity: 1; position: relative; }

.wh-2bg span img { width: 100%; height: auto; }

.wh-2center { width: 100%; position: absolute; left: 0px; top: 0px; z-index: 12; }

.wh-2head { width: 1560px; overflow: hidden; margin: 130px auto 0px; color: #fff; }

.wh-2head h3 { width: 100%; overflow: hidden; font-size: 42px; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.wh-2head p { width: 500px; overflow: hidden; font-size: 22px; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 32px; margin-top: 5px; }

.wh-2content { width: calc(50% + 0.5*1560px); margin-left: calc(50% - 0.5*1560px); margin-top: 120px; position: relative; }

.wh-2content ul { float: left; width: auto; overflow: hidden; margin-top: 68px; }

.wh-2content ul li { float: left; width: auto; height: 70px; line-height: 70px; overflow: hidden; padding: 0px 50px; box-sizing: border-box; border: 1px #fff solid; border-radius: 5px; margin-right: 20px; font-size: 20px; color: #fff; font-family: "SOURCEHANSANSCN-MEDIUM"; cursor: pointer; }

.wh-2content ul li.active { background: #fff; color: #004884; border-color: #004884; }

.wh-2right { width: 12.5vw; height: 12.5vw; overflow: hidden; margin-right: calc(50vw - 0.5*1560px); background: #3ea7ff url("../images/icon-82.png") no-repeat center; background-size: 70%; float: right; position: relative; z-index: 18; }

.wh-2right span { width: 110px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #fff; font-family: "SOURCEHANSANSCN-MEDIUM"; line-height: 50px; opacity: 0; letter-spacing: 10px; text-align: center; transform: translate(-50%, -20%); opacity: 0; }

.wh-2right span.active { animation: upslide2 0.6s ease 1; animation-fill-mode: forwards; }

.wh-2pannel { width: 100%; overflow: hidden; z-index: 11; box-shadow: 0px 5px 12px 3px rgba(0, 0, 0, 0.06); background: #fff url("../images/bg-19.jpg") no-repeat bottom center; box-sizing: border-box; padding: 5vw; position: absolute; right: 0px; top: 180px; z-index: 15; }

.wh-2item { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; opacity: 0; z-index: 10; }

.wh-2item span { float: left; width: 100%; overflow: hidden; font-size: 38px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; transform: translateY(60px); opacity: 0; }

.wh-2info { float: left; width: 710px; overflow: hidden; font-size: 20px; color: #808080; font-family: "SOURCEHANSANSCN-NORMAL"; line-height: 36px; margin-top: 8px; transform: translateY(60px); opacity: 0; }

.wh-2item.active { opacity: 1; z-index: 11; position: relative; }

.wh-2item.active span { animation: upslide 0.6s ease 1; animation-fill-mode: forwards; }

.wh-2item.active .wh-2info { animation: upslide 0.6s ease 0.1s 1; animation-fill-mode: forwards; }

.wh-3 { width: 100%; overflow: hidden; background-position: bottom center; background-repeat: no-repeat; background-size: 100%; padding: 240px 0px 120px; background-color: #f8f8f8; }

.wh-3 h3 { width: 1560px; margin: 0px auto; overflow: hidden; font-size: 42px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; line-height: 52px; }

.wh-3content { width: 1560px; overflow: hidden; margin: 50px auto 0px; display: flex; background: #004884; }

.wh-3item { flex: 1; height: 480px; overflow: hidden; position: relative; cursor: pointer; }

.wh-3item:before { width: 50%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-83.png") no-repeat center; background-size: 80%; opacity: 0; @exend %place; z-index: 13; }

.wh-3pic { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 12; }

.wh-3pic img { width: auto; height: 100%; display: block; float: right; transform: translateX(13%); opacity: 1; position: relative; z-index: 10; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=$scale); }

.wh-3pic:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 14; background: -webkit-linear-gradient(top, #293c8d, rgba(41, 60, 141, 0)); background: -moz-linear-gradient(top, #293c8d, rgba(41, 60, 141, 0)); background: -ms-linear-gradient(top, #293c8d, rgba(41, 60, 141, 0)); background: -o-linear-gradient(top, #293c8d, rgba(41, 60, 141, 0)); }

.wh-3num { width: 100%; position: absolute; left: 0px; bottom: 35px; text-align: center; font-size: 24px; font-family: "Arial"; z-index: 20; color: rgba(255, 255, 255, 0.2); }

.wh-3wz { width: 20px; position: absolute; text-align: center; font-size: 22px; color: #fff; z-index: 22; font-family: "SOURCEHANSANSCN-REGULAR"; left: 50%; transform: translateX(-50%); top: 30px; }

.wh-3wz span { display: block; }

.wh-3wz em { margin-top: 20px; display: block; }

.wh-3item.active { flex: 5; }

.wh-3item.active:before { opacity: 0.05; }

.wh-3item.active .wh-3pic img { transform: translateX(0px); opacity: 0.8; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=$scale); }

.wh-3item.active .wh-3pic:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 14; background: -webkit-linear-gradient(-20deg, #004884 49%, rgba(41, 60, 141, 0)); background: -moz-linear-gradient(-20deg, #004884 49%, rgba(41, 60, 141, 0)); background: -ms-linear-gradient(-20deg, #004884 49%, rgba(41, 60, 141, 0)); background: -o-linear-gradient(-20deg, #004884 49%, rgba(41, 60, 141, 0)); }

.wh-3item.active .wh-3num { width: auto; left: 70px; top: 145px; bottom: auto; font-size: 72px; font-family: "Arial"; color: #fff; background-image: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 64%); background-image: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 64%); background-image: -ms-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 64%); background-image: -o-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 64%); background-image: linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 64%); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; font-weight: bold; }

.wh-3item.active .wh-3wz { width: auto; left: 70px; transform: translateX(0px); top: 210px; font-size: 42px; font-family: "SOURCEHANSANSCN-HEAVY"; }

.wh-3item.active .wh-3wz em { margin-top: 0px; transform: translateX(6rem); }

.wh-4 { width: 100%; overflow: hidden; padding: 7vw 0px 7.2vw; }

.wh-4 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 42px; font-family: "SOURCEHANSANSCN-MEDIUM"; color: #333; }

.wh-4content { margin-top: 40px; position: relative; }

.wh-4content .swiper-container { width: 188%; margin-left: -44%; }

.wh-4content .swiper-slide { overflow: hidden; position: relative; height: 31.2vw; }

.wh-4content .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.wh-4content .swiper-slide span { width: 100%; height: 85px; line-height: 85px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; z-index: 12; background: rgba(0, 0, 0, 0.5); text-align: center; font-size: 20px; color: #fff; padding: 0px 15px; box-sizing: border-box; opacity: 0; }

.wh-4content .swiper-slide-active span { opacity: 1; }

.wh-4content .swiper-slide:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: -webkit-linear-gradient(left, white 70%, rgba(255, 255, 255, 0.5)); background: -moz-linear-gradient(left, white 70%, rgba(255, 255, 255, 0.5)); background: -ms-linear-gradient(left, white 70%, rgba(255, 255, 255, 0.5)); background: -o-linear-gradient(left, white 70%, rgba(255, 255, 255, 0.5)); z-index: 12; @exend %place; opacity: 0; }

.wh-4content .swiper-slide:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5), white 30%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5), white 30%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5), white 30%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5), white 30%); z-index: 12; @exend %place; opacity: 0; }

.wh-4content .swiper-slide-prev:before, .wh-4content .swiper-slide-next:after { opacity: 1; }

.wh-4content .swiper-slide:hover img { transform: scale(1.04); }

.wh-4content .swiper-button-prev { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; background: #f3f3f3 url("../images/icon-28.png") no-repeat center; transform: rotate(180deg); left: 18%; }

.wh-4content .swiper-button-next { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; background: #f3f3f3 url("../images/icon-28.png") no-repeat center; right: 18%; }

.wh-4content .swiper-button-prev:hover { background: #004884 url("../images/icon-30.png") no-repeat center; }

.wh-4content .swiper-button-next:hover { background: #004884 url("../images/icon-30.png") no-repeat center; transform: rotate(0deg); }

.wh-4 .swiper-pagination { width: 100%; text-align: center; overflow: hidden; margin-top: 40px; }

.wh-4 .swiper-pagination span { width: 8px; height: 8px; overflow: hidden; margin: 0px 10px; background: #d9d9d9; border-radius: 50%; opacity: 1; vertical-align: middle; }

.wh-4 span.swiper-pagination-bullet-active { width: 17px; height: 17px; background: #004884; }

/*about*/
.about { width: 100%; overflow: hidden; background-color: #fff; }

.about-1 { width: 100%; overflow: hidden; background-position: top center; background-repeat: no-repeat; background-size: 100%; padding: 8.3vw 0px 6.6vw; }

.about-1center { width: 1560px; overflow: hidden; margin: 0px auto; }

.about-1left { float: left; width: 58.2%; overflow: hidden; }

.about-1left h3 { float: left; width: 100%; overflow: hidden; font-size: 42px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.about-1info { float: left; width: 100%; overflow: hidden; font-size: 18px; color: #666; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 44px; margin-top: 10px; }

.about-1 ul { float: right; width: 35.8%; overflow: hidden; }

.about-1 ul li { float: left; width: 100%; overflow: hidden; border-bottom: 1px #ddd solid; padding: 30px 0px; }

.about-1 ul li:first-child { padding-top: 0px; }

.about-1ct { float: left; width: calc(100% - 130px); overflow: hidden; }

.about-1ct span { float: left; width: auto; overflow: hidden; font-size: 66px; font-family: "Arial"; background-image: -webkit-linear-gradient(left, #082ea6, #2394c6); background-image: -moz-linear-gradient(left, #082ea6, #2394c6); background-image: -ms-linear-gradient(left, #082ea6, #2394c6); background-image: -o-linear-gradient(left, #082ea6, #2394c6); background-image: linear-gradient(left, #082ea6, #2394c6); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; margin-right: 12px; font-weight: bold; }

.about-1ct em { float: left; width: 24px; height: 24px; line-height: 24px; overflow: hidden; border-radius: 50%; background: -webkit-linear-gradient(left, #082ea6, #2394c6); background: -moz-linear-gradient(left, #082ea6, #2394c6); background: -ms-linear-gradient(left, #082ea6, #2394c6); background: -o-linear-gradient(left, #082ea6, #2394c6); text-align: center; font-size: 16px; color: #fff; margin-top: 45px; }

.about-1ct span samp { font-family: "SOURCEHANSANSCN-HEAVY"; font-size: 44px; }

.about-1ct p { float: left; width: 100%; overflow: hidden; line-height: 22px; font-size: 18px; color: #333; font-family: "SOURCEHANSANSCN-REGULAR"; }

.about-1pic { float: right; width: 97px; height: 97px; overflow: hidden; border-radius: 50%; box-sizing: border-box; border: 2px #ddd dotted; position: relative; }

.about-1pic img { width: auto; height: auto; max-width: 60%; max-height: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.about-2 { width: 100%; overflow: hidden; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position: relative; }

.about-2center { width: 1560px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 12; color: #fff; }

.about-2center h3 { width: 100%; overflow: hidden; font-size: 42px; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.about-2des { width: 100%; overflow: hidden; font-size: 30px; font-family: "SOURCEHANSANSCN-MEDIUM"; margin-top: 20px; }

.about-2des span { margin-right: 10px; }

.about-2info { width: 100%; overflow: hidden; font-size: 22px; line-height: 54px; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 40px; }

.about-2bottom { width: 100%; overflow: hidden; margin-top: 40px; font-size: 20px; font-family: "SOURCEHANSANSCN-REGULAR"; }

.about-2bottom em { float: left; width: auto; line-height: 30px; }

.about-2bottom span { float: left; width: auto; line-height: 30px; font-size: 28px; margin-left: 20px; }

.about-3 { width: 100%; overflow: hidden; background: #fff url("../images/bg-26.jpg") no-repeat center; padding: 7vw 0px 7.2vw; position: relative; z-index: 102; }

.about-3head { width: 1560px; overflow: hidden; margin: 0px auto; }

.about-3head h3 { width: 100%; overflow: hidden; font-size: 42px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.about-3head p { width: 100%; overflow: hidden; font-size: 22px; color: #9599a4; font-family: "SOURCEHANSANSCN-REGULAR"; }

.about-3content { width: 1560px; background: #fff; box-shadow: 10px 10px 12px 4px rgba(0, 0, 0, 0.08); margin: 60px auto 0px; border-radius: 5px; position: relative; }

.about-3pannel { width: 100%; overflow: hidden; height: 19.9vw; position: relative; }

.about-3left { float: left; width: 50%; height: 100%; overflow: hidden; }

.about-3left img { width: 100%; height: 100%; object-fit: cover; }

.about-3pannel:hover img { transform: scale(1.04); }

.about-3right { width: 50%; height: 80%; position: absolute; right: 0px; top: 10%; z-index: 12; overflow-y: auto; }

.about-3right span { width: 70%; display: block; margin: 0px auto; font-size: 40px; color: #004884; font-family: "Arial"; transform: translateY(60px); opacity: 0; font-weight: bold; }

.about-3right p { width: 70%; display: block; margin: 0px auto; font-size: 16px; color: #333; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 28px; transform: translateY(60px); opacity: 0; }

.about-prev { width: 60px; height: 60px; position: absolute; left: -120px; top: 50%; margin: 0px; border-radius: 50%; border: 2px #ccc solid; background: url("../images/icon-77.png") no-repeat center; cursor: pointer; }

.about-next { width: 60px; height: 60px; position: absolute; right: -120px; top: 50%; margin: 0px; border-radius: 50%; border: 2px #ccc solid; background: url("../images/icon-77.png") no-repeat center; cursor: pointer; transform: rotate(180deg); }

.about-prev:hover { background: #004884 url("../images/icon-39.png") no-repeat center; border-color: #004884; transform: rotate(180deg); }

.about-next:hover { background: #004884 url("../images/icon-39.png") no-repeat center; border-color: #004884; transform: rotate(0deg); }

.about-3content .swiper-slide-active .about-3right span { animation: upslide 0.6s ease 1; animation-fill-mode: forwards; }

.about-3content .swiper-slide-active .about-3right p { animation: upslide 0.6s ease 0.1s 1; animation-fill-mode: forwards; }

.about-3nav { width: 100%; overflow: hidden; margin-top: 120px; position: relative; }

.about-3nav .swiper-container { position: relative; z-index: 22; }

.about-3nav .swiper-slide { flex-wrap: wrap; cursor: pointer; }

.about-3nav samp { width: 100%; overflow: hidden; display: block; background: url("../images/icon-78.png") no-repeat top center; height: 20px; opacity: 0; }

.about-3nav em { width: 30px; height: 30px; overflow: hidden; position: relative; margin: 12px auto 0px; border-radius: 50%; display: block; }

.about-3nav em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #004884; opacity: 0; }

.about-3nav em:after { width: 50.5%; height: 50.5%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; box-sizing: border-box; border: 2px #e6e6e6 solid; border-radius: 50%; z-index: 12; }

.about-3nav span { width: 100%; overflow: hidden; position: relative; margin: 12px auto 0px; display: block; text-align: center; font-size: 20px; color: #808080; font-family: "Arial"; }

.about-3nav .swiper-slide.active samp { opacity: 1; }

.about-3nav .swiper-slide.active em:after { border: 2px #004884 solid; }

.about-3nav .swiper-slide.active em:before { opacity: 0.2; }

.about-3nav .swiper-slide.active span { color: #004884; }

.about-3line { width: 100%; overflow: hidden; height: 20px; background: url("../images/icon-88.png") repeat-x center; position: absolute; left: 0px; top: 37px; z-index: 12; }

.about-3line p { width: 0%; height: 2px; position: absolute; left: 0px; top: 9px; background: #004884; display: block; }

.about-4 { width: 100%; overflow: hidden; position: relative; }

.about-4content { width: 100%; overflow: hidden; }

.about-4content .swiper-slide { position: relative; }

.about-4content .swiper-slide img { width: 100%; height: auto; }

.about-4ver { width: 1560px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; }

.about-4ver h3 { width: 100%; overflow: hidden; font-size: 42px; font-family: "SOURCEHANSANSCN-MEDIUM"; display: block; margin-bottom: 10px; transform: translateY(-200px); opacity: 0.2; }

.about-4ver span { width: 100%; overflow: hidden; font-size: 34px; font-family: "SOURCEHANSANSCN-MEDIUM"; transform: translateY(60px); opacity: 0; display: block; }

.about-4ver p { width: 100%; overflow: hidden; font-size: 26px; font-family: "SOURCEHANSANSCN-NORMAL"; margin-top: 5px; transform: translateY(60px); opacity: 0; }

.about-4ver a { width: 180px; height: 60px; line-height: 60px; text-align: center; display: block; overflow: hidden; box-sizing: border-box; border: 1px #fff solid; border-radius: 4px; margin-top: 34px; font-size: 18px; font-family: "SOURCEHANSANSCN-MEDIUM"; color: #fff; transform: translateY(60px); opacity: 0; }

.about-4ver a:hover { background: #fff; color: #004884; }

.about-4content .swiper-slide-active .about-4ver span { animation: upslide 0.6s ease 1; animation-fill-mode: forwards; }

.about-4content .swiper-slide-active .about-4ver p { animation: upslide 0.6s ease 0.1s 1; animation-fill-mode: forwards; }

.about-4content .swiper-slide-active .about-4ver a { animation: upslide 0.6s ease 0.2s 1; animation-fill-mode: forwards; }

.about-4nav { width: 100%; position: absolute; left: 0px; bottom: 100px; z-index: 62; }

.about-4nav:before { width: 100%; height: 1px; content: ""; position: absolute; right: 0px; top: 23px; background: rgba(255, 255, 255, 0.2); }

.about-4nav ul { width: 1560px; margin: 0px auto; text-align: right; }

.about-4nav ul li { width: 200px; display: inline-block; vertical-align: top; margin-left: 25px; position: relative; text-align: center; font-size: 20px; color: #fff; font-family: "SOURCEHANSANSCN-NORMAL"; cursor: pointer; height: 48px; line-height: 48px; }

.about-4nav ul li:before { width: 12px; height: 12px; content: ""; border-radius: 50%; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 16px; opacity: 1; }

.about-4nav ul li:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0%; top: 0px; background: url("../images/icon-89.png") no-repeat center; opacity: 0; transform: scale(0); border-radius: 24px; }

.about-4nav ul li span { width: 100%; height: 100%; position: absolute; left: 0px; top: 30px; }

.about-4nav ul li.active { padding: 0px; height: 48px; line-height: 48px; color: #3fa8ff; }

.about-4nav ul li.active:before { opacity: 0; top: 0px; }

.about-4nav ul li.active:after { opacity: 1; transform: scale(1); }

.about-4nav ul li.active span { top: 0px; }

.about-5 { width: 100%; overflow: hidden; padding: 6.7vw 0px; }

.about-5 h3 { width: 1560px; overflow: hidden; margin: 0px auto; font-size: 40px; color: #333; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.about-5content { width: 1560px; margin: 45px auto 0px; }

.about-5item { float: left; width: 32%; overflow: hidden; margin: 0px 2% 0px 0px; background: #fff; cursor: pointer; border-radius: 6px; box-shadow: 0px 5px 12px 5px rgba(0, 0, 0, 0.04); }

.about-5item:nth-child(3n) { float: right; margin-right: 0px; }

.about-5top { width: 100%; overflow: hidden; height: 14vw; background: #000; position: relative; }

.about-5top:before { width: 5vw; height: 5vw; content: ""; position: absolute; z-index: 12; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("../images/icon-81.png") no-repeat center; background-size: 100%; opacity: 0; }

.about-5top:after { width: 5vw; height: 5vw; content: ""; position: absolute; z-index: 12; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("../images/icon-80.png") no-repeat center; background-size: 12%; opacity: 0; }

.about-5top img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; opacity: 0.8; }

.about-5item:hover img { transform: scale(1.04); opacity: 0.4; }

.about-5item:hover .about-5top:before, .about-5item:hover .about-5top:after { opacity: 1; }

.about-5bottom { width: 100%; height: 74px; line-height: 74px; overflow: hidden; text-align: center; padding: 0px 10px; box-sizing: border-box; font-size: 16px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.about-5more { width: 100%; overflow: hidden; text-align: center; margin-top: 50px; }

.about-5more a { width: 180px; height: 60px; line-height: 60px; overflow: hidden; text-align: center; box-sizing: border-box; border: 1px #004884 solid; border-radius: 4px; display: inline-block; font-size: 18px; color: #004884; }

.about-5more a:hover { background: #004884; color: #fff; }

.about-6 { width: 100%; overflow: hidden; position: relative; background: #f3f3f3; }

.about-6bg { width: 100%; overflow: hidden; position: relative; }

.about-6bg span { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 12; opacity: 0; }

.about-6bg span.active { position: relative; opacity: 1; }

.about-6bg span img { width: 100%; height: auto; }

.about-6content { width: 1560px; position: absolute; left: 50%; transform: translateX(-50%); top: 9.4vw; z-index: 20; }

.about-6content h3 { width: 100%; overflow: hidden; font-size: 24px; color: #014190; }

.about-6content h4 { width: 100%; overflow: hidden; font-size: 48px; color: #014190; font-weight: bold; margin-top: 25px; }

.about-6prop { width: 433px; height: 80px; margin-top: 30px; box-sizing: border-box; border: 2px #074894 solid; position: relative; }

.about-6prop span { width: 86%; overflow: hidden; display: block; line-height: 80px; margin: 0px auto; font-size: 18px; font-weight: bold; color: #074894; background: url("../images/icon-92.png") no-repeat right center; cursor: pointer; }

.about-6prop p { width: 100%; overflow-y: auto; height: 160px; position: absolute; left: -2px; top: 76px; border: 2px #074894 solid; background: #fff; transform: scale(0); opacity: 0; visibility: hidden; transform-origin: top; }

.about-6prop p em { width: 100%; overflow: hidden; display: block; margin: 0px auto; line-height: 40px; font-size: 16px; color: #074894; cursor: pointer; box-sizing: border-box; padding: 0px 7%; }

.about-6prop p em:hover { background: #f3f3f3; }

.about-6prop-active p { opacity: 1; visibility: visible; transform: scale(1); }

.about-6map { width: auto; position: absolute; z-index: 15; right: 9.5%; top: 30%; }

.about-6top { width: 420px; height: 190px; overflow: hidden; background: url("../images/icon-91.png") no-repeat; position: relative; }

.about-6pannel { width: 86%; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 12; opacity: 0; }

.about-6pannel.active { opacity: 1; z-index: 13; }

.about-6pannel span { float: left; width: 100%; overflow: hidden; font-size: 14px; color: rgba(255, 255, 255, 0.5); transform: translateY(60px); opacity: 0; }

.about-6pannel p { float: left; width: 100%; overflow: hidden; font-size: 20px; color: #fff; line-height: 30px; margin-top: 10px; transform: translateY(60px); opacity: 0; }

.about-6pannel em { float: left; width: auto; overflow: hidden; font-size: 16px; color: #fff; line-height: 30px; margin-top: 5px; padding-left: 20px; background: url("../images/icon-93.png") no-repeat left center; font-family: "Arial"; transform: translateY(60px); opacity: 0; }

.about-6bottom { width: 100%; overflow: hidden; background: url("../images/icon-90.png") no-repeat center; height: 65px; margin-top: 28px; }

.about-6pannel.active span { animation: upslide 0.6s ease 1; animation-fill-mode: forwards; }

.about-6pannel.active p { animation: upslide 0.6s ease 0.1s 1; animation-fill-mode: forwards; }

.about-6pannel.active em { animation: upslide 0.6s ease 0.2s 1; animation-fill-mode: forwards; }

@media screen and (max-width: 1660px) { /*footer*/
  .footer-1 { width: 1300px; margin: 80px auto 0px; }
  .footer-item h3 { font-size: 18px; padding-bottom: 22px; }
  .footer-item h3:before { width: 20px; }
  .footer-item ul { margin-top: 8px; }
  .footer-item ul li { line-height: 44px; }
  .footer-wx { width: 120px; }
  .footer-right span { font-size: 13px; line-height: 22px; margin-top: 15px; }
  .footer-2 { width: 1300px; margin: 60px auto 0px; padding: 30px 0px; }
  .footer-2 span { font-size: 18px; margin-right: 10px; }
  .footer-2 a { margin-right: 20px; }
  .footer-3 { width: 1300px; padding: 25px 0px; }
  .footer-3 span { line-height: 32px; font-size: 12px; }
  .footer-3 ul li { width: 32px; height: 32px; line-height: 32px; margin-left: 8px; }
  /*right float*/
  .leaf-item { width: 50px; height: 50px; }
  .leaf-phone { width: 210px; height: 50px; line-height: 50px; right: 65px; font-size: 18px; }
  .leaf-wx { right: 60px; }
  /*banner*/
  .banner-wz { width: 1300px; left: calc((100% - 1300px)/2); }
  .banner-wz h3 { font-size: 60px; }
  .banner-wz p { font-size: 22px; margin-top: 12px; }
  /*home-about*/
  .habout { width: 1300px; padding: 10vw 0px 11vw; }
  .habout-1 h3 { font-size: 44px; }
  .habout-1 em { font-size: 70px; top: -44px; }
  .habout-1 span { font-size: 22px; margin-top: 8px; }
  .habout-1 p { font-size: 16px; margin-top: 32px; line-height: 32px; }
  .habout-1 a { width: 160px; height: 54px; line-height: 54px; margin-top: 20px; font-size: 16px; }
  .habout-left ul { margin-top: 44px; }
  .habout-left ul li span { font-size: 20px; }
  .habout-left ul li span em { font-size: 60px; }
  .habout-left ul li p { font-size: 18px; line-height: 30px; }
  .habout-right .line { background-size: 754px !important; }
  /*home-yewu*/
  .yw-center { width: 84vh; height: 84vh; }
  .yw-pannel { width: 84vh; height: 84vh; }
  .yw-item em { font-size: 16px; }
  .yw-wz h3 { font-size: 32px; }
  .yw-wz em { font-size: 70px; }
  .yw-wz p { line-height: 26px; font-size: 16px; margin-top: 24px; }
  .yw-wz a { width: 160px; height: 54px; line-height: 54px; margin: 32px auto 0px; font-size: 16px; }
  /*hone-news*/
  .hnews-head { width: 1300px; }
  .hnews-head h3 { font-size: 44px; }
  .hnews-head p { font-size: 20px; margin-top: 8px; }
  .hnews-content { width: 1300px; margin: 50px auto 0px; }
  .hnews-content .swiper-slide { margin-top: 30px; }
  .hnews-bottom { padding: 30px; }
  .hnews-bottom em { font-size: 14px; margin-top: 24px; padding-right: 20px; }
  .hnews-bottom p { font-size: 15px; margin-top: 24px; padding-left: 21px; }
  /*home-his*/
  .hhis-head { width: 1300px; }
  .hhis-head h3 { font-size: 44px; }
  .hhis-head p { font-size: 20px; margin-top: 8px; }
  .hhis-content { width: 1300px; }
  .hhis-1 { width: 1000px; margin: 0px auto; position: relative; height: 400px; }
  .hhis-1 span, .hhis-1 samp { width: 1130px; height: 64px; left: -23px; top: 160px; transform: rotate(-21deg); }
  .hhis-1 span { overflow: hidden; }
  .hhis-1 samp { top: 137px; }
  .hhis-ct { width: 1000px; height: 250px; left: 50%; transform: translateX(-50%); top: 20%; }
  .hhis-pannel { padding: 30px; }
  .hhis-right { line-height: 32px; }
  .hhis-right span { font-size: 20px; }
  .hhis-right p { font-size: 16px; }
  .hhis-nav { margin: 25px auto 0px; }
  /*news*/
  .banner-news { margin-top: 100px; }
  .banner-ver { width: 1300px; margin-top: calc(-70px/2); }
  .banner-ver h3 { font-size: 44px; }
  .banner-ver p { font-size: 24px; margin-top: 4px; }
  .banner-news .swiper-pagination { bottom: calc(110px); height: 20px; }
  .banner-news .swiper-pagination-bullet { width: 20px; height: 20px; margin: 0px 8px; }
  .banner-news .swiper-pagination-bullet:before { width: 10px; height: 10px; }
  .banner-news .swiper-pagination-bullet-active:before { border: 2px #fff solid; }
  /*bread*/
  .bread { height: 70px; line-height: 70px; margin-top: -70px; font-size: 16px; }
  .bread-center { width: 1300px; }
  .bread-left a { padding-left: 20px; }
  .bread-left a.home { margin-right: 16px; }
  .bread ul li { padding: 0px 5px; margin-left: 3.5vw; }
  .bread ul li:before { height: 3px; }
  .news { padding: 50px 0px 110px; }
  .news-list { width: 1300px; }
  .news-item { margin-top: 40px; }
  .news-bottom { padding: 25px; }
  .news-bottom em { font-size: 14px; margin-top: 24px; padding-right: 18px; }
  .news-bottom p { font-size: 14px; margin-top: 24px; padding-left: 17px; }
  .news-page { margin-top: 60px; }
  .news-page a { height: 32px; line-height: 32px; padding: 0px 10px; font-size: 14px; }
  /*news-info*/
  .banner-detail { margin-top: 100px; }
  .banner-center { width: 1300px; bottom: calc(120px + 9.3vw); }
  .banner-left em { font-size: 22px; }
  .banner-left h1 { font-size: 44px; line-height: 64px; margin-top: 18px; }
  .banner-left p { font-size: 16px; margin-top: 20px; }
  .banner-right ul li { margin-top: 26px; }
  .detail { padding-bottom: 7vw; }
  .detail-center { width: 1300px; margin: -120px auto 0px; }
  .detail-left { padding: 3vw; }
  .detail-content { line-height: 32px; font-size: 16px; }
  .detail-content p { margin: 25px auto; }
  .detail-tag { margin-top: 30px; line-height: 22px; }
  .detail-tag a { height: 22px; padding: 0px 12px; font-size: 13px; margin-right: 8px; }
  .detail-back { margin-top: 35px; }
  .detail-back:before { top: 30px; }
  .detail-back span { width: 50px; height: 50px; line-height: 50px; background-size: 50%; }
  .detail-page { margin-top: 0px; }
  .detail-page span { width: 180px; height: 50px; line-height: 50px; }
  .detail-page span a { font-size: 16px; }
  .detail-page span:hover { width: 170px; }
  .detail-right { padding: 30px 0px 18px; }
  .detail-right h3 { padding: 0px 18px; font-size: 22px; }
  .detail-card { width: calc(100% - 36px); margin: 20px auto 0px; }
  .detail-card span { padding: 25px 10px 10px; line-height: 22px; font-size: 14px; }
  .detail-right ul { width: calc(100% - 36px); }
  .detail-right ul li { height: 50px; line-height: 50px; padding-left: 24px; }
  .detail-right ul li:before { width: 5px; height: 5px; left: 4px; top: 24px; }
  .detail-right ul li a { font-size: 14px; }
  .detail-right ul li a:hover { padding-left: 6px; }
  /*shehuizeren*/
  .sz-content { height: calc(100vh - 100px); margin-top: 100px; }
  .sz-1 { width: 1300px; padding: 7vw 0px; }
  .sz-1left h3 { font-size: 34px; }
  .sz-1info { font-size: 16px; line-height: 40px; margin-top: 12px; }
  .sz-pannel { width: 1300px; }
  .sz-pannel em { font-size: 70px; }
  .sz-pannel span { font-size: 42px; margin-top: -32px; }
  .sz-info { font-size: 16px; line-height: 30px; margin-top: 24px; }
  .sz-bottom { width: 540px; height: 110px; line-height: 110px; font-size: 20px; background-size: 100%; }
  .sz-slide { margin-top: 4vw; }
  .sz-slide .conters { width: 500px; }
  .sz-slide .swiper-slide { height: 5vw; }
  .sz-slide .swiper-button-prev { margin: 1vw 16px 0px 0px; width: 50px; height: 50px; }
  .sz-slide .swiper-button-next { margin: 1vw 0px 0px 16px; width: 50px; height: 50px; }
  /*yewu*/
  .yewu { margin-top: 100px; }
  .yewu-pannel { height: calc(100vh - 100px); }
  .yewu-ver { width: 40%; right: calc((100% - 1300px)/2); }
  .yewu-top { height: 26vw; }
  .yewu-num { width: 70px; height: 70px; }
  .yewu-top h3 { margin: 35px auto 0px; font-size: 42px; }
  .yewu-top p { width: 84%; margin: 20px auto 0px; font-size: 18px; line-height: 30px; }
  .yewu-bottom { margin-top: 20px; height: 100px; line-height: 100px; }
  .yewu-bottom a { font-size: 20px; }
  .yewu-bottom img { margin-right: 18px; width: auto; height: 25px; }
  .yewu-pannel:nth-child(2n) .yewu-ver { left: calc((100% - 1300px)/2); }
  /*zcc-guoji*/
  .gj-1 { width: 1300px; padding: 8vw 0px; }
  .gj-1 h3 { font-size: 34px; }
  .gj-1info { font-size: 16px; line-height: 36px; margin-top: 12px; }
  .gj-1video { margin-top: 9px; }
  .video-click span { width: 86px; height: 86px; }
  .gj-2 { height: 47vw; }
  .gj-2 h3 { font-size: 70px; top: 4.5vw; }
  .gj-2content { width: 80%; }
  .gj-2pannel span { font-size: 34px; }
  .gj-2pannel p { font-size: 16px; line-height: 30px; margin-top: 16px; }
  .gj-2bottom { bottom: 2.5vw; }
  .gj-2bottom::before { bottom: 13px; }
  .gj-2bottom .swiper-container { width: 86%; }
  .gj-2item samp { height: 2.5vw; }
  .gj-2item span { height: 30px; line-height: 30px; font-size: 16px; margin-top: 18px; }
  .gj-2item em { width: 24px; height: 24px; margin: 16px auto 0px; }
  .gj-2item em:before { width: 10px; height: 10px; }
  .gj-2item em:after { width: 10px; height: 10px; }
  .gj-2bottom .active .gj-2item span { font-size: 18px; }
  .gj-3 { padding: 6vw 0px 7vw; }
  .gj-3 h3 { font-size: 34px; }
  .gj-3content { width: 1300px; margin: 18px auto 0px; }
  .gj-3content .swiper-container { padding: 18px 0px; }
  .gj-3info { width: 1300px; margin: 50px auto 0px; }
  .gj-3pannel h4 { font-size: 22px; }
  .gj-3des { margin: 20px auto 0px; line-height: 30px; font-size: 15px; }
  .gj-4 { padding: 4vw 0px; }
  .gj-4 h3 { font-size: 34px; }
  .gj-4content { width: 1300px; margin: 18px auto 0px; }
  .gj-4content .swiper-slide { height: 20vw; }
  .gj-4item span { font-size: 18px; }
  .gj-4item em { font-size: 18px; }
  .gj-4item a { width: 100px; font-size: 14px; }
  .gj-4content .swiper-slide.active .gj-4item span { font-size: 30px; }
  .gj-4content .swiper-slide.active .gj-4item em { font-size: 26px; }
  .gj-4content .swiper-slide.active .gj-4item a { margin-top: 18px; height: 44px; line-height: 44px; }
  .gj-4bottom { width: 1300px; padding: 30px; }
  .gj-4pannel.active { line-height: 32px; font-size: 16px; }
  .gj-arr { width: 1300px; }
  /*zcc-zhengxin*/
  .zx-1 h3 { font-size: 34px; }
  .zx-1content { margin-top: 40px; }
  .zx-1item h4 { font-size: 22px; }
  .zx-1info { font-size: 18px; padding-bottom: 28px; }
  .zx-1item ul { margin-top: 35px; }
  .zx-1item ul li { width: 132px; margin-right: 10px; }
  .zx-1item ul li samp { height: 60px; }
  .zx-1top span { font-size: 16px; }
  .zx-1bottom { font-size: 14px; margin-top: 18px; }
  .zx-1arr { width: 120px; height: 64px; background-size: 100%; }
  .zx-1pannel.active .zx-1item h4 { font-size: 40px; }
  .zx-2head h3 { font-size: 34px; }
  .zx-2head p { font-size: 20px; }
  .zx-2 ul { margin-top: 60px; }
  .zx-2 ul li { width: 200px; padding-bottom: 30px; }
  .zx-2 ul li:before { bottom: -12px; border-left: 12px transparent solid; border-right: 12px transparent solid; border-bottom: 12px #fff solid; }
  .zx-2 ul li samp { height: 70px; }
  .zx-2 ul li samp img { max-height: 100%; }
  .zx-2 ul li span { font-size: 18px; margin-top: 18px; }
  .zx-2content { width: 1300px; padding: 2.8vw; }
  .zx-2item span { font-size: 24px; }
  .zx-2info { line-height: 28px; font-size: 16px; }
  /*zcc-chengxin*/
  .gj-1.cx .gj-1video { margin-top: 30px; }
  .cx-2head { font-size: 34px; right: 200px; }
  .cx-2content { width: 1300px; }
  .cx-2ver { width: 60%; }
  .cx-2ver h3 { font-size: 44px; line-height: 60px; }
  .cx-2info { font-size: 16px; line-height: 30px; margin-top: 14px; }
  .cx-2pag { width: 120px; }
  .cx-2pag .swiper-button-prev { width: 50px; height: 50px; }
  .cx-2pag .swiper-button-next { width: 50px; height: 50px; }
  .cx-2nav { right: 160px; }
  .cx-2nav ul li { margin: 40px 0px; }
  .cx-2nav ul li p { width: 48px; height: 48px; }
  .cx-2nav ul li span { line-height: 48px; font-size: 16px; }
  .cx-2nav ul li.active span { font-size: 20px; }
  .cx-3 { width: 1300px; }
  .cx-3 h3 { font-size: 34px; }
  .cx-3left { margin-top: 30px; }
  .cx-3right { padding-bottom: 40px; }
  .cx-3item span { font-size: 26px; }
  .cx-3info { font-size: 16px; line-height: 30px; }
  .cx-4 { padding-top: 9vw; }
  .cx-4 h3 { font-size: 34px; }
  .cx-4content { margin-top: 36px; }
  .cx-4center { width: 1300px; }
  .cx-4ver samp { height: 80px; }
  .cx-4ver span { font-size: 18px; margin-top: 70px; }
  .cx-4ver p { font-size: 16px; }
  .cx-4item.active .cx-4ver span { font-size: 34px; margin-top: 50px; }
  /*keji*/
  .kj-1 { width: 1300px; }
  .kj-1right { max-height: 72%; }
  .kj-1right h3 { font-size: 34px; }
  .kj-1info { line-height: 36px; font-size: 16px; margin-top: 12px; }
  .kj-2 { height: 54vw; }
  .kj-2head { top: 100px; }
  .kj-2head h3 { font-size: 44px; }
  .kj-2head p { width: 70%; font-size: 18px; line-height: 32px; }
  .kj-2content:before { bottom: 111px; }
  .kj-2pannel { padding-bottom: 144px; }
  .kj-2pannel samp { height: 100px; }
  .kj-2pannel .kj-2info { line-height: 26px; font-size: 14px; }
  .kj-2item { height: 122px; }
  .kj-2item em { width: 20px; height: 20px; }
  .kj-2item span { font-size: 16px; margin-top: 12px; line-height: 30px; }
  .kj-2content .swiper-slide.active .kj-2item span { font-size: 22px; }
  .kj-3 { padding: 5vw 0px 6vw; }
  .kj-3 h3 { font-size: 34px; }
  .kj-3content { width: calc(1300px + 4%); margin: 60px auto 0px; }
  .kj-3item { padding: 30px 0px; }
  .kj-3item samp { height: 70px; }
  .kj-3item span { font-size: 16px; line-height: 26px; margin-top: 14px; }
  /*zcc-touzi*/
  .tz-1 { width: 1300px; margin: 6vw auto; }
  .tz-1ver span { font-size: 34px; }
  .tz-1ver p { font-size: 18px; line-height: 36px; margin-top: 9px; }
  .tz-1 .swiper-pagination { right: 50px; bottom: 45px; }
  .tz-3ver { width: 1300px; }
  .tz-3ver span { font-size: 36px; }
  .tz-3ver em { font-size: 14px; margin-top: 21px; }
  .tz-3info { font-size: 16px; line-height: 30px; margin-top: 22px; }
  .tz-3ver a { width: 160px; height: 50px; line-height: 50px; font-size: 16px; margin-top: 32px; }
  .tz-4 .tz-4ver span { bottom: 22px; font-size: 16px; }
  .tz-4 .swiper-button-prev { width: 50px; height: 50px; bottom: -110px; }
  .tz-4 .swiper-button-next { width: 50px; height: 50px; bottom: -110px; }
  .tz-5head { width: 1300px; }
  .tz-5head h3 { font-size: 34px; }
  .tz-5head em { font-size: 18px; }
  .tz-5info { font-size: 16px; line-height: 36px; margin-top: 26px; }
  .tz-detail-center { width: 85%; padding-bottom: 24px; }
  .tz-close { width: 36px; height: 36px; right: 25px; top: 25px; background-size: 100%; }
  .tz-detail-ver h4 { margin: 25px auto 0px; font-size: 36px; }
  .tz-detail-info { font-size: 16px; line-height: 28px; }
  .tz-detail-center .swiper-button-prev { width: 50px; height: 50px; right: 150px; top: 50%; }
  .tz-detail-center .swiper-button-next { width: 50px; height: 50px; right: 70px; top: 50%; }
  /*video*/
  .video { padding: 6vw 0px; }
  .video-list { width: 1300px; }
  .video-item { margin: 35px 2% 0px 0px; }
  .video-top { height: 14vw; }
  .video-bottom { height: 68px; line-height: 68px; font-size: 15px; }
  /*wenhua*/
  .wh-1 { padding: 110px 0px 110px calc((100% - 1300px)/2); }
  .wh-1left { padding: 15px; }
  .wh-1bottom { margin-top: 22px; }
  .wh-1bottom span { font-size: 22px; }
  .wh-1bottom p { font-size: 32px; }
  .wh-1right { margin-top: 6vw; }
  .wh-1right:before { top: 70px; }
  .wh-1right ul li span { font-size: 22px; }
  .wh-1right ul li em { width: 23px; height: 23px; margin: 26px auto 0px; }
  .wh-1right ul li em:after { width: 9px; height: 9px; }
  .wh-1right ul li samp { width: 38px; height: 38px; margin: 38px auto 0px; }
  .wh-1right ul li.active span { transform: scale(1.4); }
  .wh-1pag { width: 100px; margin: 47px 0px 0px 5%; }
  .wh-1pag .swiper-button-prev { width: 46px; height: 46px; }
  .wh-1pag .swiper-button-next { width: 46px; height: 46px; }
  .wh-2head { width: 1300px; margin: 110px auto 0px; }
  .wh-2head h3 { font-size: 36px; }
  .wh-2head p { font-size: 18px; line-height: 30px; }
  .wh-2content { width: calc(50% + 0.5*1300px); margin-left: calc(50% - 0.5*1300px); margin-top: 100px; }
  .wh-2content ul { margin-top: 60px; }
  .wh-2content ul li { height: 64px; line-height: 64px; padding: 0px 40px; margin-right: 15px; font-size: 18px; }
  .wh-2right { margin-right: calc(50vw - 0.5*1300px); }
  .wh-2pannel { top: 170px; }
  .wh-2item span { font-size: 32px; }
  .wh-2info { font-size: 18px; line-height: 32px; }
  .wh-3 { padding: 220px 0px 100px; }
  .wh-3 h3 { width: 1300px; font-size: 36px; line-height: 46px; }
  .wh-3content { width: 1300px; margin: 35px auto 0px; }
  .wh-3item { height: 420px; }
  .wh-3num { bottom: 30px; font-size: 22px; }
  .wh-3wz { width: 20px; font-size: 18px; top: 20px; }
  .wh-3wz em { margin-top: 16px; }
  .wh-3item.active .wh-3num { left: 60px; top: 110px; font-size: 64px; }
  .wh-3item.active .wh-3wz { left: 60px; top: 180px; font-size: 36px; }
  .wh-4 { padding: 7vw 0px; }
  .wh-4 h3 { font-size: 36px; }
  .wh-4content { margin-top: 35px; }
  .wh-4content .swiper-slide span { font-size: 18px; }
  .wh-4content .swiper-button-prev { left: 17.5%; }
  .wh-4content .swiper-button-next { right: 17.5%; }
  .wh-4 .swiper-pagination { margin-top: 35px; }
  /*about*/
  .about-1center { width: 1300px; }
  .about-1left h3 { font-size: 36px; }
  .about-1info { font-size: 16px; line-height: 43px; margin-top: 9px; }
  .about-1 ul li { padding: 25px 0px; }
  .about-1ct { width: calc(100% - 120px); }
  .about-1ct span { font-size: 60px; margin-right: 11px; }
  .about-1ct em { width: 22px; height: 22px; line-height: 22px; font-size: 15px; margin-top: 42px; }
  .about-1ct span samp { font-size: 40px; }
  .about-1ct p { font-size: 16px; }
  .about-1pic { width: 90px; height: 90px; }
  .about-2center { width: 1300px; }
  .about-2center h3 { font-size: 36px; }
  .about-2des { font-size: 28px; margin-top: 18px; }
  .about-2info { font-size: 20px; line-height: 50px; margin-top: 35px; }
  .about-2bottom { margin-top: 35px; font-size: 18px; }
  .about-2bottom span { font-size: 24px; }
  .about-3head { width: 1300px; }
  .about-3head h3 { font-size: 36px; }
  .about-3head p { font-size: 20px; }
  .about-3content { width: 1300px; margin: 50px auto 0px; }
  .about-3pannel { height: 21vw; }
  .about-3right { box-sizing: border-box; padding: 10px 0px; }
  .about-prev { width: 50px; height: 50px; left: -110px; }
  .about-next { width: 50px; height: 50px; right: -110px; }
  .about-3nav { margin-top: 100px; }
  .about-3nav span { margin: 10px auto 0px; font-size: 18px; }
  .about-4ver { width: 1300px; }
  .about-4ver h3 { font-size: 36px; }
  .about-4ver span { font-size: 30px; }
  .about-4ver p { font-size: 22px; }
  .about-4ver a { width: 160px; height: 56px; line-height: 56px; margin-top: 30px; font-size: 16px; }
  .about-4nav { bottom: 90px; }
  .about-4nav ul { width: 1300px; }
  .about-4nav ul li { margin-left: 18px; }
  .about-5 h3 { width: 1300px; font-size: 36px; }
  .about-5content { width: 1300px; margin: 40px auto 0px; }
  .about-5bottom { height: 68px; line-height: 68px; font-size: 15px; }
  .about-5more { margin-top: 45px; }
  .about-5more a { width: 160px; height: 56px; line-height: 56px; font-size: 16px; }
  .about-6content { width: 1300px; top: 8.9vw; }
  .about-6content h3 { font-size: 22px; }
  .about-6content h4 { font-size: 42px; margin-top: 22px; }
  .about-6prop { width: 410px; height: 70px; margin-top: 25px; }
  .about-6prop span { line-height: 70px; font-size: 16px; }
  .about-6prop p { top: 66px; height: 144px; }
  .about-6prop p em { line-height: 36px; font-size: 15px; }
  .about-6pannel p { font-size: 18px; }
  .about-6map { right: 7.5%; top: 25%; } }
@media screen and (max-width: 1532px) { .gj-1info { height: 21.6vw; } }
@media screen and (max-width: 1440px) { /*header*/
  .header { height: 80px; }
  .header .logo { width: 130px; margin-left: 90px; }
  .header .logo img { width: 80%; }
  .header-right { margin-right: 70px; }
  .header-right ul li { margin-left: 40px; }
  .header-right ul li span { line-height: 80px; }
  .header-right ul li span a { font-size: 16px; }
  .nav-sub { width: 140px; top: 80px; }
  .nav-sub p em { line-height: 32px; padding: 0px 12px; font-size: 13px; }
  .header-phone { line-height: 80px; margin-left: 32px; padding-left: 22px; }
  .header-lang p { top: 66px; }
  .header.header-on, .header.header-active { height: 80px; }
  .header-on .header-right ul li span, .header-active .header-right ul li span { line-height: 80px; }
  .header-on .header-phone, .header-active .header-phone { line-height: 80px; }
  /*footer*/
  .footer-1 { width: 1200px; margin: 60px auto 0px; }
  .footer-item ul li { line-height: 36px; }
  .footer-wx { width: 110px; }
  .footer-2 { width: 1200px; margin: 50px auto 0px; padding: 25px 0px; }
  .footer-2 span { font-size: 16px; }
  .footer-3 { width: 1200px; padding: 20px 0px; }
  .footer-3 span { line-height: 30px; }
  .footer-3 ul li { width: 30px; height: 30px; line-height: 30px; }
  /*banner*/
  .banner-wz { width: 1200px; left: calc((100% - 1200px)/2); }
  .banner-wz h3 { font-size: 50px; }
  .banner-wz p { font-size: 20px; margin-top: 10px; }
  /*home-about*/
  .habout { width: 1200px; padding: 8vw 0px 9vw; }
  .habout-1 h3 { font-size: 32px; }
  .habout-1 em { font-size: 54px; top: -40px; }
  .habout-1 span { font-size: 20px; }
  .habout-1 p { font-size: 15px; margin-top: 24px; line-height: 30px; }
  .habout-1 a { width: 140px; height: 44px; line-height: 44px; font-size: 14px; }
  .habout-left ul { margin-top: 40px; }
  .habout-left ul li span { font-size: 18px; }
  .habout-left ul li span em { font-size: 50px; }
  .habout-left ul li p { font-size: 14px; line-height: 26px; }
  .habout-right { right: -82px; margin-top: 109px; }
  .habout-right .line { background-size: 696px !important; }
  /*home-yewu*/
  .yw-item em { font-size: 14px; }
  .yw-wz h3 { font-size: 26px; }
  .yw-wz em { font-size: 50px; }
  .yw-wz p { line-height: 24px; font-size: 14px; margin-top: 18px; }
  .yw-wz a { width: 140px; height: 44px; line-height: 44px; margin: 26px auto 0px; font-size: 14px; }
  /*hone-news*/
  .hnews-head { width: 1200px; }
  .hnews-head h3 { font-size: 32px; }
  .hnews-head p { font-size: 18px; }
  .hnews-content { width: 1200px; margin: 30px auto 0px; }
  .hnews-content .swiper-slide { margin-top: 30px; }
  .hnews-bottom { padding: 20px; }
  .hnews-bottom span { height: 56px; line-height: 28px; font-size: 16px; }
  .hnews-bottom em { margin-top: 18px; padding-right: 15px; }
  .hnews-bottom p { font-size: 14px; margin-top: 18px; padding-left: 16px; }
  /*home-his*/
  .hhis { padding: 5vw 0px; }
  .hhis-head { width: 1200px; }
  .hhis-head h3 { font-size: 32px; }
  .hhis-head p { font-size: 18px; }
  .hhis-content { width: 1200px; }
  .hhis-nav { width: 1000px; }
  /*news*/
  .banner-news { margin-top: 80px; }
  .banner-ver { width: 1200px; margin-top: calc(-50px/2); }
  .banner-ver h3 { font-size: 32px; }
  .banner-ver p { font-size: 18px; margin-top: 3px; }
  .banner-news .swiper-pagination { bottom: calc(85px); }
  .banner-news .swiper-pagination-bullet { margin: 0px 7px; }
  /*bread*/
  .bread { height: 50px; line-height: 50px; margin-top: -50px; font-size: 15px; }
  .bread-center { width: 1200px; }
  .bread-left a { padding-left: 16px; }
  .bread-left a.home { margin-right: 12px; }
  .bread ul li { padding: 0px; margin-left: 2.5vw; }
  .bread ul li:before { height: 2px; }
  .news { padding: 40px 0px 80px; }
  .news-list { width: 1200px; }
  .news-item { margin-top: 30px; }
  .news-bottom { padding: 20px; }
  .news-bottom span { height: 52px; line-height: 26px; font-size: 16px; }
  .news-bottom em { margin-top: 16px; padding-right: 10px; }
  .news-bottom p { margin-top: 16px; padding-left: 9px; }
  .news-page { margin-top: 50px; }
  .news-page a { height: 30px; line-height: 30px; }
  /*news-info*/
  .banner-detail { margin-top: 80px; }
  .banner-center { width: 1200px; bottom: calc(110px + 9vw); }
  .banner-left em { font-size: 18px; }
  .banner-left h1 { font-size: 32px; line-height: 46px; margin-top: 16px; }
  .banner-left p { font-size: 14px; margin-top: 16px; }
  .banner-right ul li { margin-top: 20px; }
  .detail { padding-bottom: 6vw; }
  .detail-center { width: 1200px; margin: -110px auto 0px; }
  .detail-left { padding: 2vw; }
  .detail-content { line-height: 30px; }
  .detail-content p { margin: 20px auto; }
  .detail-tag { margin-top: 20px; }
  .detail-tag a { padding: 0px 10px; }
  .detail-back { margin-top: 30px; }
  .detail-back:before { top: 25px; }
  .detail-page span { width: 160px; height: 44px; line-height: 44px; }
  .detail-page span:hover { width: 150px; }
  .detail-right { padding: 24px 0px 15px; }
  .detail-right h3 { padding: 0px 16px; font-size: 20px; }
  .detail-card { width: calc(100% - 32px); margin: 15px auto 0px; }
  .detail-right ul { width: calc(100% - 32px); }
  .detail-right ul li { height: 44px; line-height: 44px; padding-left: 24px; }
  .detail-right ul li:before { top: 20px; }
  /*shehuizeren*/
  .sz-content { height: calc(100vh - 80px); margin-top: 80px; }
  .sz-1 { width: 1200px; }
  .sz-1left h3 { font-size: 30px; }
  .sz-1info { line-height: 36px; margin-top: 10px; }
  .sz-pannel { width: 1200px; }
  .sz-pannel em { font-size: 60px; }
  .sz-pannel span { font-size: 32px; margin-top: -26px; }
  .sz-info { font-size: 15px; margin-top: 18px; }
  .sz-bottom { width: 450px; height: 95px; line-height: 95px; font-size: 18px; }
  .sz-slide { margin-top: 3vw; }
  .sz-slide .conters { width: 450px; }
  .sz-slide .swiper-button-prev { margin: 0.8vw 12px 0px 0px; width: 45px; height: 45px; }
  .sz-slide .swiper-button-next { margin: 0.8vw 0px 0px 12px; width: 45px; height: 45px; }
  /*yewu*/
  .yewu { margin-top: 80px; }
  .yewu-pannel { height: calc(100vh - 80px); }
  .yewu-ver { width: 45%; right: calc((100% - 1200px)/2); }
  .yewu-top { height: 27vw; }
  .yewu-top h3 { margin: 30px auto 0px; font-size: 32px; }
  .yewu-top p { width: 80%; margin: 18px auto 0px; font-size: 16px; line-height: 28px; }
  .yewu-bottom { margin-top: 18px; height: 90px; line-height: 90px; }
  .yewu-bottom a { font-size: 18px; }
  .yewu-bottom img { margin-right: 15px; width: auto; height: 22px; }
  .yewu-pannel:nth-child(2n) .yewu-ver { left: calc((100% - 1200px)/2); }
  /*zcc-guoji*/
  .gj-1 { width: 1200px; }
  .gj-1 h3 { font-size: 30px; }
  .gj-1info { font-size: 15px; line-height: 33px; margin-top: 10px; height: 22.4vw; }
  .gj-1video { margin-top: 10px; }
  .video-click span { width: 80px; height: 80px; }
  .gj-2 { height: 49vw; }
  .gj-2 h3 { font-size: 54px; top: 4vw; }
  .gj-2content { top: 48%; }
  .gj-2pannel span { font-size: 30px; }
  .gj-2pannel p { font-size: 15px; line-height: 29px; margin-top: 14px; }
  .gj-2bottom::before { bottom: 9px; }
  .gj-2item samp { height: 2.3vw; }
  .gj-2item span { height: 28px; line-height: 28px; font-size: 14px; margin-top: 15px; }
  .gj-2item em { width: 20px; height: 20px; margin: 14px auto 0px; }
  .gj-2item em:before { width: 10px; height: 10px; }
  .gj-2item em:after { width: 10px; height: 10px; }
  .gj-2bottom .active .gj-2item span { font-size: 16px; }
  .gj-3 h3 { font-size: 30px; }
  .gj-3content { width: 1200px; margin: 17px auto 0px; }
  .gj-3content .swiper-container { padding: 17px 0px; }
  .gj-3info { width: 1200px; margin: 40px auto 0px; }
  .gj-3pannel h4 { font-size: 20px; }
  .gj-3des { margin: 18px auto 0px; line-height: 28px; font-size: 14px; }
  .gj-4 { padding: 4vw 0px 5vw; }
  .gj-4 h3 { font-size: 30px; }
  .gj-4content { width: 1200px; margin: 16px auto 0px; }
  .gj-4item span { font-size: 16px; }
  .gj-4item em { font-size: 16px; }
  .gj-4item a { width: 90px; font-size: 13px; }
  .gj-4content .swiper-slide.active .gj-4item span { font-size: 24px; }
  .gj-4content .swiper-slide.active .gj-4item em { font-size: 20px; }
  .gj-4content .swiper-slide.active .gj-4item a { margin-top: 16px; height: 40px; line-height: 40px; }
  .gj-4bottom { width: 1200px; padding: 25px; }
  .gj-4pannel.active { line-height: 30px; font-size: 15px; }
  .gj-arr { width: 1200px; }
  /*zcc-zhengxin*/
  .zx-1 h3 { font-size: 30px; }
  .zx-1content { margin-top: 40px; }
  .zx-1item h4 { font-size: 22px; }
  .zx-1info { font-size: 18px; padding-bottom: 28px; }
  .zx-1item ul { margin-top: 35px; }
  .zx-1item ul li { width: 120px; }
  .zx-1item ul li samp { height: 60px; }
  .zx-1top span { font-size: 15px; }
  .zx-1bottom { font-size: 14px; margin-top: 18px; }
  .zx-1arr { width: 120px; height: 64px; background-size: 100%; }
  .zx-1pannel.active .zx-1item h4 { font-size: 40px; }
  .zx-2head h3 { font-size: 30px; }
  .zx-2head p { font-size: 20px; }
  .zx-2 ul { margin-top: 60px; }
  .zx-2 ul li { width: 200px; padding-bottom: 30px; }
  .zx-2 ul li:before { bottom: -12px; border-left: 12px transparent solid; border-right: 12px transparent solid; border-bottom: 12px #fff solid; }
  .zx-2 ul li samp { height: 70px; }
  .zx-2 ul li samp img { max-height: 100%; }
  .zx-2 ul li span { font-size: 18px; margin-top: 18px; }
  .zx-2content { width: 1200px; padding: 2.8vw; }
  .zx-2item span { font-size: 24px; }
  .zx-2info { line-height: 28px; font-size: 16px; }
  /*zcc-chengxin*/
  .gj-1.cx .gj-1video { margin-top: 30px; }
  .cx-2head { font-size: 30px; right: 200px; }
  .cx-2content { width: 1200px; }
  .cx-2ver { width: 60%; }
  .cx-2ver h3 { font-size: 32px; line-height: 60px; }
  .cx-2info { font-size: 16px; line-height: 30px; margin-top: 14px; }
  .cx-2pag { width: 120px; }
  .cx-2pag .swiper-button-prev { width: 50px; height: 50px; }
  .cx-2pag .swiper-button-next { width: 50px; height: 50px; }
  .cx-2nav { right: 160px; }
  .cx-2nav ul li { margin: 40px 0px; }
  .cx-2nav ul li p { width: 48px; height: 48px; }
  .cx-2nav ul li span { line-height: 48px; font-size: 16px; }
  .cx-2nav ul li.active span { font-size: 20px; }
  .cx-3 { width: 1200px; }
  .cx-3 h3 { font-size: 30px; }
  .cx-3left { margin-top: 30px; }
  .cx-3right { padding-bottom: 40px; }
  .cx-3item span { font-size: 26px; }
  .cx-3info { font-size: 16px; line-height: 30px; }
  .cx-4 { padding-top: 9vw; }
  .cx-4 h3 { font-size: 30px; }
  .cx-4content { margin-top: 36px; }
  .cx-4center { width: 1200px; }
  .cx-4ver samp { height: 80px; }
  .cx-4ver span { font-size: 18px; margin-top: 70px; }
  .cx-4ver p { font-size: 16px; }
  .cx-4item.active .cx-4ver span { font-size: 30px; margin-top: 50px; }
  /*keji*/
  .kj-1 { width: 1200px; }
  .kj-1right h3 { font-size: 30px; }
  .kj-1info { line-height: 32px; font-size: 15px; margin-top: 10px; }
  .kj-2 { height: 52vw; }
  .kj-2head { top: 90px; }
  .kj-2head h3 { font-size: 32px; }
  .kj-2head p { font-size: 16px; line-height: 30px; }
  .kj-2content:before { bottom: 97px; }
  .kj-2pannel { padding-bottom: 134px; }
  .kj-2pannel samp { height: 90px; }
  .kj-2pannel .kj-2info { line-height: 24px; font-size: 13px; width: 90%; }
  .kj-2item { height: 108px; }
  .kj-2item span { font-size: 14px; margin-top: 10px; line-height: 28px; }
  .kj-2content .swiper-slide.active .kj-2item span { font-size: 18px; }
  .kj-3 { padding: 5vw 0px; }
  .kj-3 h3 { font-size: 30px; }
  .kj-3content { width: 90%; margin: 50px auto 0px; }
  .kj-3item { padding: 20px 0px; }
  .kj-3item samp { height: 50px; }
  .kj-3item span { font-size: 14px; line-height: 24px; margin-top: 12px; }
  /*zcc-touzi*/
  .tz-1 { width: 1200px; }
  .tz-1ver span { font-size: 30px; }
  .tz-1ver p { font-size: 16px; line-height: 32px; margin-top: 8px; }
  .tz-3ver { width: 1200px; }
  .tz-3ver span { font-size: 32px; }
  .tz-3ver em { font-size: 13px; margin-top: 18px; }
  .tz-3info { font-size: 15px; line-height: 28px; margin-top: 20px; }
  .tz-3ver a { width: 150px; height: 44px; line-height: 44px; font-size: 14px; margin-top: 26px; }
  .tz-4 .tz-4ver span { bottom: 20px; font-size: 14px; }
  .tz-5head { width: 1200px; }
  .tz-5head h3 { font-size: 30px; }
  .tz-5head em { font-size: 16px; }
  .tz-5info { font-size: 14px; line-height: 32px; margin-top: 22px; }
  .tz-detail-center { padding-bottom: 20px; }
  .tz-close { width: 32px; height: 32px; right: 20px; top: 20px; }
  .tz-detail-ver h4 { margin: 20px auto 0px; font-size: 28px; }
  .tz-detail-info { font-size: 14px; line-height: 26px; }
  .tz-detail-center .swiper-button-prev { width: 40px; height: 40px; right: 140px; top: 52%; }
  .tz-detail-center .swiper-button-next { width: 40px; height: 40px; right: 60px; top: 52%; }
  /*video*/
  .video-list { width: 1200px; }
  .video-item { margin: 30px 2% 0px 0px; }
  .video-bottom { height: 64px; line-height: 64px; font-size: 14px; }
  /*wenhua*/
  .wh-1 { padding: 90px 0px 90px calc((100% - 1200px)/2); }
  .wh-1left { padding: 12px; }
  .wh-1bottom { margin-top: 20px; }
  .wh-1bottom span { font-size: 18px; }
  .wh-1bottom p { font-size: 26px; }
  .wh-1right { margin-top: 7vw; }
  .wh-1right:before { top: 57px; }
  .wh-1right ul li span { font-size: 18px; }
  .wh-1right ul li em { width: 20px; height: 20px; margin: 20px auto 0px; }
  .wh-1right ul li em:after { width: 10px; height: 10px; }
  .wh-1right ul li samp { width: 32px; height: 32px; margin: 26px auto 0px; }
  .wh-1right ul li.active span { transform: scale(1.3); }
  .wh-1pag { width: 100px; margin: 36px 0px 0px 5%; }
  .wh-1pag .swiper-button-prev { width: 42px; height: 42px; }
  .wh-1pag .swiper-button-next { width: 42px; height: 42px; }
  .wh-2head { width: 1200px; margin: 100px auto 0px; }
  .wh-2head h3 { font-size: 32px; }
  .wh-2head p { font-size: 16px; line-height: 28px; }
  .wh-2content { width: calc(50% + 0.5*1200px); margin-left: calc(50% - 0.5*1200px); margin-top: 80px; }
  .wh-2content ul { margin-top: 40px; }
  .wh-2content ul li { height: 60px; line-height: 60px; padding: 0px 35px; margin-right: 12px; font-size: 16px; }
  .wh-2right { margin-right: calc(50vw - 0.5*1200px); }
  .wh-2pannel { top: 150px; }
  .wh-2item span { font-size: 26px; }
  .wh-2info { font-size: 16px; line-height: 30px; }
  .wh-3 { padding: 220px 0px 80px; }
  .wh-3 h3 { width: 1200px; font-size: 32px; line-height: 40px; }
  .wh-3content { width: 1200px; margin: 30px auto 0px; }
  .wh-3item { height: 400px; }
  .wh-3num { bottom: 26px; font-size: 20px; }
  .wh-3wz { width: 20px; font-size: 16px; top: 30px; }
  .wh-3wz em { margin-top: 14px; }
  .wh-3item.active .wh-3num { left: 50px; top: 100px; font-size: 56px; }
  .wh-3item.active .wh-3wz { left: 50px; top: 160px; font-size: 32px; }
  .wh-4 { padding: 6vw 0px 7vw; }
  .wh-4 h3 { font-size: 32px; }
  .wh-4content { margin-top: 30px; }
  .wh-4content .swiper-slide span { font-size: 16px; }
  .wh-4 .swiper-pagination { margin-top: 30px; }
  /*about*/
  .about-1center { width: 1200px; }
  .about-1left h3 { font-size: 32px; }
  .about-1info { font-size: 15px; line-height: 40px; margin-top: 8px; }
  .about-1 ul li { padding: 20px 0px; }
  .about-1ct { width: calc(100% - 110px); }
  .about-1ct span { font-size: 50px; margin-right: 10px; }
  .about-1ct em { width: 20px; height: 20px; line-height: 20px; font-size: 12px; margin-top: 36px; }
  .about-1ct span samp { font-size: 26px; }
  .about-1ct p { font-size: 14px; }
  .about-1pic { width: 80px; height: 80px; }
  .about-2center { width: 1200px; }
  .about-2center h3 { font-size: 32px; }
  .about-2des { font-size: 24px; margin-top: 15px; }
  .about-2info { font-size: 18px; line-height: 44px; margin-top: 30px; }
  .about-2bottom { margin-top: 30px; font-size: 16px; }
  .about-2bottom span { font-size: 20px; }
  .about-3head { width: 1200px; }
  .about-3head h3 { font-size: 32px; }
  .about-3head p { font-size: 18px; }
  .about-3content { width: 1200px; margin: 40px auto 0px; }
  .about-prev { left: -90px; }
  .about-next { right: -90px; }
  .about-3nav { margin-top: 80px; }
  .about-3nav span { font-size: 16px; }
  .about-4ver { width: 1200px; }
  .about-4ver h3 { font-size: 32px; transform: translateY(-100px); }
  .about-4ver span { font-size: 24px; }
  .about-4ver p { font-size: 20px; }
  .about-4nav { bottom: 80px; }
  .about-4nav ul { width: 1200px; }
  .about-5 h3 { width: 1200px; font-size: 32px; }
  .about-5content { width: 1200px; margin: 30px auto 0px; }
  .about-5bottom { height: 64px; line-height: 64px; font-size: 14px; }
  .about-5more { margin-top: 40px; }
  .about-6content { width: 1200px; top: 7.8vw; }
  .about-6content h3 { font-size: 20px; }
  .about-6content h4 { font-size: 36px; margin-top: 20px; }
  .about-6prop { width: 400px; height: 60px; margin-top: 20px; }
  .about-6prop span { line-height: 60px; font-size: 14px; }
  .about-6prop p { top: 56px; height: 128px; }
  .about-6prop p em { line-height: 32px; font-size: 14px; }
  .about-6pannel p { font-size: 16px; }
  .about-6map { right: 5.5%; top: 18%; } }
@media screen and (max-width: 1366px) { /*header*/
  .header { height: 70px; }
  .header .logo { width: 110px; margin-left: 80px; }
  .header-right { margin-right: 60px; }
  .header-right ul li { margin-left: 30px; }
  .header-right ul li span { line-height: 70px; }
  .nav-sub { top: 70px; }
  .header-phone { line-height: 70px; }
  .header-lang p { top: 60px; }
  .header.header-on, .header.header-active { height: 70px; }
  .header-on .header-right ul li span, .header-active .header-right ul li span { line-height: 70px; }
  .header-on .header-phone, .header-active .header-phone { line-height: 70px; }
  /*footer*/
  .footer-1 { width: 1100px; margin: 55px auto 0px; }
  .footer-2 { width: 1100px; }
  .footer-3 { width: 1100px; }
  /*banner*/
  .banner-wz { width: 1100px; left: calc((100% - 1100px)/2); }
  .banner-wz h3 { font-size: 40px; }
  .banner-wz p { font-size: 18px; }
  /*home-about*/
  .habout { width: 1100px; padding: 7vw 0px; }
  .habout-1 h3 { font-size: 30px; }
  .habout-1 em { font-size: 46px; top: -35px; }
  .habout-1 span { font-size: 18px; }
  .habout-1 p { font-size: 14px; margin-top: 20px; line-height: 28px; }
  .habout-left ul { margin-top: 30px; }
  .habout-left ul li p { line-height: 24px; }
  .habout-right .line { background-size: 638px !important; }
  /*home-yewu*/
  .yw-wz h3 { font-size: 24px; }
  .yw-wz em { font-size: 40px; }
  .yw-wz p { margin-top: 14px; }
  .yw-wz a { margin: 22px auto 0px; }
  /*hone-news*/
  .hnews-head { width: 1100px; }
  .hnews-head h3 { font-size: 30px; }
  .hnews-content { width: 1100px; margin: 20px auto 0px; }
  .hnews-content .swiper-slide { margin-top: 20px; }
  .hnews-content .swiper-slide:hover { transform: translateY(-15px); }
  /*home-his*/
  .hhis-head { width: 1100px; }
  .hhis-head h3 { font-size: 30px; }
  .hhis-content { width: 1100px; }
  .hhis-1 { width: 900px; height: 350px; }
  .hhis-1 span, .hhis-1 samp { width: 1000px; }
  .hhis-ct { width: 900px; }
  /*news*/
  .banner-news { margin-top: 70px; }
  .banner-ver { width: 1100px; }
  .banner-ver h3 { font-size: 30px; }
  .banner-ver p { font-size: 16px; }
  /*bread*/
  .bread { font-size: 14px; }
  .bread-center { width: 1100px; }
  .bread ul li { margin-left: 2vw; }
  .news { padding: 30px 0px 60px; }
  .news-list { width: 1100px; }
  .news-item { margin-top: 25px; }
  .news-bottom { padding: 16px; }
  .news-bottom span { height: 50px; line-height: 25px; }
  .news-bottom em { margin-top: 12px; padding-right: 7px; }
  .news-bottom p { margin-top: 12px; padding-left: 6px; }
  .news-page { margin-top: 40px; }
  /*news-info*/
  .banner-detail { margin-top: 70px; }
  .banner-center { width: 1100px; bottom: calc(100px + 9vw); }
  .banner-left em { font-size: 16px; }
  .banner-left h1 { font-size: 30px; line-height: 40px; margin-top: 12px; }
  .banner-left p { margin-top: 12px; }
  .banner-right ul li { margin-top: 15px; }
  .detail { padding-bottom: 5vw; }
  .detail-center { width: 1100px; margin: -100px auto 0px; }
  .detail-content { line-height: 28px; font-size: 15px; }
  .detail-content p { margin: 18px auto; }
  .detail-page span { width: 150px; height: 40px; line-height: 40px; }
  .detail-page span:hover { width: 140px; }
  .detail-right { padding: 24px 0px 15px; }
  .detail-right h3 { padding: 0px 16px; font-size: 20px; }
  .detail-card { width: calc(100% - 32px); margin: 15px auto 0px; }
  /*shehuizeren*/
  .sz-content { height: calc(100vh - 70px); margin-top: 70px; }
  .sz-1 { width: 1100px; }
  .sz-1left h3 { font-size: 26px; }
  .sz-pannel { width: 1100px; }
  .sz-pannel em { font-size: 56px; }
  .sz-pannel span { font-size: 28px; margin-top: -20px; }
  .sz-info { margin-top: 15px; }
  .sz-bottom { width: 400px; height: 90px; line-height: 90px; font-size: 17px; }
  .sz-slide { margin-top: 2vw; }
  .sz-slide .conters { width: 400px; }
  .sz-slide .swiper-button-prev { margin: 0.8vw 10px 0px 0px; width: 40px; height: 40px; }
  .sz-slide .swiper-button-next { margin: 0.8vw 0px 0px 10px; width: 40px; height: 40px; }
  /*yewu*/
  .yewu { margin-top: 70px; }
  .yewu-pannel { height: calc(100vh - 70px); }
  .yewu-ver { width: 43%; right: calc((100% - 1100px)/2); }
  .yewu-top { height: 25vw; }
  .yewu-top h3 { margin: 25px auto 0px; font-size: 26px; }
  .yewu-top p { width: 84%; margin: 15px auto 0px; font-size: 15px; line-height: 26px; }
  .yewu-bottom { margin-top: 15px; height: 70px; line-height: 70px; }
  .yewu-bottom a { font-size: 17px; }
  .yewu-bottom img { margin-right: 14px; height: 20px; }
  .yewu-pannel:nth-child(2n) .yewu-ver { left: calc((100% - 1100px)/2); }
  /*zcc-guoji*/
  .gj-1 { width: 1100px; }
  .gj-1 h3 { font-size: 26px; }
  .gj-1info { font-size: 14px; line-height: 30px; margin-top: 8px; }
  .video-click span { width: 70px; height: 70px; }
  .gj-2 h3 { font-size: 44px; }
  .gj-2content { top: 45%; }
  .gj-2pannel span { font-size: 26px; }
  .gj-2pannel p { font-size: 14px; line-height: 26px; margin-top: 12px; }
  .gj-2bottom::before { bottom: 10px; }
  .gj-3 h3 { font-size: 26px; }
  .gj-3content { width: 1100px; }
  .gj-3info { width: 1100px; margin: 35px auto 0px; }
  .gj-3pannel h4 { font-size: 18px; }
  .gj-4 h3 { font-size: 26px; }
  .gj-4content { width: 1100px; }
  .gj-4content .swiper-slide.active .gj-4item span { font-size: 20px; }
  .gj-4content .swiper-slide.active .gj-4item em { font-size: 18px; }
  .gj-4content .swiper-slide.active .gj-4item a { margin-top: 12px; }
  .gj-4bottom { width: 1100px; }
  .gj-4pannel.active { line-height: 28px; font-size: 14px; }
  .gj-arr { width: 1100px; }
  /*zcc-zhengxin*/
  .zx-1 h3 { font-size: 26px; }
  .zx-1content { margin-top: 30px; }
  .zx-1item h4 { font-size: 18px; }
  .zx-1info { font-size: 16px; padding-bottom: 24px; }
  .zx-1item ul { margin-top: 30px; }
  .zx-1item ul li { width: 120px; margin-right: 10px; }
  .zx-1item ul li samp { height: 50px; }
  .zx-1top { height: 78px; }
  .zx-1top span { font-size: 14px; }
  .zx-1bottom { font-size: 14px; margin-top: 18px; }
  .zx-1arr { width: 100px; height: 56px; }
  .zx-1pannel.active .zx-1item h4 { font-size: 28px; }
  .zx-1pannel:nth-child(1) .zx-1top { height: 105px; }
  .zx-2head h3 { font-size: 26px; }
  .zx-2head p { font-size: 16px; }
  .zx-2 ul { margin-top: 50px; }
  .zx-2 ul li { width: 180px; padding-bottom: 28px; }
  .zx-2 ul li samp { height: 60px; }
  .zx-2 ul li span { font-size: 16px; margin-top: 12px; }
  .zx-2content { width: 1100px; padding: 2.5vw; }
  .zx-2item span { font-size: 20px; }
  .zx-2info { line-height: 26px; font-size: 15px; }
  /*zcc-chengxin*/
  .gj-1.cx .gj-1video { margin-top: 44px; }
  .cx-2head { font-size: 26px; right: 180px; }
  .cx-2content { width: 1100px; }
  .cx-2ver h3 { font-size: 30px; line-height: 44px; }
  .cx-2info { font-size: 15px; line-height: 28px; margin-top: 12px; }
  .cx-2pag { width: 100px; }
  .cx-2pag .swiper-button-prev { width: 40px; height: 40px; }
  .cx-2pag .swiper-button-next { width: 40px; height: 40px; }
  .cx-2nav { right: 130px; }
  .cx-2nav ul li { margin: 35px 0px; }
  .cx-2nav ul li p { width: 41px; height: 41px; }
  .cx-2nav ul li span { line-height: 41px; font-size: 14px; }
  .cx-2nav ul li.active span { font-size: 17px; }
  .cx-3 { width: 1100px; }
  .cx-3 h3 { font-size: 26px; }
  .cx-3left { margin-top: 25px; }
  .cx-3right { padding-bottom: 35px; }
  .cx-3item span { font-size: 22px; }
  .cx-3info { font-size: 14px; line-height: 28px; }
  .cx-4 h3 { font-size: 26px; }
  .cx-4content { margin-top: 32px; }
  .cx-4center { width: 1100px; }
  .cx-4ver samp { height: 70px; }
  .cx-4ver span { font-size: 16px; margin-top: 60px; }
  .cx-4ver p { font-size: 14px; text-align: left; }
  .cx-4item.active .cx-4ver span { font-size: 26px; margin-top: 40px; }
  /*keji*/
  .kj-1 { width: 1100px; }
  .kj-1right h3 { font-size: 26px; }
  .kj-1info { line-height: 30px; font-size: 14px; margin-top: 9px; }
  .kj-2 { height: 50vw; }
  .kj-2head { top: 70px; }
  .kj-2head h3 { font-size: 30px; }
  .kj-2head p { font-size: 15px; line-height: 28px; }
  .kj-2pannel samp { height: 80px; }
  .kj-2content .swiper-slide.active .kj-2item span { font-size: 17px; }
  .kj-3 h3 { font-size: 26px; }
  .kj-3content { margin: 40px auto 0px; }
  .kj-3item { padding: 18px 0px; }
  .kj-3item samp { height: 40px; }
  /*zcc-touzi*/
  .tz-1 { width: 1100px; }
  .tz-1ver span { font-size: 26px; }
  .tz-1ver p { font-size: 14px; line-height: 28px; }
  .tz-3ver { width: 1100px; }
  .tz-3ver span { font-size: 26px; }
  .tz-3ver em { font-size: 12px; margin-top: 15px; }
  .tz-3info { font-size: 14px; line-height: 26px; margin-top: 16px; }
  .tz-3ver a { width: 140px; height: 42px; line-height: 42px; margin-top: 22px; }
  .tz-5head { width: 1100px; }
  .tz-5head h3 { font-size: 26px; }
  .tz-5head em { font-size: 15px; }
  .tz-5info { line-height: 28px; margin-top: 20px; }
  .tz-detail-center { padding-bottom: 16px; }
  .tz-detail-ver h4 { font-size: 24px; }
  /*video*/
  .video-list { width: 1100px; }
  .video-item { margin: 25px 2% 0px 0px; }
  .video-bottom { height: 56px; line-height: 56px; }
  /*wenhua*/
  .wh-1 { padding: 80px 0px 80px calc((100% - 1100px)/2); }
  .wh-1left { padding: 10px; }
  .wh-1bottom { margin-top: 16px; }
  .wh-1bottom span { font-size: 18px; }
  .wh-1bottom p { font-size: 20px; }
  .wh-2head { width: 1100px; margin: 80px auto 0px; }
  .wh-2head h3 { font-size: 26px; }
  .wh-2head p { font-size: 14px; line-height: 26px; }
  .wh-2content { width: calc(50% + 0.5*1100px); margin-left: calc(50% - 0.5*1100px); margin-top: 60px; }
  .wh-2content ul { margin-top: 30px; }
  .wh-2content ul li { height: 54px; line-height: 54px; padding: 0px 30px; margin-right: 10px; font-size: 15px; }
  .wh-2right { margin-right: calc(50vw - 0.5*1100px); }
  .wh-2right span { font-size: 32px; }
  .wh-2pannel { top: 130px; }
  .wh-2item span { font-size: 22px; }
  .wh-2info { font-size: 15px; line-height: 28px; }
  .wh-3 { padding: 150px 0px 60px; }
  .wh-3 h3 { width: 1100px; font-size: 26px; line-height: 36px; }
  .wh-3content { width: 1100px; margin: 25px auto 0px; }
  .wh-3item { height: 360px; }
  .wh-3num { bottom: 24px; }
  .wh-3wz { width: 16px; font-size: 14px; }
  .wh-3item.active .wh-3num { top: 90px; font-size: 50px; }
  .wh-3item.active .wh-3wz { top: 150px; font-size: 26px; }
  .wh-3item.active .wh-3wz em { transform: translateX(3rem); }
  .wh-4 { padding: 5vw 0px 7vw; }
  .wh-4 h3 { font-size: 26px; }
  .wh-4content { margin-top: 25px; }
  .wh-4content .swiper-slide span { font-size: 14px; height: 60px; line-height: 60px; }
  .wh-4 .swiper-pagination { margin-top: 25px; }
  /*about*/
  .about-1center { width: 1100px; }
  .about-1left h3 { font-size: 26px; }
  .about-1info { font-size: 14px; line-height: 36px; margin-top: 6px; }
  .about-1 ul li { padding: 16px 0px; }
  .about-1ct { width: calc(100% - 100px); }
  .about-1ct span { font-size: 40px; margin-right: 8px; }
  .about-1ct em { margin-top: 32px; }
  .about-1ct span samp { font-size: 22px; }
  .about-1ct p { font-size: 13px; }
  .about-1pic { width: 70px; height: 70px; }
  .about-2center { width: 1100px; }
  .about-2center h3 { font-size: 26px; }
  .about-2des { font-size: 22px; margin-top: 12px; }
  .about-2info { font-size: 16px; line-height: 40px; margin-top: 28px; }
  .about-2bottom { margin-top: 28px; font-size: 15px; }
  .about-2bottom span { font-size: 18px; }
  .about-3head { width: 1100px; }
  .about-3head h3 { font-size: 26px; }
  .about-3head p { font-size: 16px; }
  .about-3content { width: 1100px; margin: 30px auto 0px; }
  .about-3nav { margin-top: 60px; }
  .about-3nav span { font-size: 14px; }
  .about-4ver { width: 1100px; }
  .about-4ver h3 { font-size: 26px; }
  .about-4ver span { font-size: 22px; }
  .about-4ver p { font-size: 18px; }
  .about-4ver a { width: 140px; height: 48px; line-height: 48px; }
  .about-4nav { bottom: 60px; }
  .about-4nav ul { width: 1100px; }
  .about-4nav:before { top: 19px; }
  .about-4nav ul { width: 1100px; }
  .about-4nav ul li { width: 150px; margin-left: 15px; font-size: 16px; height: 40px; line-height: 40px; }
  .about-4nav ul li:after { background-size: 100%; }
  .about-4nav ul li::before { top: 14px; }
  .about-4nav ul li span { top: 30px; }
  .about-4nav ul li.active { height: 40px; line-height: 40px; }
  .about-5 h3 { width: 1100px; font-size: 26px; }
  .about-5content { width: 1100px; margin: 25px auto 0px; }
  .about-5bottom { height: 60px; line-height: 60px; }
  .about-5more { margin-top: 35px; }
  .about-5more a { width: 140px; font-size: 14px; height: 48px; line-height: 48px; }
  .about-6content { width: 1100px; top: 8.5vw; }
  .about-6content h3 { font-size: 18px; }
  .about-6content h4 { font-size: 32px; margin-top: 18px; }
  .about-6prop { width: 360px; height: 50px; margin-top: 18px; }
  .about-6prop span { line-height: 50px; }
  .about-6prop p { top: 46px; height: 112px; }
  .about-6prop p em { line-height: 28px; }
  .about-6pannel p { font-size: 14px; }
  .about-6map { right: 4.5%; top: 16%; } }
@media screen and (max-width: 1280px) { /*header*/
  .header .logo { margin-left: 60px; }
  .header-right { margin-right: 50px; }
  .header-right ul li { margin-left: 24px; }
  .header-right ul li span a { font-size: 15px; }
  /*footer*/
  .footer-1 { width: 80%; margin: 50px auto 0px; }
  .footer-item h3 { font-size: 16px; }
  .footer-left { width: 76%; }
  .footer-2 { width: 80%; }
  .footer-3 { width: 80%; }
  /*banner*/
  .banner-wz { width: 80%; left: calc((100% - 80%)/2); }
  .banner-wz h3 { font-size: 32px; }
  .banner-wz p { font-size: 16px; }
  /*home-about*/
  .habout { width: 80%; }
  .habout-1 h3 { font-size: 26px; }
  .habout-1 em { font-size: 40px; top: -30px; }
  .habout-1 span { font-size: 16px; }
  .habout-1 p { margin-top: 15px; line-height: 26px; }
  .habout-left ul { margin-top: 20px; }
  .habout-left ul li { margin-right: 4vw; }
  .habout-left ul li p { line-height: 22px; }
  .habout-left ul li span em { font-size: 40px; }
  .habout-right .line { background-size: 46.6vw !important; }
  /*home-yewu*/
  .yw-wz h3 { font-size: 22px; }
  .yw-wz em { font-size: 32px; }
  .yw-wz p { margin-top: 10px; }
  .yw-wz a { margin: 18px auto 0px; }
  /*hone-news*/
  .hnews-head { width: 80%; }
  .hnews-head h3 { font-size: 26px; }
  .hnews-head p { font-size: 16px; }
  .hnews-content { width: 80%; }
  .hnews-content .swiper-slide { margin-top: 15px; }
  .hnews-content .swiper-button-prev { width: 50px; height: 50px; left: -60px; }
  .hnews-content .swiper-button-next { width: 50px; height: 50px; right: -60px; }
  .hnews-content .swiper-slide:hover { transform: translateY(-10px); }
  /*home-his*/
  .hhis { padding: 4vw 0px; }
  .hhis-head { width: 80%; }
  .hhis-head h3 { font-size: 26px; }
  .hhis-head p { font-size: 16px; }
  .hhis-content { width: 80%; }
  .hhis-1 { width: 82%; height: 280px; }
  .hhis-1 span, .hhis-1 samp { width: 110%; }
  .hhis-1 span { top: 90px; }
  .hhis-1 samp { top: 84px; }
  .hhis-1 samp img { width: 100px; height: auto; }
  .hhis-ct { width: 82%; top: 7%; height: 220px; }
  .hhis-pannel { padding: 20px; }
  .hhis-right span { font-size: 18px; }
  .hhis-right p { font-size: 14px; line-height: 26px; }
  .hhis-nav { width: 80%; }
  .hhis-box span { height: 28px; background-size: 18px; }
  .hhis-box samp { margin-top: 8px; }
  .hhis-box em { margin-top: 12px; font-size: 16px; }
  .hhis-line { width: 7vw; left: 4.3vw; top: 44px; }
  /*news*/
  .banner-ver { width: 80%; }
  .banner-ver h3 { font-size: 26px; }
  /*bread*/
  .bread-center { width: 80%; }
  .news { padding: 30px 0px 50px; }
  .news-list { width: 80%; }
  .news-item { margin-top: 20px; }
  /*news-info*/
  .banner-center { width: 80%; bottom: calc(90px + 9vw); }
  .banner-left h1 { font-size: 26px; }
  .detail-center { width: 80%; margin: -90px auto 0px; }
  /*shehuizeren*/
  .sz-1 { width: 80%; }
  .sz-1left h3 { font-size: 24px; }
  .sz-pannel { width: 80%; }
  .sz-pannel em { font-size: 52px; }
  .sz-pannel span { font-size: 24px; margin-top: -15px; }
  .sz-info { margin-top: 12px; }
  .sz-bottom { width: 360px; height: 80px; line-height: 80px; font-size: 16px; }
  .sz-slide .conters { width: 35%; }
  /*yewu*/
  .yewu-ver { width: 44%; right: calc((100% - 80%)/2); }
  .yewu-top { height: 24vw; }
  .yewu-top h3 { margin: 20px auto 0px; font-size: 22px; }
  .yewu-top p { width: 85%; margin: 14px auto 0px; font-size: 14px; line-height: 25px; }
  .yewu-bottom { margin-top: 12px; height: 60px; line-height: 60px; }
  .yewu-bottom a { font-size: 15px; }
  .yewu-bottom img { margin-right: 12px; }
  .yewu-pannel:nth-child(2n) .yewu-ver { left: calc((100% - 80%)/2); }
  /*zcc-guoji*/
  .gj-1 { width: 80%; }
  .gj-1 h3 { font-size: 24px; }
  .gj-1info { line-height: 28px; }
  .video-click span { width: 65px; height: 65px; }
  .gj-2 h3 { font-size: 38px; }
  .gj-2pannel span { font-size: 24px; }
  .gj-3 h3 { font-size: 24px; }
  .gj-3content { width: 80%; }
  .gj-3info { width: 80%; margin: 30px auto 0px; }
  .gj-4 h3 { font-size: 24px; }
  .gj-4content { width: 80%; }
  .gj-4bottom { width: 80%; }
  .gj-arr { width: 80%; }
  /*zcc-zhengxin*/
  .zx-1 h3 { font-size: 24px; }
  .zx-1content { margin-top: 25px; }
  .zx-1pannel { height: 34vw; }
  .zx-1item h4 { font-size: 15px; }
  .zx-1info { font-size: 14px; padding-bottom: 20px; }
  .zx-1item ul { margin-top: 24px; }
  .zx-1item ul li { width: 100px; }
  .zx-1item ul li samp { height: 45px; margin-top: 5px; }
  .zx-1top { height: 70px; }
  .zx-1top span { font-size: 12px; }
  .zx-1bottom { font-size: 12px; margin-top: 12px; }
  .zx-1arr { width: 80px; height: 43px; bottom: 4vw; }
  .zx-1pannel.active .zx-1item h4 { font-size: 20px; }
  .zx-1pannel:nth-child(2) .zx-1pic img { height: 146%; }
  .zx-2head h3 { font-size: 24px; }
  .zx-2head p { font-size: 14px; }
  .zx-2 ul { margin-top: 40px; }
  .zx-2 ul li { width: 150px; padding-bottom: 24px; }
  .zx-2 ul li samp { height: 50px; }
  .zx-2 ul li span { font-size: 15px; }
  .zx-2content { width: 80%; padding: 2vw; }
  .zx-2item span { font-size: 18px; }
  .zx-2info { line-height: 24px; font-size: 13px; }
  /*zcc-chengxin*/
  .cx-2head { font-size: 24px; top: 50px; }
  .cx-2content { width: 80%; }
  .cx-2ver h3 { font-size: 26px; line-height: 36px; }
  .cx-2info { font-size: 14px; line-height: 26px; }
  .cx-2nav ul li { margin: 30px 0px; }
  .cx-2nav ul li p { width: 35px; height: 35px; }
  .cx-2nav ul li span { line-height: 35px; font-size: 13px; }
  .cx-2nav ul li.active span { font-size: 15px; }
  .cx-3 { width: 80%; }
  .cx-3 h3 { font-size: 24px; }
  .cx-3item span { font-size: 20px; }
  .cx-4 h3 { font-size: 24px; }
  .cx-4content { margin-top: 24px; }
  .cx-4center { width: 80%; }
  .cx-4ver samp { height: 50px; }
  .cx-4ver span { font-size: 14px; margin-top: 50px; }
  .cx-4ver p { font-size: 12px; }
  .cx-4item.active .cx-4ver span { font-size: 24px; margin-top: 30px; }
  /*keji*/
  .kj-1 { width: 80%; }
  .kj-1right { max-height: 75%; }
  .kj-1right h3 { font-size: 24px; }
  .kj-2 { height: 48vw; }
  .kj-2head { top: 50px; }
  .kj-2head h3 { font-size: 26px; }
  .kj-2head p { font-size: 14px; line-height: 26px; }
  .kj-2pannel samp { height: 70px; }
  .kj-2content .swiper-slide.active .kj-2item span { font-size: 16px; }
  .kj-3 h3 { font-size: 24px; }
  .kj-3content { margin: 30px auto 0px; }
  .kj-3item { padding: 16px 0px; }
  .kj-3item samp { height: 35px; }
  /*zcc-touzi*/
  .tz-1 { width: 80%; }
  .tz-1ver span { font-size: 24px; }
  .tz-3ver { width: 80%; }
  .tz-3ver span { font-size: 23px; }
  .tz-3ver em { margin-top: 12px; background: url("../images/icon-76.png") no-repeat left 2px; }
  .tz-5head { width: 80%; }
  .tz-5head h3 { font-size: 24px; }
  .tz-5head em { font-size: 14px; }
  .tz-detail-info { height: 86px; overflow-y: auto; }
  /*video*/
  .video { padding: 4vw 0px; }
  .video-list { width: 80%; }
  .video-item { margin: 20px 2% 0px 0px; }
  .video-bottom { height: 50px; line-height: 50px; }
  /*wenhua*/
  .wh-1 { padding: 70px 0px 70px calc((100% - 80%)/2); }
  .wh-2head { width: 80%; }
  .wh-2head h3 { font-size: 24px; }
  .wh-2content { width: calc(50% + 0.5*80%); margin-left: calc(50% - 0.5*80%); margin-top: 60px; }
  .wh-2right { margin-right: calc(50vw - 0.5*80%); }
  .wh-2right span { font-size: 28px; }
  .wh-2item span { font-size: 18px; }
  .wh-2info { font-size: 14px; line-height: 26px; }
  .wh-3 { padding: 140px 0px 60px; }
  .wh-3 h3 { width: 80%; font-size: 24px; line-height: 30px; }
  .wh-3content { width: 80%; margin: 22px auto 0px; }
  .wh-4 { padding: 5vw 0px 7vw; }
  .wh-4 h3 { font-size: 24px; }
  .wh-4content { margin-top: 22px; }
  /*about*/
  .about-1center { width: 80%; }
  .about-1left h3 { font-size: 22px; }
  .about-1info { line-height: 32px; }
  .about-1 ul li { padding: 12px 0px; }
  .about-1ct { width: calc(100% - 80px); }
  .about-1ct span { font-size: 34px; }
  .about-1ct em { margin-top: 24px; }
  .about-1ct span samp { font-size: 18px; }
  .about-1pic { width: 60px; height: 60px; }
  .about-2center { width: 80%; }
  .about-2center h3 { font-size: 22px; }
  .about-2des { font-size: 18px; margin-top: 10px; }
  .about-2info { font-size: 14px; line-height: 36px; margin-top: 24px; }
  .about-2bottom { margin-top: 24px; font-size: 14px; }
  .about-2bottom img { margin-left: 14px; width: 80px; }
  .about-3head { width: 80%; }
  .about-3head h3 { font-size: 22px; }
  .about-3head p { font-size: 16px; }
  .about-3content { width: 80%; margin: 30px auto 0px; }
  .about-3right span { font-size: 36px; }
  .about-3nav { margin-top: 60px; }
  .about-3nav span { font-size: 14px; }
  .about-4ver { width: 80%; }
  .about-4ver h3 { font-size: 25px; }
  .about-4ver span { font-size: 22px; }
  .about-4ver p { font-size: 16px; }
  .about-4ver a { width: 130px; height: 42px; line-height: 42px; }
  .about-4nav { bottom: 50px; }
  .about-4nav ul { width: 80%; }
  .about-4nav ul { width: 80%; }
  .about-5 h3 { width: 80%; font-size: 22px; }
  .about-5content { width: 80%; margin: 20px auto 0px; }
  .about-5bottom { height: 54px; line-height: 54px; }
  .about-5more { margin-top: 30px; }
  .about-5more a { width: 130px; height: 42px; line-height: 42px; }
  .about-6content { width: 80%; }
  .about-6content h3 { font-size: 16px; }
  .about-6content h4 { font-size: 26px; margin-top: 15px; }
  .about-6prop { width: 320px; height: 48px; margin-top: 15px; }
  .about-6prop span { line-height: 48px; }
  .about-6prop p { top: 42px; line-height: 24px; height: 96px; }
  .about-6prop p em { line-height: 24px; }
  .about-6map { right: 3.5%; top: 12%; }
  .about-prev { left: -70px; }
  .about-next { right: -70px; } }
@media screen and (max-width: 1000px) { /*header*/
  .header { height: 50px; }
  .header.header-on, .header.header-active { height: 50px; background: #fff; box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.04); }
  .header .logo { width: 80px; margin-left: 5%; }
  .header .logo img { opacity: 0; }
  .header .logo img:last-child { opacity: 1; }
  .header-right { float: none; width: 100%; height: calc(100% - 50px); margin-right: 0px; position: fixed; left: -100%; top: 50px; border-top: 1px #ddd solid; background: #fff; overflow-y: auto; }
  .menu { float: right; width: 24px; display: block; position: relative; z-index: 820; margin-top: 10px; cursor: pointer; margin-right: 4%; }
  .menu span { float: left; width: 100%; height: 2px; background: #1b92d1; margin-top: 6px; border-radius: 2px; }
  .header-slide .menu { margin-top: 15px; }
  .header-slide .menu span:nth-child(1) { transform: rotate(45deg) translateY(5px); }
  .header-slide .menu span:nth-child(2) { transform: rotate(-45deg) translateY(-6px); }
  .header-slide .menu span:nth-child(3) { opacity: 0; }
  .header-slide .header-right { left: 0px; }
  .search { width: 80%; height: auto; position: relative; left: 0px; top: 0px; background: none; opacity: 1; visibility: visible; margin: 20px auto 0px; border: 1px #ddd solid; border-radius: 6px; box-sizing: border-box; overflow: hidden; }
  .search form { width: 100%; height: 40px; line-height: 40px; }
  .search form .txt { padding: 0px 20px; }
  .search form .bt { width: 40px; left: auto; right: 0px; }
  .search-close { display: none; }
  .header-right ul { width: 80%; float: none; height: auto; margin: 40px auto 0px; overflow: hidden; border-top: 1px #ddd solid; }
  .header-right ul li { float: left; width: 100%; height: auto; position: relative; margin-left: 0px; border-bottom: 1px #ddd solid; }
  .header-right ul li samp { width: 45px; height: 45px; position: absolute; right: 0px; top: 0px; z-index: 12; cursor: pointer; background: url("../images/icon-28.png") no-repeat center; }
  .header-right ul li:first-child samp { display: none; }
  .header-right ul li span { float: left; width: 100%; height: 45px; line-height: 45px; }
  .header-right ul li span a { font-size: 14px; color: #333; width: 70%; display: block; }
  .header-right ul li.on span a { color: #004884; }
  .header-on .header-right ul li span, .header-active .header-right ul li span { height: 45px; line-height: 45px; }
  .nav-sub, .nav-sub.ons { width: 98%; position: relative; left: 0%; transform: translateX(0%) scale(1); top: 0px; border-radius: 0px; opacity: 1; visibility: visible; margin-bottom: 30px; margin-left: 1%; display: none; }
  .header ul li.on .nav-sub { transform: translateX(0%) scale(1); }
  .nav-sub p em, .nav-sub.ons p em { text-align: left; line-height: 40px; }
  .nav-sub p em a { margin-left: 3vw; }
  .header-phone { width: 80%; height: auto; line-height: 30px; font-size: 16px; margin-left: 0px; float: none; margin: 20px auto 0px; color: #333; box-sizing: border-box; }
  .header-phone:before { opacity: 0; }
  .header-phone:after { opacity: 1; }
  .header-phone a { color: #333; }
  .header-search { display: none; }
  .header-lang { height: 30px; margin-left: 0px; width: 80%; margin: 20px auto; float: none; }
  .header-lang span { display: none; }
  .header-lang:before { display: none; }
  .header-lang:after { display: none; }
  .header-lang p { width: 100%; position: relative; left: 0px; top: 0px; box-shadow: none; padding: 0px; opacity: 1; visibility: visible; transform: scale(1); }
  .header-lang p:before { display: none; }
  .header-lang p a { float: left; width: auto; margin-right: 20px; }
  /*footer*/
  .footer-1 { width: 90%; margin: 40px auto 0px; }
  .footer-1::before { display: none; }
  .footer-left { display: none; }
  .footer-right { float: none; margin: 0px auto; }
  .footer-wx { margin: 0px auto; }
  .footer-2 { width: 90%; padding: 15px 0px; }
  .footer-3 { width: 90%; padding: 15px; }
  .footer-3 span { width: 100%; text-align: center; display: block; float: none; }
  .footer-3 ul { float: none; margin: 10px auto 0px; text-align: center; width: 100%; }
  .footer-3 ul li { display: inline-block; float: none; }
  /*banner*/
  .banner { height: auto; margin-top: 50px; }
  .banner .swiper-button-next { width: 40px; height: 40px; right: 50px; background-size: 11px; }
  .banner .swiper-pagination { height: 18px; }
  .banner .swiper-pagination-bullet { width: 18px; height: 18px; margin: 0px 5px; }
  .banner-wz { width: 90%; left: calc((100% - 90%)/2); }
  .banner-wz h3 { font-size: 26px; }
  /*right float*/
  .leaf-right { display: none; }
  /*home-about*/
  .habout { width: 90%; }
  .habout-left { width: 100%; }
  .habout-1 h3 { font-size: 22px; }
  .habout-1 em { font-size: 30px; top: -24px; }
  .habout-left ul li { margin-right: 15vw; }
  .habout-right { right: 0px; position: relative; margin-top: 50px; width: 100%; float: left; }
  .habout-right .line { background-size: 90.3vw !important; }
  /*home-yewu*/
  .yw { height: 100vh; }
  .yw-center { width: 68vh; height: 68vh; top: 50%; }
  .yw-pannel { width: 68vh; height: 68vh; top: 50%; }
  .yw-item samp { width: 1.2vh; height: 1.2vh; }
  .yw-item span { width: 7vh; height: 7vh; }
  .yw-cont { top: 50%; }
  .yw-wz { width: 42vh; top: 50%; }
  .yw-wz h3 { font-size: 20px; }
  .yw-wz em { font-size: 40px; }
  .yw-wz p { line-height: 23px; font-size: 12px; margin-top: 10px; }
  .yw-wz a { width: 120px; height: 32px; line-height: 32px; margin: 24px auto 0px; font-size: 13px; }
  /*hone-news*/
  .hnews-head { width: 90%; }
  .hnews-head h3 { font-size: 22px; }
  .hnews-content { width: 90%; }
  .hnews-bottom { padding: 12px; }
  .hnews-bottom span { height: 48px; line-height: 24px; font-size: 14px; }
  .hnews-bottom em { margin-top: 12px; font-size: 12px; }
  .hnews-bottom p { margin-top: 12px; }
  .hnews-content .swiper-button-prev { width: 40px; height: 40px; left: -40px; }
  .hnews-content .swiper-button-next { width: 40px; height: 40px; right: -40px; }
  .hnews-content .swiper-slide { margin-top: 12px; }
  .hnews-content .swiper-slide:hover { transform: translateY(-10px); }
  /*home-his*/
  .hhis-head { width: 90%; }
  .hhis-head h3 { font-size: 22px; }
  .hhis-content { width: 90%; }
  .hhis-nav { display: none; }
  /*news*/
  .banner-news, .banner-detail, .sz-content { margin-top: 50px; }
  .banner-ver { width: 90%; }
  .banner-ver h3 { font-size: 22px; }
  /*bread*/
  .bread-center { width: 90%; }
  .news-list { width: 90%; }
  .bread ul li a em { display: none; }
  /*news-info*/
  .banner-center { width: 90%; bottom: calc(90px + 5vw); }
  .banner-left h1 { font-size: 22px; line-height: 30px; }
  .detail-center { width: 90%; }
  /*shehuizeren*/
  .sz .bread ul { display: none; }
  .sz-content, .sz-content .sz { height: auto; }
  .sz-content .sz-wrap { display: block; }
  .sz-1 { width: 90%; }
  .sz-1left h3 { font-size: 22px; }
  .sz-1info { line-height: 30px; font-size: 15px; }
  .sz .swiper-slide .sz-1left h3, .sz .swiper-slide .sz-1info, .sz .swiper-slide .sz-1right { transform: translateY(0px); opacity: 1; }
  .sz .swiper-slide .sz-pannel em, .sz .swiper-slide .sz-pannel span, .sz .swiper-slide .sz-info, .sz .swiper-slide .sz-bottom, .sz .swiper-slide .sz-slide { transform: translateY(0px); opacity: 1; }
  .sz-pannel { width: 90%; }
  .sz-pannel em { font-size: 46px; }
  .sz-pannel span { font-size: 22px; margin-top: -5px; }
  .sz-item { margin-top: 5px; padding: 20px 0px; }
  /*yewu*/
  .yewu { margin-top: 50px; }
  .yewu-pannel { height: auto; padding: 8vw 0px; }
  .yewu-ver { width: 80%; left: 0px; position: relative; top: 0px; transform: translateY(0px); margin: 0px auto; }
  .yewu-top { height: auto; padding: 4vw 0px; }
  .yewu-top h3 { margin: 15px auto 0px; font-size: 20px; }
  .yewu-top p { width: 84%; margin: 12px auto 0px; line-height: 24px; }
  .yewu-bottom { margin-top: 10px; height: 50px; line-height: 50px; }
  .yewu-bottom a { font-size: 14px; }
  .yewu-pannel:nth-child(2n) .yewu-ver { left: auto; }
  /*zcc-guoji*/
  .gj-1 { width: 90%; }
  .gj-1 h3 { font-size: 22px; }
  .gj-1info { line-height: 26px; height: auto; }
  .gj-2 h3 { font-size: 32px; }
  .gj-2pannel span { font-size: 22px; }
  .gj-3 h3 { font-size: 22px; }
  .gj-3content { width: 90%; }
  .gj-3info { width: 90%; }
  .gj-4 h3 { font-size: 22px; }
  .gj-4content { width: 90%; }
  .gj-4bottom { width: 90%; }
  .gj-arr { width: 90%; }
  /*zcc-zhengxin*/
  .zx-1 h3 { font-size: 22px; }
  .zx-1content { width: 100%; display: block; margin-left: 0%; }
  .zx-1pannel { width: 100%; height: auto; padding: 0px; }
  .zx-1pannel.active { width: 100%; }
  .zx-1pic { transform: skewX(0deg); height: 500px; }
  .zx-1pic img { width: 100%; height: auto; transform: skewX(0deg) translateX(0%); left: 0%; position: relative; }
  .zx-1pannel:nth-child(1) { margin-left: 0%; }
  .zx-1item { width: 80%; }
  .zx-1pannel:nth-child(1).active .zx-1item { left: 50%; }
  .zx-1item ul { width: 100%; overflow: hidden; display: block; margin-top: 35px; }
  .zx-1item ul li { width: 120px; margin-right: 14px; margin-bottom: 10px; }
  .zx-1item ul li samp { height: 50px; }
  .zx-1top { height: 80px; }
  .zx-1top span { font-size: 14px; }
  .zx-1arr { display: none; }
  .zx-1pannel.active .zx-1item h4, .zx-1pannel .zx-1item h4 { font-size: 36px; }
  .zx-1pannel.active .zx-1ct, .zx-1pannel .zx-1ct { display: block; }
  .zx-1pannel:nth-child(1) .zx-1item h4 { width: auto; transform: translateX(0%); }
  .zx-1pannel:nth-child(1).active .zx-1item h4 { width: auto; transform: translateX(0%); }
  .zx-1pannel:nth-child(3) .zx-1top { height: 110px; }
  .zx-2head h3 { font-size: 22px; }
  .zx-2content { width: 90%; }
  /*zcc-chengxin*/
  .cx-2head { font-size: 22px; }
  .cx-2content { width: 90%; }
  .cx-2ver h3 { font-size: 22px; }
  .cx-2nav ul li { margin: 25px 0px; }
  .cx-3 { width: 90%; }
  .cx-3 h3 { font-size: 22px; }
  .cx-3left { margin-top: 18px; width: 50%; }
  .cx-3right { width: 63%; padding-bottom: 20px; }
  .cx-3top { height: 210px; }
  .cx-3item span { font-size: 18px; }
  .cx-3top .swiper-button-next { margin-top: 18px; }
  .cx-3top .swiper-button-prev { margin-top: 18px; }
  .cx-4 h3 { font-size: 22px; }
  .cx-4content { margin-top: 20px; }
  .cx-4center { width: 90%; }
  .cx-4ver samp { height: 44px; }
  .cx-4item.active .cx-4ver span { font-size: 22px; }
  /*keji*/
  .kj-1 { width: 90%; }
  .kj-1right h3 { font-size: 22px; }
  .kj-2 { height: 52vw; }
  .kj-2head { top: 50px; }
  .kj-2head h3 { font-size: 22px; }
  .kj-2head p { font-size: 14px; line-height: 26px; }
  .kj-2pannel { width: 32.3vw; }
  .kj-2content .swiper-button-prev, .kj-2content .swiper-button-next { bottom: 77px; }
  .kj-3 h3 { font-size: 22px; }
  .kj-3content { margin: 30px auto 0px; flex-wrap: wrap; justify-content: flex-start; }
  .kj-3item { padding: 12px 0px; width: 25%; flex: none; }
  /*zcc-touzi*/
  .tz-1 { width: 90%; }
  .tz-1ver span { font-size: 22px; }
  .tz-3ver { width: 90%; }
  .tz-3ver span { font-size: 20px; }
  .tz-5head { width: 90%; }
  .tz-5head h3 { font-size: 22px; }
  .tz-pos.pos1 { right: 15%; }
  .tz-pos.pos2 { right: 21%; }
  .tz-pos.pos3 { right: 11%; }
  .tz-pos.pos4 { right: 18%; }
  /*video*/
  .video { padding: 4vw 0px; }
  .video-list { width: 90%; }
  .video-item { margin: 18px 2% 0px 0px; }
  .video-bottom { height: 46px; line-height: 46px; }
  /*wenhua*/
  .wh-1 { padding: 50px 0px 50px calc((100% - 90%)/2); }
  .wh-1bottom span { font-size: 16px; }
  .wh-1bottom p { font-size: 18px; }
  .wh-1right { margin-top: 7vw; }
  .wh-1right:before { top: 50px; }
  .wh-1right ul li span { font-size: 14px; }
  .wh-1right ul li samp { width: 28px; height: 28px; margin: 22px auto 0px; }
  .wh-1right ul li.active span { transform: scale(1.2); }
  .wh-1pag { width: 100px; margin: 28px 0px 0px 5%; }
  .wh-1pag .swiper-button-prev { width: 42px; height: 42px; }
  .wh-1pag .swiper-button-next { width: 42px; height: 42px; }
  .wh-2center { position: relative; left: 0px; top: 0px; transform: translate(0px, 0px); margin-top: -42vw; }
  .wh-2head { width: 90%; }
  .wh-2head h3 { font-size: 22px; }
  .wh-2content { width: 90%; margin-left: 5%; }
  .wh-2content ul li { padding: 0px 26px; }
  .wh-2right { margin-right: calc(50vw - 0.5*90%); }
  .wh-2right span { font-size: 24px; letter-spacing: 2px; width: 72px; line-height: 32px; }
  .wh-2pannel { padding: 2vw; margin-top: 20px; }
  .wh-3 { padding: 180px 0px 40px; }
  .wh-3 h3 { width: 90%; font-size: 22px; line-height: 28px; }
  .wh-3content { width: 90%; margin: 20px auto 0px; }
  .wh-4 { padding: 4vw 0px 9vw; }
  .wh-4 h3 { font-size: 22px; }
  .wh-4content { margin-top: 18px; }
  /*about*/
  .about-1center { width: 90%; }
  .about-1left { width: 100%; }
  .about-1left h3 { font-size: 20px; }
  .about-1info { line-height: 28px; }
  .about-1 ul { width: 100%; margin-top: 30px; }
  .about-1ct span { font-size: 32px; }
  .about-1ct em { margin-top: 15px; }
  .about-2 { height: auto; padding: 5vw 0px; }
  .about-2center { width: 90%; position: relative; margin: 0px auto; left: 0px; top: 0px; transform: translate(0px, 0px); }
  .about-2center h3 { font-size: 20px; }
  .about-2des { font-size: 16px; }
  .about-2info { line-height: 30px; margin-top: 20px; }
  .about-2bottom { margin-top: 20px; }
  .about-3head { width: 90%; }
  .about-3head h3 { font-size: 20px; }
  .about-3head p { font-size: 14px; }
  .about-3content { width: 90%; margin: 20px auto 0px; }
  .about-3right span { font-size: 30px; }
  .about-3right p { font-size: 16px; line-height: 28px; }
  .about-3nav { margin-top: 40px; }
  .about-prev { width: 32px; height: 32px; left: -17px; border: 1px #ccc solid; z-index: 22; }
  .about-next { width: 32px; height: 32px; right: -17px; border: 1px #ccc solid; z-index: 22; }
  .about-4ver { width: 90%; top: 40%; }
  .about-4ver h3 { font-size: 23px; transform: translateY(-30px); }
  .about-4ver span { font-size: 20px; }
  .about-4nav { bottom: 40px; }
  .about-4nav ul { width: 90%; }
  .about-4nav ul { width: 90%; }
  .about-5 h3 { width: 90%; font-size: 20px; }
  .about-5content { width: 90%; }
  .about-6content { width: 90%; top: 6.5vw; }
  .about-6content h3 { font-size: 16px; }
  .about-6content h4 { font-size: 26px; margin-top: 15px; }
  .about-6prop { width: 320px; height: 48px; margin-top: 15px; }
  .about-6prop span { line-height: 48px; }
  .about-6prop p { top: 42px; line-height: 24px; height: 96px; }
  .about-6prop p em { line-height: 24px; }
  .about-6map { right: 9.5%; top: 30%; }
  .about-6top { width: 320px; height: 160px; background-size: 100%; }
  .about-6pannel { width: 90%; }
  .about-6pannel span { font-size: 13px; }
  .about-6pannel p { font-size: 14px; line-height: 24px; margin-top: 5px; }
  .about-6pannel em { font-size: 14px; line-height: 28px; }
  .about-6bottom { height: 40px; margin-top: 10px; background-size: auto 100%; }
  .about-6map { right: 4%; top: 15%; } }
@media screen and (max-width: 768px) { /*footer*/
  .footer-2 { display: none; }
  .footer-3 { padding: 10px; margin-top: 24px; }
  .footer-3 span { line-height: 22px; }
  /*banner*/
  .banner .swiper-button-next { display: none; }
  .banner-wz h3 { font-size: 20px; }
  .banner-wz p { font-size: 12px; margin-top: 5px; }
  /*home-about*/
  .habout { padding: 12vw 0px 6vw; }
  .habout-1 h3 { font-size: 18px; }
  .habout-1 span { font-size: 14px; }
  .habout-1 em { font-size: 24px; top: -18px; }
  .habout-left ul { display: flex; justify-content: space-between; }
  .habout-left ul li { margin-right: 0vw; width: auto; }
  .habout-left ul li span { font-size: 16px; }
  .habout-left ul li span em { font-size: 28px; }
  .habout-left ul li p { font-size: 10px; line-height: 20px; }
  .habout-right { display: none; }
  /*home-yewu*/
  .yw { height: 50vh; }
  .yw-center { width: 34vh; height: 34vh; }
  .yw-pannel { width: 34vh; height: 34vh; }
  .yw-item samp { width: 1vh; height: 1vh; }
  .yw-item span { width: 5vh; height: 5vh; }
  .yw-wz { width: 40vw; }
  .yw-wz h3 { font-size: 15px; }
  .yw-wz em { font-size: 20px; }
  .yw-wz p { line-height: 20px; font-size: 10px; margin-top: 3px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .yw-wz a { width: 90px; height: 28px; line-height: 28px; margin: 6px auto 0px; font-size: 12px; }
  .yw-item.item1 em { left: -9vh; }
  .yw-item.item2 em { left: -7vh; top: 1vh; }
  .yw-item.item3 em { left: 3vh; top: 1px; }
  .yw-item.item4 em { left: 2vh; }
  .yw-item.item5 em { top: -4vh; }
  /*hone-news*/
  .hnews { padding: 7vw 0px; }
  .hnews-head h3 { font-size: 18px; }
  .hnews-head p { font-size: 14px; margin-top: 5px; }
  .hnews-content { margin-top: 5px; }
  .hnews-content .swiper-slide { width: 100%; margin: 0px 0px 0px; }
  .hnews-content .swiper-slide samp { height: auto; }
  .hnews-content .swiper-slide:hover { margin-top: 0px; transform: translateY(0px); }
  .hnews-more a { float: none; margin: 0px auto; display: block; }
  .hnews-content .swiper-slide samp { height: 52.8vw; }
  .hnews-content .swiper-button-prev { width: 30px; height: 30px; left: 20px; top: 40%; }
  .hnews-content .swiper-button-next { width: 30px; height: 30px; right: 20px; top: 40%; }
  /*home-his*/
  .hhis { padding: 7vw 0px; }
  .hhis-head h3 { font-size: 18px; }
  .hhis-head p { font-size: 14px; margin-top: 5px; }
  .hhis-1 { display: none; }
  .hhis-content { padding-bottom: 70px; }
  .hhis-content .swiper-button-prev { top: auto; bottom: 0px; left: 25%; }
  .hhis-content .swiper-button-next { top: auto; bottom: 0px; right: 25%; }
  .hhis-ct { width: 100%; height: auto; position: relative; top: 0px; margin-top: 24px; }
  .hhis-left { width: 100%; height: auto; }
  .hhis-right { width: 100%; height: 200px; padding: 0px; line-height: 22px; margin-top: 20px; position: relative; top: 0px; transform: translateY(0px); max-height: inherit; }
  .hhis-pannel { overflow: hidden; }
  /*news*/
  .banner-ver { margin-top: 0px; }
  .banner-ver h3 { font-size: 18px; }
  .banner-ver p { font-size: 14px; }
  .banner-news .swiper-pagination { bottom: 10px; }
  .news { padding: 10px 0px 30px; }
  .news-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .news-item { width: 48%; margin-top: 20px; margin-right: 0%; }
  .news-top { height: 28vw; }
  .news-bottom { padding: 12px; }
  .news-bottom span { height: 44px; line-height: 22px; font-size: 15px; }
  .news-bottom em { font-size: 12px; margin-top: 10px; padding-right: 5px; }
  .news-bottom p { font-size: 12px; margin-top: 10px; padding-left: 4px; }
  .news-page { margin-top: 30px; }
  /*bread*/
  .bread { height: auto; margin-top: 0px; background: none; }
  .bread-center { width: 100%; }
  .bread-left { height: 24px; line-height: 24px; background: #004884; width: 100%; padding: 10px 5%; }
  .bread ul { float: left; width: 100%; height: auto; box-sizing: border-box; padding: 0px 5%; display: none; }
  .bread ul li { height: 30px; line-height: 30px; margin-left: 0vw; margin-right: 15px; color: #333; }
  .bread ul li:before { background: #004884; }
  .bread ul li a { color: #333; }
  /*news-info*/
  .banner-center { bottom: auto; top: 50%; transform: translate(-50%, -50%); }
  .banner-detail img { height: 210px; background-size: cover; }
  .banner-left { width: 100%; }
  .banner-left em { font-size: 16px; }
  .banner-left h1 { font-size: 18px; line-height: 24px; margin-top: 10px; }
  .banner-left p { font-size: 14px; margin-top: 12px; }
  .banner-left p span { margin-right: 10px; }
  .banner-right { display: none; }
  .detail { padding-bottom: 7.8vw; }
  .detail-center { margin: 30px auto 0px; }
  .detail-left { width: 100%; padding: 10px 20px 20px; }
  .detail-content { line-height: 25px; font-size: 14px; }
  .detail-content p { margin: 16px auto; }
  .detail-content img { width: auto; height: auto; max-width: 100%; }
  .detail-content ul { padding-left: 20px; }
  .detail-tag { margin-top: 20px; }
  .detail-tag a { margin-bottom: 10px; }
  .detail-back { margin-top: 20px; }
  .detail-page { margin-top: 20px; }
  .detail-page span { width: 120px; height: 40px; line-height: 40px; }
  .detail-page span a { font-size: 14px; }
  .detail-page span:hover { width: 120px; }
  .detail-right { width: 100%; position: relative; top: 0%; margin-top: 20px; }
  .detail-right h3 { font-size: 18px; }
  /*shehuizeren*/
  .sz-1 { padding: 30px 0px; display: block; }
  .sz-1left { width: 100%; }
  .sz-1left h3 { font-size: 18px; }
  .sz-1info { line-height: 24px; font-size: 14px; }
  .sz-1right { width: 100%; margin-top: 15px; }
  .sz-pannel { margin: 0px auto; }
  .sz-pannel em { font-size: 40px; }
  .sz-pannel span { font-size: 18px; margin-top: -15px; }
  .sz-info { width: 100%; line-height: 22px; font-size: 12px; }
  .sz-slide .conters { width: 70%; }
  .sz-slide .swiper-slide { height: 11vw; }
  .sz-slide .swiper-button-prev { margin: 2vw 10px 0px 0px; width: 32px; height: 32px; }
  .sz-slide .swiper-button-next { margin: 2vw 0px 0px 10px; width: 32px; height: 32px; }
  .sz-bottom { width: 90%; position: relative; margin: 18px auto; right: 0px; bottom: 0px; height: 58px; line-height: 58px; font-size: 14px; }
  .sz-item { display: block; }
  .sz-des { line-height: 20px; font-size: 12px !important; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; }
  /*yewu*/
  .yewu-top h3 { font-size: 18px; }
  /*zcc-guoji*/
  .gj-1 h3 { font-size: 18px; width: 100%; }
  .gj-1video { float: left; width: 100%; }
  .gj-1info { width: 100%; }
  .gj-2 { height: 140vw; }
  .gj-2 h3 { font-size: 24px; }
  .gj-2content { width: 90%; }
  .gj-2bottom { bottom: 3.5vw; }
  .gj-2item samp { height: 8vw; }
  .gj-3content .swiper-slide { height: 42vw; }
  .gj-3content .swiper-slide-active .gj-3item { width: 42vw; height: 42vw; }
  .gj-3content .swiper-slide.item-prev .gj-3item, .gj-3content .swiper-slide-prev .gj-3item { left: 33%; }
  .gj-3item { width: 14.2vw; height: 14.2vw; }
  .gj-3des { width: 100%; box-sizing: border-box; padding: 0px; }
  .gj-3des::before, .gj-3des::after { display: none; }
  .gj-4 h3 { font-size: 18px; }
  .gj-4content { position: relative; }
  .gj-4content .swiper-slide { height: 63vw; }
  .gj-arr { display: none; }
  .gj-4content .swiper-button-prev { width: 32px; height: 32px; overflow: hidden; background: url("../images/icon-14.png") no-repeat center; transform: rotate(180deg); opacity: 0.7; }
  .gj-4content .swiper-button-next { width: 32px; height: 32px; overflow: hidden; background: url("../images/icon-14.png") no-repeat center; opacity: 0.7; }
  /*zcc-zhengxin*/
  .zx-1 { padding-top: 30px; }
  .zx-1 h3 { font-size: 18px; }
  .zx-1content { width: 100%; margin-top: 20px; margin-left: 0%; display: block; }
  .zx-1pannel { width: 100%; height: auto; padding: 0px; position: relative; padding: 20px 0px; }
  .zx-1pannel.active { width: 100%; }
  .zx-1pic { transform: skewX(0deg); position: absolute; left: 0px; top: 0px; z-index: 1; }
  .zx-1pic img { width: 100%; height: 100%; transform: skewX(0deg) translateX(0%); left: 0%; }
  .zx-1pannel:nth-child(1) { margin-left: 0%; }
  .zx-1item { width: 90%; position: relative; left: 0px; top: 0px; transform: translate(0px, 0px); z-index: 4; margin: 0px auto; }
  .zx-1pannel:nth-child(1).active .zx-1item { left: 0%; }
  .zx-1item h4 { font-size: 16px; }
  .zx-1info { font-size: 12px; margin-top: 4px; line-height: 20px; padding-bottom: 15px; background-size: 13px; }
  .zx-1item ul { margin-top: 20px; display: flex; flex-wrap: wrap; }
  .zx-1item ul li { width: 48%; margin-bottom: 10px; margin-right: 0px; }
  .zx-1pannel.active .zx-1item h4, .zx-1pannel .zx-1item h4 { font-size: 18px; }
  .zx-1pannel:nth-child(1) .zx-1arr { left: 0%; }
  .zx-1pannel:nth-child(1) .zx-1item h4 { width: 100%; transform: translateX(0%); }
  .zx-1pannel:nth-child(1).active .zx-1item h4 { width: 100%; transform: translateX(0%); }
  .zx-1pannel:nth-child(4) .zx-1item h4 { transform: translateX(0%); }
  .zx-1pannel:nth-child(4) .zx-1item h4 { transform: translateX(0%); }
  .zx-2 { padding: 30px 0px; }
  .zx-2head h3 { font-size: 18px; }
  .zx-2 ul { margin-top: 20px; }
  .zx-2 ul li { width: 20%; float: left; }
  .zx-2 ul li samp { height: 30px; }
  .zx-2 ul li span { font-size: 14px; margin-top: 10px; }
  .zx-2item span { font-size: 16px; }
  .zx-2info { line-height: 23px; font-size: 14px; }
  /*zcc-chengxin*/
  .gj-1.cx .gj-1video { margin-top: 10px; }
  .gj-1.cx .gj-1info { width: 100%; }
  .cx-2 { height: auto; padding: 30px 0px; }
  .cx-2bg { position: absolute; left: 0px; top: 0px; z-index: 2; }
  .cx-2head { width: 100%; position: relative; right: 0px; top: 0px; z-index: 12; text-align: center; font-size: 22px; }
  .cx-2nav { display: none; }
  .cx-2content { width: 90%; margin: 20px auto 0px; position: relative; z-index: 12; left: 0px; top: 0px; transform: translate(0px, 0px); padding-bottom: 80px; }
  .cx-2ver h3 { font-size: 18px; line-height: 26px; }
  .cx-2ver { width: 100%; }
  .cx-3 h3 { text-align: center; font-size: 18px; }
  .cx-3left { width: 100%; }
  .cx-3right { width: 100%; position: relative; }
  .cx-3content { padding-bottom: 0px; }
  .prop-pic-close { width: 40px; height: 40px; right: 20px; top: 20px; }
  .prop-pic img { max-width: 90%; max-height: 70%; }
  .cx-4 { width: 100%; overflow: hidden; padding-top: 9.5vw; }
  .cx-4 h3 { font-size: 18px; }
  .cx-4content { margin-top: 18px; height: auto; }
  .cx-4center { width: 90%; margin: 0px auto; display: block; border-left: none; padding: 0px; }
  .cx-4item { height: auto; border-right: none; padding: 0px; border-bottom: 1px rgba(255, 255, 255, 0.5) solid; padding: 30px 0px; }
  .cx-4ver { width: 100%; overflow: hidden; margin: 0px auto; }
  .cx-4ver samp { height: 40px; }
  .cx-4ver samp img { height: 100%; max-width: 70%; max-height: 100%; left: 0%; transform: translateX(0%); bottom: 0px; opacity: 1; }
  .cx-4ver span { text-align: left; font-size: 16px; margin-top: 20px; }
  .cx-4ver p { text-align: left; font-size: 13px; opacity: 1; }
  .cx-4item.active .cx-4ver span { font-size: 16px; margin-top: 20px; }
  .cx-4item:last-child { border: none; }
  /*keji*/
  .kj-1 { margin: 30px auto; }
  .kj-1left { width: 100%; height: 50vw; }
  .kj-1right { width: 100%; position: relative; right: 0px; float: left; top: 0px; transform: translateY(0px); box-sizing: border-box; padding: 20px; }
  .kj-1right h3 { font-size: 18px; }
  .kj-2 { height: auto; padding: 30px 0px; }
  .kj-2bg { position: absolute; left: 0px; top: 0px; z-index: 2; }
  .kj-2head { width: 100%; position: relative; left: 0px; top: 0px; z-index: 12; }
  .kj-2head h3 { font-size: 18px; }
  .kj-2head p { width: 90%; line-height: 22px; }
  .kj-2content { position: relative; z-index: 12; margin-top: 20px; height: auto; }
  .kj-2content::before { display: none; }
  .kj-2content .swiper-container { height: auto; padding: 0px; }
  .kj-2content .swiper-slide { flex-wrap: wrap; }
  .kj-2pannel { width: 70%; position: relative; left: 0%; bottom: 0px; transform: translateX(0%) translateY(0%); padding-bottom: 0px; opacity: 1; margin: 10px auto 0px; }
  .kj-2pannel samp { width: 100%; height: 60px; display: block; overflow: hidden; position: relative; }
  .kj-2pannel .kj-2info { width: 92%; line-height: 24px; font-size: 14px; }
  .kj-2content .swiper-slide.active .kj-2pannel { opacity: 1; transform: translateX(0%) translateY(0px); }
  .kj-2item { position: relative; left: 0px; bottom: auto; }
  .kj-2item em { display: none; }
  .kj-2item span { font-size: 16px; }
  .kj-2content .swiper-slide.active .kj-2item span { font-size: 16px; }
  .kj-2content .swiper-button-prev { width: 34px; height: 34px; left: 15px; top: 62%; bottom: auto; }
  .kj-2content .swiper-button-next { width: 34px; height: 34px; right: 15px; top: 62%; bottom: auto; }
  .kj-3 h3 { font-size: 18px; }
  .kj-3content { margin: 10px auto 0px; }
  .kj-3item { width: 50%; }
  /*zcc-touzi*/
  .tz-1 .swiper-slide { height: 48vw; }
  .tz-1ver span { font-size: 20px; }
  .tz-1ver p { width: 97%; font-size: 14px; line-height: 24px; margin-top: 7px; }
  .tz-1 .swiper-pagination { right: 20px; bottom: 20px; }
  .tz-1 .swiper-pagination span { margin-left: 10px; }
  .tz-2 { height: 30vh; }
  .tz-3 .swiper-slide:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.2); z-index: 1; }
  .tz-3info { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 52px; }
  .tz-3ver { z-index: 2; }
  .tz-3ver a { width: 90px; height: 38px; line-height: 38px; }
  .tz-3ver em { margin-top: 7px; }
  .tz-4 { right: -30px; z-index: 2; }
  .tz-4 .swiper-container { height: 0px; opacity: 0; visibility: hidden; }
  .tz-4 .swiper-button-prev { width: 32px; height: 32px; bottom: -100px; border: 1px #cacbcb solid; left: 30px; }
  .tz-4 .swiper-button-next { width: 32px; height: 32px; bottom: -100px; border: 1px #cacbcb solid; }
  .tz-5map { width: 100%; overflow: hidden; position: relative; }
  .tz-5map img { width: 100%; height: auto; overflow: hidden; }
  .tz-pos { width: auto; position: absolute; right: 0px; top: 0px; z-index: 12; }
  .tz-pos span { width: auto; display: block; padding-left: 20px; font-size: 16px; color: #333; font-family: "SOURCEHANSANSCN-REGULAR"; position: relative; cursor: pointer; }
  .tz-pos span:before { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-79.png") no-repeat left center; opacity: 1; }
  .tz-pos span:after { width: 100%; content: ""; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/icon-78.png") no-repeat left center; opacity: 0; }
  .tz-pos.pos1 { right: 11%; top: 36%; }
  .tz-pos.pos2 { right: 17%; top: 63%; }
  .tz-pos.pos3 { right: 7%; top: 62%; }
  .tz-pos.pos4 { right: 14%; top: 85%; }
  .tz-prop { width: 180px; position: absolute; right: 0px; bottom: 30px; z-index: 20; opacity: 0; transform: scale(0); transform-origin: bottom; }
  .tz-prop:before { width: auto; content: ""; position: absolute; right: 20px; bottom: -7px; border-left: 10px transparent solid; border-right: 10px transparent solid; border-top: 10px #033359 solid; }
  .tz-prop img { width: 100%; height: auto; overflow: hidden; border-radius: 5px; }
  .tz-pos:hover .tz-prop { opacity: 1; }
  .tz-5head { position: relative; left: 0px; top: 0px; transform: translate(0px, 0px); margin: 30px auto 0px; overflow: hidden; }
  .tz-5head h3 { font-size: 18px; }
  .tz-5info { width: 100%; font-size: 14px; line-height: 24px; margin-top: 14px; }
  .tz-5map { width: 160%; margin-left: -60%; margin-top: 20px; }
  .tz-pos:hover .tz-prop { transform: scale(0.7); }
  .tz-close { width: 26px; height: 26px; right: 15px; top: 10px; }
  .tz-detail-center .swiper-button-prev { width: 26px; height: 26px; right: 70px; top: 32%; }
  .tz-detail-center .swiper-button-next { width: 26px; height: 26px; right: 30px; top: 32%; }
  .tz-detail-ver h4 { font-size: 18px; }
  .tz-detail-info { height: 140px; }
  /*video*/
  .video { padding: 0px 0px 30px; }
  .video-top { height: 24vw; }
  .video-item { width: 48%; margin: 15px 2% 0px 0px; }
  .video-item:nth-child(3n) { margin: 15px 2% 0px 0px; float: left; }
  .video-item:nth-child(2n) { margin-right: 0px; float: right; }
  .video-top:before { width: 8vw; height: 8vw; }
  .video-top:after { width: 8vw; height: 8vw; }
  /*wenhua*/
  .wh-1 { padding: 40px 5%; }
  .wh-1left { width: 100%; }
  .wh-1item samp { height: 41.8%; }
  .wh-1right { margin-top: 30px; width: 100%; padding-bottom: 30px; }
  .wh-1right:before { display: none; }
  .wh-1right ul { display: none; }
  .wh-1pag { width: 100px; margin: 0px auto; display: block; float: none; }
  .wh-1pag .swiper-button-prev { width: 42px; height: 42px; }
  .wh-1pag .swiper-button-next { width: 42px; height: 42px; }
  .wh-2center { margin-top: -57vw; }
  .wh-2head h3 { font-size: 18px; }
  .wh-2head p { width: 100%; line-height: 22px; font-size: 13px; }
  .wh-2content { margin-top: -22px; }
  .wh-2content ul li { padding: 0px 4px; height: 28px; line-height: 28px; margin-right: 6px; font-size: 14px; }
  .wh-2right { display: none; }
  .wh-2pannel { top: 0px; margin-top: 90px; }
  .wh-2info { width: 100%; }
  .wh-3 { padding: 200px 0px 40px; }
  .wh-3 h3 { font-size: 18px; line-height: 24px; }
  .wh-3content { margin: 20px auto 0px; }
  .wh-3item { height: 280px; }
  .wh-3item.active .wh-3num { top: 60px; left: 15px; }
  .wh-3item.active .wh-3wz { top: 124px; left: 15px; font-size: 18px; }
  .wh-3item.active .wh-3wz em { transform: translateX(2rem); }
  .wh-4 { padding: 6vw 0px 10vw; }
  .wh-4 h3 { font-size: 18px; }
  .wh-4content .swiper-container { width: 100%; margin-left: 0px; }
  .wh-4content .swiper-slide { height: 52vw; }
  .wh-4 .swiper-pagination { display: none; }
  .wh-4content .swiper-button-prev { left: 2.5%; width: 36px; height: 36px; opacity: 0.7; }
  .wh-4content .swiper-button-next { right: 2.5%; width: 36px; height: 36px; opacity: 0.7; }
  /*about*/
  .about-1left h3 { font-size: 18px; }
  .about-1info { line-height: 26px; }
  .about-2center h3 { font-size: 18px; }
  .about-2des { font-size: 15px; }
  .about-2info { line-height: 26px; margin-top: 12px; }
  .about-2bottom { margin-top: 14px; }
  .about-3head h3 { font-size: 18px; }
  .about-3content { margin: 15px auto 0px; }
  .about-3pannel { height: auto; }
  .about-3left { width: 100%; }
  .about-3right { float: left; width: 100%; position: relative; top: 0px; padding: 20px 0px; height: 200px; }
  .about-3right span { font-size: 24px; }
  .about-3right p { font-size: 14px; line-height: 24px; }
  .about-3nav { display: none; }
  .about-4content .swiper-slide img { height: 300px; object-fit: cover; }
  .about-4ver { top: 40%; }
  .about-4ver h3 { font-size: 20px; transform: translateY(-10px); }
  .about-4ver span { font-size: 18px; }
  .about-4nav { bottom: 30px; }
  .about-4nav ul { width: 100%; text-align: center; }
  .about-4nav ul li { width: 80px; margin: 0px; font-size: 12px; }
  .about-5 h3 { font-size: 18px; }
  .about-5content { margin-top: 0px; }
  .about-5item { width: 100%; margin-top: 12px; }
  .about-5top { height: 47vw; }
  .about-5top::before { width: 13vw; height: 13vw; }
  .about-6 { padding-top: 210px; background: #f3f3f3; }
  .about-6bg span { height: 300px; display: block; }
  .about-6bg span img { width: auto; height: 520px; object-fit: cover; float: right; margin-top: -125px; transform: translateX(60px); }
  .about-6map { right: 10%; top: auto; bottom: 9%; }
  .about-6content h4 { font-size: 20px; }
  .gj-3content .swiper-button-prev { display: none; }
  .gj-3content .swiper-button-next { display: none; } }