@-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)
}
}


@keyframes zhuanquan { 0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@keyframes suofang { 0% {
transform:scale(1)
}
100% {
transform:scale(1.3)
}
}
@keyframes updown { 0% {
opacity:0;
transform:translateY(60px)
}
100% {
opacity:1;
transform:translateY(0px)
}
}
@keyframes picslide { 0% {
transform:scale(0.5) translateX(-50%);
opacity:0
}
100% {
transform:scale(1) translateX(-50%);
opacity:1
}
}
@keyframes picslide3 { 0% {
transform:scale(0.9) translate(-50%, -50%);
opacity:0
}
100% {
transform:scale(1) translate(-50%, -50%);
opacity:1
}
}
@keyframes picslide2 { 0% {
transform:scale(0.8);
opacity:0
}
100% {
transform:scale(1);
opacity:1
}
}
@keyframes curmove { 0% {
transform:translateY(20px)
}
100% {
transform:translateY(5px)
}
}
}

.header { width: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; background: #fff; height: 56px; line-height: 56px; box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.02) }
.header-center { width: 75%; height: 100%; margin: 0px auto }
.logo { float: left; width: 146px; height: 100%; overflow: hidden }
.logo a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative }
.logo img { width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100% }
.logo a:hover { transform: translateY(3px) }
.header-right { float: right; width: auto; height: 100% }
.header-right ul, .header-right ul li { float: left; width: auto; height: 100% }
.header-right ul li { margin-left: 40px; padding: 0px 5px; position: relative }
.header-right ul li:before { width: 0%; height: 2px; content: ""; position: absolute; left: 0px; bottom: 0px; background: #0d6a89 }
.header-right ul li span a { font-size: 16px; color: #7d7d7d }
.header-right ul li.active span a, .header-right ul li:hover span a { color: #0d6a89 }
.header-right ul li.active:before, .header-right ul li:hover:before { width: 100% }
.header-right ul li:nth-child(3) { position: static }
.header-phone { float: left; width: auto; margin-left: 60px; height: 56px; line-height: 56px; overflow: hidden; padding-left: 32px; background: url("../images/icon-1.png") no-repeat left center; font-size: 16px; color: #0d6a89; font-weight: bold }
.header-phone a { color: #0d6a89 }
.header-lang { float: left; width: 22px; height: 100%; margin-left: 40px; background: url("../images/icon-2.png") no-repeat center; background-size: 100% }
.header-lang a { width: 100%; height: 100%; display: block; overflow: hidden }
.header-lang:hover { transform: translateY(3px) }
.header-langsj { display: none }


.content { width: 100%; overflow: hidden }
.hcor { width: 100%; height: 68px; background: -webkit-linear-gradient(left, #0d6a89 76%, #44c1d1); background: -moz-linear-gradient(left, #0d6a89 76%, #44c1d1); background: -ms-linear-gradient(left, #0d6a89 76%, #44c1d1); background: -o-linear-gradient(left, #0d6a89 76%, #44c1d1); position: relative }
.hcor ul { width: 75%; height: 100%; margin: 0px auto; position: relative; z-index: 22 }
.hcor ul li { float: left; width: 33.33%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative }
.hcor ul li:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 2; background: -webkit-linear-gradient(left, #1da1c3, #09dbec); background: -moz-linear-gradient(left, #1da1c3, #09dbec); background: -ms-linear-gradient(left, #1da1c3, #09dbec); background: -o-linear-gradient(left, #1da1c3, #09dbec); opacity: 0 }
.hcor ul li samp { width: auto; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; padding-right: 20px; z-index: 20 }
.hcor ul li samp:before { width: 2px; height: 60%; content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background: #fff }
.hcor ul li samp img { width: auto; height: auto; max-height: 58% }
.hcor ul li span { width: auto; display: block; margin-left: 15px; font-size: 18px; color: #fff; position: relative; z-index: 20 }
.hcor ul li em { width: auto; display: block; margin-left: 10px; font-size: 14px; color: #fff; position: relative; z-index: 20 }
.hcor ul li:hover:before { opacity: 1 }
.hcor-pannel { width: 100%; height: 63px; background: #deecee; position: absolute; left: 0px; top: 68px; box-sizing: border-box; padding: 0px calc((100% - 75%)/2); opacity: 0; visibility: hidden }
.hcor-item { width: 100%; overflow: hidden; height: 100%; text-align: center; opacity: 0; transform: translateY(20px); position: absolute; left: 0px; top: 68px; z-index: 12; height: 63px; line-height: 63px }
.hcor-item a { font-size: 16px; color: #888; margin: 0px 5px }
.hcor-item a:hover { color: #0d6a89 }
.hcor:hover .hcor-pannel { opacity: 1; visibility: visible }
.hcor ul li:hover .hcor-item { opacity: 1; transform: translateY(0px) }
.hpro { width: 100%; overflow: hidden; height: 47.7vw; background: url("../images/bg-7.jpg") no-repeat; background-position: center; background-repeat: no-repeat; background-size: cover }
.hpro-center { width: 75%; overflow: hidden; margin: 11.7vw auto 0px; padding: 0px 135px; position: relative }
.hpro-item { width: 100%; height: 100%; overflow: hidden }
.hpro-left { float: left; width: 26%; text-align: right }
.hpro-type { float: left; width: 100%; overflow: hidden; font-size: 48px; color: #0d6a89; font-weight: bold; transform: translateY(60px); opacity: 0 }
.hpro-title { float: left; width: 100%; overflow: hidden; font-size: 18px; color: #777; transform: translateY(60px); opacity: 0 }
.hpro-title span { font-size: 36px; color: #0d6a89; font-weight: lighter; margin-left: 16px }
.hpro-subname { float: left; width: 100%; overflow: hidden; font-size: 24px; color: #0d6a89; margin-top: 35px; transform: translateY(60px); opacity: 0 }
.hpro-info { float: left; width: 100%; overflow: hidden; text-align: right; line-height: 30px; font-size: 14px; color: #777; margin-top: 20px; transform: translateY(60px); opacity: 0 }
.hpro-more { float: right; width: auto; margin-top: 54px; transform: translateY(60px); opacity: 0 }
.hpro-more a { width: 145px; height: 36px; line-height: 36px; background: url("../images/icon-7.png") no-repeat; background-size: 100%; overflow: hidden; display: block; font-size: 18px; color: #fff; text-align: center }
.hpro-more span { margin-left: 25px }
.hpro-more a:hover { transform: translateY(5px) }
.hpro-right { float: right; width: 68%; overflow: hidden; position: relative; text-align: center }
.hpro-right img { width: auto; height: auto; max-width: 74%; opacity: 0 }
.hpro .swiper-button-prev { width: 39px; height: 39px; overflow: hidden }
.hpro .swiper-button-prev:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8.png") no-repeat; background-size: 100%; transform: rotateY(180deg) }
.hpro .swiper-button-prev:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8-1.png") no-repeat; background-size: 100%; transform: rotateY(180deg); opacity: 0 }
.hpro .swiper-button-next { width: 39px; height: 39px; overflow: hidden }
.hpro .swiper-button-next:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8.png") no-repeat; background-size: 100% }
.hpro .swiper-button-next:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8-1.png") no-repeat; background-size: 100%; opacity: 0 }
.hpro .swiper-button-prev:hover:before, .hpro .swiper-button-next:hover:before { opacity: 0 }
.hpro .swiper-button-prev:hover:after, .hpro .swiper-button-next:hover:after { opacity: 1 }
.hpro-center .swiper-slide-active .hpro-type { animation: updown 0.8s ease 1; animation-fill-mode: forwards }
.hpro-center .swiper-slide-active .hpro-title { animation: updown 0.8s ease 0.1s 1; animation-fill-mode: forwards }
.hpro-center .swiper-slide-active .hpro-subname { animation: updown 0.8s ease 0.2s 1; animation-fill-mode: forwards }
.hpro-center .swiper-slide-active .hpro-info { animation: updown 0.8s ease 0.3s 1; animation-fill-mode: forwards }
.hpro-center .swiper-slide-active .hpro-more { animation: updown 0.8s ease 0.4s 1; animation-fill-mode: forwards }
.hpro-center .swiper-slide-active .hpro-right img { animation: picslide2 0.8s ease 1; animation-fill-mode: forwards }
.hsolve { width: 100%; overflow: hidden }
.hsolve-item { float: left; width: 25%; height: 100vh; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; position: relative; z-index: 5 }
.hsolve-item:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 2 }
.hsolve-item:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 3; background: url("../images/bg-8.jpg") no-repeat; background-size: cover; opacity: 0 }
.hsolve-item:nth-child(1):before { background: rgba(56,170,204,0.95) }
.hsolve-item:nth-child(2):before { background: rgba(50,159,193,0.95) }
.hsolve-item:nth-child(3):before { background: rgba(30,133,160,0.95) }
.hsolve-item:nth-child(4):before { background: rgba(4,106,136,0.95) }
.hsolve-item samp { width: 100%; display: block; overflow: hidden; text-align: center; position: relative; z-index: 12; height: 111px }
.hsolve-item samp img { width: auto; height: auto; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.hsolve-item span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 42px; color: #fff; position: relative; z-index: 12; margin-top: 48px }
.hsolve-pannel { width: 100%; position: relative; z-index: 20; display: none }
.hsolve-info { width: 61%; overflow: hidden; margin: 20px auto 0px; line-height: 32px; font-size: 16px; color: #fff; padding-top: 46px; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5 }
.hsolve-info:before { width: 100%; height: 3px; content: ""; position: absolute; left: 0px; top: 0px; background: #fff; border-radius: 2px }
.hsolve-more { width: 100% }
.hsolve-more a { width: 152px; height: 38px; line-height: 38px; margin: 100px auto 0px; overflow: hidden; background: url("../images/icon-29.png") no-repeat; background-size: 100%; display: block; text-align: center; font-size: 18px; color: #116f8c }
.hsolve-more em { margin-left: 20px }
.hsolve-item:hover:after { opacity: 1 }
.hsolve-more a:hover { transform: translateY(5px) }
.hyy { width: 100%; overflow: hidden; padding: 85px 0px 30px; background: url("../images/bg-6.jpg") no-repeat left bottom; background-size: 100% }
.hyy-content { width: 75%; overflow: hidden; padding: 0px 135px; margin: 90px auto 0px; position: relative }
.hyy-item { width: 100%; overflow: hidden; height: 100% }
.hyy-left { float: left; width: 36%; margin-top: 4.5vw }
.hyy-left .h4 { float: left; width: 100%; overflow: hidden; font-size: 48px; color: #106a87; font-weight: bold; transform: translateY(60px); opacity: 0 }
.hyy-left em { float: left; width: 100%; overflow: hidden; font-size: 32px; color: #106a87; margin-top: 10px; transform: translateY(60px); opacity: 0 }
.hyy-info { float: left; width: 100%; overflow: hidden; line-height: 36px; font-size: 18px; color: #5e6060; margin-top: 35px; transform: translateY(60px); opacity: 0 }
.hyy-more { float: left; width: auto; margin-top: 60px; transform: translateY(60px); opacity: 0 }
.hyy-more a { float: left; width: 145px; height: 36px; line-height: 36px; overflow: hidden; background: url("../images/icon-7.png") no-repeat; overflow: hidden; display: block; height: 100%; font-size: 18px; color: #fff; text-align: center }
.hyy-more span { margin-left: 25px }
.hyy-more a:hover { transform: translateY(5px) }
.hyy-right { float: right; width: 36.4vw; overflow: hidden; background-size: 100%; text-align: center; height: 31.66vw; position: relative }
.hyy-right img { width: auto; height: auto; max-width: 90%; max-height: calc(100% - 4.6vw); position: absolute; left: 50%; transform: translateX(-50%); bottom: 4.6vw; transform-origin: bottom left; opacity: 0 }
.hyy-content .swiper-button-prev { width: 39px; height: 39px; overflow: hidden }
.hyy-content .swiper-button-prev:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8.png") no-repeat; background-size: 100%; transform: rotateY(180deg) }
.hyy-content .swiper-button-prev:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8-1.png") no-repeat; background-size: 100%; transform: rotateY(180deg); opacity: 0 }
.hyy-content .swiper-button-next { width: 39px; height: 39px; overflow: hidden }
.hyy-content .swiper-button-next:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8.png") no-repeat; background-size: 100% }
.hyy-content .swiper-button-next:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8-1.png") no-repeat; background-size: 100%; opacity: 0 }
.hyy-content .swiper-button-prev:hover:before, .hyy-content .swiper-button-next:hover:before { opacity: 0 }
.hyy-content .swiper-button-prev:hover:after, .hyy-content .swiper-button-next:hover:after { opacity: 1 }
.hyy-content .swiper-slide-active .hyy-left .h4 { animation: updown 0.8s ease 1; animation-fill-mode: forwards }
.hyy-content .swiper-slide-active .hyy-left em { animation: updown 0.8s ease 0.1s 1; animation-fill-mode: forwards }
.hyy-content .swiper-slide-active .hyy-info { animation: updown 0.8s ease 0.2s 1; animation-fill-mode: forwards }
.hyy-content .swiper-slide-active .hyy-more { animation: updown 0.8s ease 0.3s 1; animation-fill-mode: forwards }
.hyy-content .swiper-slide-active .hyy-right img { animation: picslide 0.8s ease 1; animation-fill-mode: forwards }
.hyy-nav { width: 100%; overflow: hidden; margin-top: 48px; position: relative }
.hyy-nav:before { width: 100%; content: ""; height: 3px; position: absolute; left: 0px; top: 36px; background: url("../images/icon-23.png") no-repeat center; background-size: 100% }
.hyy-nav .swiper { width: 75%; margin: 0px auto }
.hyy-pannel { width: 100%; overflow: hidden; height: 100%; cursor: pointer }
.hyy-pannel em { width: 76px; height: 76px; display: block; margin: 0px auto; overflow: hidden; position: relative; transform: scale(0.65) }
.hyy-pannel em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; border-radius: 50%; box-sizing: border-box; border: 2px #c3c8ca dashed }
.hyy-pannel em samp { width: 70%; height: 70%; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #d7d9d9; border-radius: 50% }
.hyy-pannel em samp:before { width: 40%; height: 40%; display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #5e6060; border-radius: 50% }
.hyy-pannel span { width: 100%; display: block; overflow: hidden; font-size: 24px; color: #5e6060; text-align: center; margin-top: 20px }
.hyy-nav .swiper-slide.active .hyy-pannel em { transform: scale(1) }
.hyy-nav .swiper-slide.active .hyy-pannel em:before { border: 2px #146d89 dashed; animation: zhuanquan 12s linear infinite }
.hyy-nav .swiper-slide.active .hyy-pannel em samp { background: #b3d6e0 }
.hyy-nav .swiper-slide.active .hyy-pannel em samp:before { background: #106a87 }
.hyy-nav .swiper-slide.active .hyy-pannel span { color: #106a87 }
.hcase { width: 100%; overflow: hidden; padding-top: 100px }
.hcase-content { width: 100%; overflow: hidden; position: relative; margin-top: 50px }
.hcase-top { width: 100%; overflow: hidden; position: relative }
.hcase-top .swiper-slide { position: relative }
.hcase-top .swiper-slide:before { width: 90%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 12; background: -webkit-linear-gradient(left, rgba(47,144,173,0.95) 30%, rgba(47,144,173,0)); background: -moz-linear-gradient(left, rgba(47,144,173,0.95) 30%, rgba(47,144,173,0)); background: -ms-linear-gradient(left, rgba(47,144,173,0.95) 30%, rgba(47,144,173,0)); background: -o-linear-gradient(left, rgba(47,144,173,0.95) 30%, rgba(47,144,173,0)) }
.hcase-top .swiper-slide img { width: 100%; height: auto }
.hcase-cont { width: 75%; position: absolute; left: 50%; transform: translateX(-50%); top: 9vw; z-index: 15 }
.hcase-cont .h3 { float: left; width: 100%; overflow: hidden; font-size: 40px; color: #fff; font-weight: bold; transform: translateY(60px); opacity: 0 }
.hcase-info { float: left; width: 780px; overflow: hidden; line-height: 42px; font-size: 24px; color: #fff; font-weight: lighter; margin-top: 36px; transform: translateY(60px); opacity: 0 }
.hcase-more { float: left; width: 100%; margin-top: 50px; transform: translateY(60px); opacity: 0 }
.hcase-more a { width: 145px; height: 36px; line-height: 36px; overflow: hidden; background: url("../images/icon-129.png") no-repeat; display: block; text-align: center; font-size: 18px; color: #116f8c }
.hcase-more span { margin-left: 25px }
.hcase-more a:hover { transform: translateY(5px) }
.hcase-top .swiper-slide-active .hcase-cont .h3 { animation: updown 0.8s ease 1; animation-fill-mode: forwards }
.hcase-top .swiper-slide-active .hcase-info { animation: updown 0.8s ease 0.1s 1; animation-fill-mode: forwards }
.hcase-top .swiper-slide-active .hcase-more { animation: updown 0.8s ease 0.2s 1; animation-fill-mode: forwards }
.hcase-bottom { width: 75%; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); z-index: 15; bottom: 2px; display: flex; justify-content: space-between }
.hcase-item { flex: 1; margin-right: 1px; height: 100px; overflow: hidden; background: #fff; border-radius: 5px 5px 0px 0px; position: relative; margin-top: 64px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center }
.hcase-item:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/bg-5.jpg") no-repeat; background-size: cover; opacity: 0 }
.hcase-item:last-child { margin-right: 0px }
.hcase-item.active { height: 164px; margin-top: 0px }
.hcase-item.active:before { opacity: 1 }
.hcase-item samp { width: 100%; height: 0px; display: block; overflow: hidden; position: relative; z-index: 20 }
.hcase-item samp img { width: auto; height: auto; position: absolute; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.hcase-item.active samp { height: 60px }
.hcase-item span { width: 27px; display: block; overflow: hidden; position: relative; z-index: 20 }
.hcase-item span img { width: 100%; height: auto }
.hcase-item.active span { width: 0px }
.hcase-item p { width: auto; overflow: hidden; font-size: 24px; color: #5e6060; margin-left: 10px; position: relative; z-index: 20 }
.hcase-item.active p { color: #fff; margin-top: 10px }
.hnews { width: 100%; overflow: hidden; background: url("../images/bg-4.jpg") no-repeat center; background-size: cover; padding: 110px 0px }
.hnews-head { width: 100%; display: block; overflow: hidden; text-align: center }
.hnews-center { width: auto; overflow: hidden; position: relative; display: inline-flex; justify-content: space-between; align-items: center; padding-bottom: 12px }
.hnews-center:before { width: 100%; content: ""; position: absolute; left: 0px; bottom: 0px; height: 4px; background: #0d6a89; border-radius: 2px }
.hnews-center samp { width: auto; display: block; overflow: hidden; margin-right: 12px }
.hnews-center .h3 { width: auto; overflow: hidden; font-size: 48px; color: #5e6060 }
.hnews-content { width: calc(75% + 20px); overflow: hidden; margin: 140px auto 0px; padding: 0px 135px; position: relative }
.hnews-content .swiper { padding: 0px 10px 90px; box-sizing: border-box }
.hnews-content .swiper-slide { background: #ffff; border-radius: 6px; overflow: hidden; box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.02) }
.hnews-content a { width: 100%; height: 100%; overflow: hidden; display: block }
.hnews-pic { width: 100%; height: 16vw; overflow: hidden; border-radius: 6px }
.hnews-pic img { width: 100%; height: 100%; object-fit: cover }
.hnews-content a:hover img { transform: scale(1.05) }
.hnews-cont { width: 100%; overflow: hidden; box-sizing: border-box; padding: 2.6vw }
.hnews-cont em { float: left; width: 100%; padding-left: 24px; font-size: 14px; color: #5e6060; background: url("../images/icon-10.png") no-repeat left center }
.hnews-cont span { float: left; width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 16px; color: #5e6060; margin-top: 18px }
.hnews-cont samp { float: right; width: 24px; height: 24px; overflow: hidden; position: relative; margin-top: 44px }
.hnews-cont samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-9.png") no-repeat center; background-size: 100% }
.hnews-cont samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-9-1.png") no-repeat center; background-size: 100%; opacity: 0 }
.hnews-content a:hover .hnews-cont span { color: #0d6a89; transform: translateY(7px) }
.hnews-content a:hover .hnews-cont samp:before { opacity: 0 }
.hnews-content a:hover .hnews-cont samp:after { opacity: 1 }
.hnews-more { width: 145px; height: 36px; line-height: 36px; overflow: hidden; margin: 0px auto; background: url("../images/icon-7.png") no-repeat }
.hnews-more a { width: 100%; overflow: hidden; display: block; height: 100%; font-size: 18px; color: #fff; text-align: center }
.hnews-more span { margin-left: 25px }
.hnews-more:hover { transform: translateY(5px) }
.hnews-content .swiper-slide:hover { box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.04) }
.hnews-content .swiper-button-prev { width: 39px; height: 39px; overflow: hidden }
.hnews-content .swiper-button-prev:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8.png") no-repeat; background-size: 100%; transform: rotateY(180deg) }
.hnews-content .swiper-button-prev:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8-1.png") no-repeat; background-size: 100%; transform: rotateY(180deg); opacity: 0 }
.hnews-content .swiper-button-next { width: 39px; height: 39px; overflow: hidden }
.hnews-content .swiper-button-next:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8.png") no-repeat; background-size: 100% }
.hnews-content .swiper-button-next:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-8-1.png") no-repeat; background-size: 100%; opacity: 0 }
.hnews-content .swiper-button-prev:hover:before, .hnews-content .swiper-button-next:hover:before { opacity: 0 }
.hnews-content .swiper-button-prev:hover:after, .hnews-content .swiper-button-next:hover:after { opacity: 1 }
.hform { width: 100%; overflow: hidden; background: url("../images/bg-2.jpg") no-repeat center; background-size: cover; padding: 66px 0px 50px }
.hform-head { width: 100%; overflow: hidden; text-align: center }
.hform form { width: 75%; overflow: hidden; margin: 32px auto 0px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 38px }
.hform-input { width: 32.8%; overflow: hidden; margin-top: 13px; background: #fff; border-radius: 10px; height: 57px; line-height: 57px; box-sizing: border-box; padding: 0px 30px }
.hform-input input { width: 100%; height: 100%; overflow: hidden; font-size: 21px; color: #0d6a89; background: none }
.hform-input input::placeholder {
color:#0d6a89 !important;
opacity:1
}
.hform-input input::-webkit-input-placeholder {
color:#0d6a89 !important;
opacity:1
}
.hform-input input::-ms-input-placeholder {
color:#0d6a89 !important;
opacity:1
}
.hform-input input::-moz-placeholder {
color:#0d6a89 !important;
opacity:1
}
.hform-input:hover, .hform-text:hover { box-shadow: 0px 0px 5px 2px #68f2f8 inset }
.hform-text { width: 100%; overflow: hidden; margin-top: 13px; background: #fff; border-radius: 10px }
.hform-text textarea { width: 100%; overflow: hidden; line-height: 24px; height: 100px; font-size: 21px; color: #0d6a89; background: none; box-sizing: border-box; padding: 15px 30px }
.hform-text textarea::placeholder {
color:#0d6a89 !important;
opacity:1
}
.hform-text textarea::-webkit-input-placeholder {
color:#0d6a89 !important;
opacity:1
}
.hform-text textarea::-ms-input-placeholder {
color:#0d6a89 !important;
opacity:1
}
.hform-text textarea::-moz-placeholder {
color:#0d6a89 !important;
opacity:1
}