@charset "UTF-8";
@keyframes move { 0% { transform: translate(0, 0); }
  25% { transform: translate(-60px, 0); }
  50% { transform: translate(-60px, -60px); }
  75% { transform: translate(0, -60px); }
  100% { transform: translate(0, 0); } }
@keyframes transY { 0% { opacity: 0; transform: translate(0, 50px); }
  100% { opacity: 1; transform: translate(0, 0); } }
.transY { animation: transY 1.6s ease-out; }

@keyframes transX { 0% { opacity: 0; transform: translate(0, -50px); }
  100% { opacity: 1; transform: translate(0, 0); } }
.transX { animation: transX 1.6s ease-out; }

@keyframes trans0 { 100% { opacity: 1; transform: translate(0, 0); } }
.trans0 { animation: trans0 1.6s ease-out forwards; }

@keyframes transCenter { 0% { opacity: 0; transform: translate(-50%, 50%); }
  100% { opacity: 1; transform: translate(-50%, -50%); } }
.transCenter { animation: transCenter 1.6s ease-out backwards; }

@keyframes transX_100 { 0% { opacity: 0; transform: translate(-100%, 0); }
  100% { opacity: 1; transform: translate(0, 0); } }
.transX_100 { animation: transX_100 1.6s ease-out backwards; }

@keyframes transX100 { 0% { opacity: 0; transform: translate(100%, 0); }
  100% { opacity: 1; transform: translate(0, 0); } }
.transX100 { animation: transX100 1.6s ease-out backwards; }

body { padding-top: 90px; }

.public-header { position: fixed; top: 0; left: 0; width: 100%; height: 90px; background: #00328c; z-index: 99; }
.public-header .wide { height: 100%; }

.header-logo { margin-top: 9px; }
.header-logo a { height: 82px;line-height: 82px; }

.header-ul { display: flex; }
.header-ul .header-li { margin-right: 60px; }
.header-ul .header-li.on > a { color: #2ccadd; }
.header-ul .header-li.on > a::after { transform: scaleX(1); }
.header-ul .header-li:hover > a { color: #2ccadd; }
.header-ul .header-li:hover > a::after { transform: scaleX(1); }
.header-ul .header-li:hover .sub-ul { transform: translate(0, 0); opacity: 1; visibility: visible; }
.header-ul .header-li > a { position: relative; font-size: 16px; line-height: 90px; color: #fff; }
.header-ul .header-li > a::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #2ccadd; transform: scaleX(0); transition: all .5s; }
.header-ul .sub-ul { position: absolute; top: 90px; left: 0; width: 100%; padding: 38px 0; text-align: center; background: #333; transform: translate(0, 20px); opacity: 0; visibility: hidden; transition: all .3s; z-index: 7; }
.header-ul .sub-ul li { display: inline-block; margin-right: 80px; }
.header-ul .sub-ul li:last-child { margin-right: 0; }
.header-ul .sub-ul a { font-size: 18px; color: #fff; }
.header-ul .sub-ul a:hover { color: #2ccadd; }

.header-search { margin-top: 24px; width: 240px; height: 42px; background-color: #ffffff; border-radius: 21px; border: solid 1px #e5e5e5; overflow: hidden; }
.header-search form { position: relative; padding-right: 54px; width: 100%; height: 100%; }
.header-search form ::-webkit-input-placeholder { color: #666666; opacity: .7; }
.header-search form input { padding-left: 20px; height: 100%; width: 100%; color: #666; }
.header-search form button { position: absolute; right: 0; top: 0; width: 54px; height: 100%; background: url(../images/icon/search.png) no-repeat center; border: none; cursor: pointer; }
.header-search form button::before { content: ""; display: block; position: absolute; top: 10px; left: 0; width: 1px; height: 20px; background-color: #e1e1e1; }

.public-footer { padding-top: 80px; background: #1a1b1d; }

.footer-top { padding: 0 26px 56px; }

.footer-top-left li { float: left; margin-right: 130px;min-width: 90px; }
.footer-top-left li:last-child { margin-right: 0; }
.footer-top-left li h3 { margin-bottom: 18px; font-size: 18px; color: #fff; }
.footer-top-left li > a { display: block; line-height: 36px; color: #939393; transition: all .4s; }
.footer-top-left li > a:hover { color: #2ccadd; transform: translate(4px, 0); }
.footer-top-left li p { line-height: 36px; color: #939393; }
.footer-top-left .bdshare-button-style0-16 { margin-top: 10px; }
.footer-top-left .bdshare-button-style0-16 a { padding: 0; margin: 0 15px 0 0; background: none; font-size: 26px; border-radius: 50%; overflow: hidden; height: 24px; width: 24px; line-height: 24px; background: #fff; }
.footer-top-left .bdshare-button-style0-16 a.iconfont::before { margin-left: -1px; }
.footer-top-left .bdshare-button-style0-16 a.iconweibo { color: #f15b5d; }
.footer-top-left .bdshare-button-style0-16 a.iconweixin1 { color: #46bb36; }
.footer-top-left .bdshare-button-style0-16 a.iconQQ { color: #1296db; }

.bd_weixin_popup { height: 300px !important; }

.bd_weixin_popup .bd_weixin_popup_foot { line-height: normal !important; }

.footer-top-right { text-align: center; }
.footer-logo{width: 130px;}
.footer-top-right .weixin-img { position: relative; margin-top: 25px; width: 130px; height: 130px; }
.footer-top-right p { margin-top: 15px; color: #ffffff; opacity: 0.5; }

.footer-bottom { padding: 28px 0; border-top: 1px solid #313234; }
.footer-bottom .wide { padding: 0 20px; }
.footer-bottom .wide p { color: #ffffff; opacity: 0.3; }
.footer-bottom .wide a { color: #fff; }
.footer-bottom .wide .putonfile { margin-left: 20px; }

.index-banner .text-img { position: absolute; top: 15.3%; left: 50%; transform: translate(-50%, 0); }
.index-banner video { position: absolute; top: 0; left: 0; width: 100%; }
.index-banner .swiper-slide { height: auto; }
.index-banner .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: .5; transition: all .4s; }
.index-banner .swiper-pagination-bullet-active { width: 36px; border-radius: 6px; opacity: 1; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets, .index-banner .swiper-pagination-custom, .index-banner .swiper-pagination-fraction { bottom: 48px; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }

.public-title { overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid rgba(39, 42, 47, 0.1); }
.public-title h3 { font-size: 32px; letter-spacing: 2px; color: #464646; }
.public-title h3::after { content: ""; display: inline-block; margin: auto 18px; width: 3px; height: 25px; background-color: #2ccadd; }
.public-title p { font-size: 30px; letter-spacing: 2px; color: #999999; }
.public-title a.fr { width: 114px; height: 40px; line-height: 40px; border: solid 1px #2ccadd; text-align: center; color: #2ccadd; transition: all .3s; }
.public-title a.fr:hover { color: #fff; background: #2ccadd; }
.public-title a.fr .iconfont { margin-left: 8px; transition: all .3s; }

.index-sec1 { padding-top: 50px; padding-bottom: 80px; overflow: hidden; }

.index1-con { margin-top: 40px; }

.index1-box { float: left; position: relative; padding: 54px 20px 65px; background: #f9f9f9; text-align: center; transition: all .3s; }
.index1-box:hover { background: #fff; box-shadow: 1px 2px 15px 0px rgba(0, 0, 0, 0.08); transform: translate(0, -3px); }
.index1-box:hover .line { transform: translate(0, 3px); opacity: 1; }
.index1-box .img { position: relative; margin: 0 auto; }
.index1-box h3 { margin-bottom: 10px; font-size: 24px; }
.index1-box p { color: #777777; }
.index1-box a { margin-top: 30px; width: 110px; height: 38px; border-radius: 19px; border: solid 1px #e5e5e5; line-height: 38px; color: #999999; transition: all .4s; }
.index1-box a:hover { background-color: #2fc8df; border-color: #2fc8df; color: #fff; }
.index1-box .line { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #2ccadd; opacity: 0; transition: all .3s; }

.index1-box1 { margin-bottom: 20px; width: 49.2%; }
.index1-box1:first-of-type { margin-right: 1.6%; }
.index1-box1 p { margin-bottom: 35px; }
.index1-box1 .img { width: 452px; height: 275px; }

.index1-box2 { margin-right: 1.55%; width: 32.3%; }
.index1-box2:nth-last-child(1) { animation-delay: .4s; }
.index1-box2:nth-last-child(2) { animation-delay: .2s; }
.index1-box2:last-of-type { margin-right: 0; }
.index1-box2 p { margin-bottom: 20px; }
.index1-box2 .img { height: 260px; }

.index-sec2 { padding-top: 60px; padding-bottom: 80px; background: #f7f7f7; }

.index2-swiper { margin-top: 40px; }
.index2-swiper .swiper-slide { width: 1200px; height: 680px;text-align: center; }
.index2-swiper .swiper-slide a { display: block; }
.index2-swiper .swiper-slide .text { position: absolute; bottom: 30px; left: 0; padding: 0 38px; width: 100%; height: 90px; line-height: 90px; overflow: hidden; opacity: 0; transition: all .3s; background: rgba(0, 0, 0, 0.5); }
.index2-swiper .swiper-slide .text a.fl { margin-left: 50px; font-size: 24px; letter-spacing: 1px; color: #ffffff; }
.index2-swiper .swiper-slide .time .month { font-size: 28px; font-weight: bold; color: #fff; }
.index2-swiper .swiper-slide .time .year { letter-spacing: 1px; color: #ffffff; }
.index2-swiper .swiper-pagination-bullet { margin-right: 9px; width: 11px; height: 11px; border-radius: 0; background: #fff; opacity: 1; }
.index2-swiper .swiper-pagination-bullet:last-child { margin-right: 0; }
.index2-swiper .swiper-pagination-bullet-active { background: #2ccadd; }
.index2-swiper .width1200 { position: absolute; left: 0; right: 0; bottom: 30px; margin: 0 auto; padding-right: 38px; width: 1200px; height: 90px; display: flex; justify-content: flex-end; align-items: center; }
.index2-swiper .swiper-pagination { position: static; margin: 0 20px; height: 100%; display: flex; align-items: center; }
.index2-swiper .swiper-button-prev, .index2-swiper .swiper-button-next { margin-top: 0; position: static; width: 10px; height: 18px; background-size: 10px 18px; }
.index2-swiper .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); }
.index2-swiper .swiper-slide-active .text { opacity: 1; }
.index2-swiper .cover { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 2; }
.index2-swiper .l { right: 50%; margin-right: 600px; }
.index2-swiper .r { left: 50%; margin-left: 600px; }

.index-sec3 { padding-top: 60px; padding-bottom: 80px; }

.index3-con { margin-top: 40px; }

.index3-ul { overflow: hidden; }
.index3-ul li { float: left; margin-right: 1.55%; position: relative; width: 32.3%; border-bottom: 2px solid #eee; }
.index3-ul li:last-child { margin-right: 0; }
.index3-ul li a { display: block; }
.index3-ul li:hover .line { width: 100%; }
.index3-ul li:hover .img img { transform: scale(1.1); }
.index3-ul li:hover .time .iconfont { color: #2ccadd; }
.index3-ul .time { margin-top: 28px; padding: 0 10px; }
.index3-ul .time span { letter-spacing: 1px; color: #888888; }
.index3-ul .time .iconfont { font-size: 44px; line-height: 20px; transition: all .5s; }
.index3-ul .text { margin: 26px 0; padding: 0 10px; }
.index3-ul .text h3 { margin-bottom: 10px; font-size: 20px; letter-spacing: 1px; color: #323232; }
.index3-ul .text p { height: 48px; line-height: 24px; color: #777777; -webkit-line-clamp: 2; overflow: hidden; }
.index3-ul .img { position: relative; height: 240px; overflow: hidden; }
.index3-ul .line { position: absolute; bottom: -2px; left: 0; width: 50px; height: 2px; background: #2ccadd; transition: all .3s; }

.index-sec4 { position: relative; padding-top: 88px; padding-bottom: 85px; }
.index-sec4 .abso-text { position: absolute; top: 44px; left: 0; right: 0; text-align: center; font-family: 思源黑体; font-size: 180px; font-style: italic; font-weight: bold; line-height: 120px; letter-spacing: 9px; color: #f3f5f6; z-index: -1; }
.index-sec4 .line { margin: 0 auto; width: 30px; height: 6px; background-color: #3d3d3d; }
.index-sec4 h3 { margin-top: 24px; font-weight: bold; font-size: 24px; letter-spacing: 1px; color: #3d3d3d; }
.index-sec4 p { margin-top: 58px; letter-spacing: 1px; color: #777777; }
.index-sec4 a { margin-top: 42px; width: 320px; height: 66px; background-color: #2ccadd; border-radius: 33px; text-align: center; font-size: 18px; line-height: 66px; letter-spacing: 1px; color: #ffffff; transition: all .3s; }
.index-sec4 a:hover { transform: translate(0, -3px); box-shadow: 0 3px 3px 3px rgba(44, 202, 221, 0.5); }
@media screen and (max-width: 1300px) {
  .index-sec4 .abso-text {font-size: 160px;}
}

/* 面包屑 */
.bread-nav { height: 60px; line-height: 60px; background-color: #f7f7f7; overflow: hidden; }
.bread-nav ul.fl li { float: left; height: 60px; }
.bread-nav ul.fl li.on a { color: #2ccadd; }
.bread-nav ul.fl li:last-child::after { display: none; }
.bread-nav ul.fl li::after { content: ""; display: block; float: right; margin: 23px 20px 0; height: 14px; width: 1px; background-color: #c3c3c3; }
.bread-nav ul.fl a { font-size: 18px; letter-spacing: 1px; color: #555555; }
.bread-nav ul.fl a:hover { color: #2ccadd; }
.bread-nav dl.fr .iconfont { margin-right: 5px; color: #2ccadd; }
.bread-nav dl.fr dd { display: inline-block; color: #777777; }
.bread-nav dl.fr dd a { color: #777; }
.bread-nav dl.fr span { color: #444444; }

.case { padding-top: 55px; padding-bottom: 60px; }

.case-con { margin-top: 30px; }

.case-ul li { margin-bottom: 15px; height: 450px; background: #eaf0f1; display: flex; }
.case-ul li:nth-child(2n) { flex-direction: row-reverse; }
.case-ul li:nth-child(2n):hover img { transform: translate(-10px, 0); }
.case-ul li:last-child { margin-bottom: 0; }
.case-ul li:hover img { transform: translate(10px, 0); }
.case-ul li .img { position: relative; width: 730px; transition: all .3s; }
.case-ul li .text { padding: 0 76px; display: flex; display: -webkit-flex; align-items: center; width: 570px; }
.case-ul li .text h3 { margin-bottom: 15px; font-size: 30px; letter-spacing: 2px; color: #424242; }
.case-ul li .text p { font-size: 16px; line-height: 30px; color: #555555; }
.case-ul li .text a { margin-top: 30px; width: 110px; height: 38px; line-height: 38px; border-radius: 19px; border: solid 1px #dcdcdc; text-align: center; letter-spacing: 1px; color: #999999; transition: all .3s; }
.case-ul li .text a:hover { color: #fff; background: #2ccadd; border-color: #2ccadd; }

.case-list-con .index3-ul { padding: 0 30px; }
.case-list-con .index3-ul li { width: 27.6%; margin-right: 8.6%; margin-bottom: 40px; border-bottom: none; border: 1px solid #d6d6d67a; transition: all .5s; }
.case-list-con .index3-ul li:nth-child(3n) { margin-right: 0; }
.case-list-con .index3-ul li:hover { box-shadow: 1px 3px 20px 1px rgba(204, 204, 204, 0.75); }
.case-list-con .index3-ul .img { height: 208px; }
.case-list-con .index3-ul .time { margin-top: 0; margin-bottom: 20px; padding: 0; }
.case-list-con .index3-ul .text { position: relative; margin: 0; padding: 26px 20px; height: 240px; }
.case-list-con .index3-ul .text h3 { margin-bottom: 12px; padding-bottom: 15px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #949494; }
.case-list-con .index3-ul .text .more { position: absolute; bottom: 26px; right: 20px; width: 100px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #2fc8df; border: 1px solid #2fc8df; border-radius: 30px; transition: all .5s; cursor: pointer; }
.case-list-con .index3-ul .text .more:hover { background: #2fc8df; color: #fff; }

.case-list .page { margin-top: 20px; }

.page { margin-top: 60px; height: 36px; }
.page ul { text-align: center; color: #666666; }
.page ul li { margin-right: 10px; display: inline-block; }
.page ul li:last-child { margin-right: 0; }
.page ul li.on a { background: #2ccadd; border-color: #2ccadd; color: #fff; }
.page ul a { display: block; padding: 0 14px; height: 36px; line-height: 36px; border: solid 1px #d2d2d2; border-radius: 4px; color: #666666; }
.page ul a:hover { background: #2ccadd; border-color: #2ccadd; color: #fff; }

.case-details { padding-top: 56px; padding-bottom: 80px; }
.case-details h1 { text-align: center; font-size: 30px; letter-spacing: 2px; color: #424242; }
.case-details .case-details-con { margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(39, 42, 47, 0.1); border-bottom: 1px solid rgba(39, 42, 47, 0.1); }
.case-details .case-details-con .case-swiper { padding: 0 60px; }
.case-details .case-details-page { margin-top: 30px; text-align: center; }
.case-details .case-details-page a { margin-right: 20px; width: 140px; height: 52px; line-height: 52px; background: #eaf0f1; border-radius: 5px; font-size: 18px; letter-spacing: 1px; color: #425254; }
.case-details .case-details-page a:last-child { margin-right: 0; }
.case-details .case-details-page a:hover { color: #fff; background: #2ccadd; }

.case-swiper { position: relative; padding: 0 60px; height: 460px; }
.case-swiper .swiper-container { height: 460px; }
.case-swiper .swiper-container .swiper-slide{text-align: center;}
.case-swiper .swiper-button-prev, .case-swiper .swiper-button-next { width: 40px; height: 134px; background-color: #2ccadd; background-size: 16px 28px; }
.case-swiper .swiper-button-prev:hover, .case-swiper .swiper-button-next:hover { opacity: .8; }
.case-swiper .swiper-button-prev { left: 0; }
.case-swiper .swiper-button-next { right: 0; }

.case-details-content { margin-top: 34px; padding: 0 60px; font-size: 16px; line-height: 30px; color: #555555; }

.news { padding-top: 55px; padding-bottom: 60px; }

.news-ul li { margin-bottom: 30px; padding: 20px 48px 20px 20px; height: 240px; background-color: #f9f9f9; transition: all .4s; }
.news-ul li:last-child { margin-bottom: 0; }
.news-ul li:hover { background-color: #fff; box-shadow: 0px 7px 42px 0px rgba(7, 0, 2, 0.07); }
.news-ul li:hover .text h3 { color: #2ccadd; }
.news-ul li:hover img { transform: scale(1.1); }
.news-ul li a { display: flex; }
.news-ul li .img { position: relative; width: 350px; height: 200px; overflow: hidden; }
.news-ul li .text { position: relative; margin-left: 42px; padding-top: 24px; flex: 1;width: 60%; }
.news-ul li .text .h3-time { display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.news-ul li .text .time { letter-spacing: 1px; color: #bbbbbb; }
.news-ul li .text h3 { font-size: 20px; letter-spacing: 1px; color: #323232; }
.news-ul li .text p { margin-top: 22px; height: 48px; line-height: 24px; color: #777777; -webkit-line-clamp: 2; overflow: hidden; }
.news-ul li .text .more { position: absolute; bottom: 20px; left: 0; width: 100px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #2fc8df; border: 1px solid #2fc8df; border-radius: 30px; transition: all .5s; cursor: pointer; }
.news-ul li .text .more:hover { background: #2fc8df; color: #fff; }

.news-details { padding-top: 70px; padding-bottom: 56px; }
.news-details .details-title { text-align: center; }
.news-details .details-title h1 { font-weight: bold; font-size: 32px; letter-spacing: 2px; color: #444444; }
.news-details .details-title p { margin-top: 14px; color: #888888; }
.news-details .details-content { margin-top: 20px; padding-top: 24px; border-top: 1px solid rgba(39, 42, 47, 0.1); border-bottom: 1px solid rgba(39, 42, 47, 0.1); line-height: 24px; color: #777777; }
.news-details .prev-next { margin-top: 24px; }
.news-details .prev-next ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.news-details .prev-next ul li { color: #666; font-size: 16px; }
.news-details .prev-next ul a { color: #666; }
.news-details .prev-next ul a:hover { color: #2ccadd; }

.service { padding-top: 55px; }

.service1, .service2, .service3 { position: relative; }

#service1, #service2, #service3 { position: absolute; top: -150px; }

.service1-con { margin-top: 40px; padding-bottom: 30px; }
.service1-con .text { float: left; padding-left: 20px; padding-top: 56px; width: 42.3%; }
.service1-con .text p { font-size: 16px; line-height: 32px; color: #555555; }
.service1-con .text .service-icons { margin-top: 65px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.service1-con .text .service-icons li { text-align: center; }
.service1-con .text .service-icons .icon-img { margin-bottom: 20px; }
.service1-con .text .service-icons p { line-height: 28px; color: #777; }
.service1-con .img { float: right; position: relative; margin-right: 30px; width: 48.4%; height: 420px; }
.service1-con .img::after { content: ""; display: block; position: absolute; top: 30px; right: -30px; width: 100%; height: 100%; background: #2ccadd; z-index: -1; animation: move 4s linear infinite; }

.service2 { margin-top: 55px; }
.service2 .service2-ul { margin-top: 40px; overflow: hidden; }
.service2 .service2-ul li { float: left; margin-bottom: 30px; padding: 50px 50px 50px 40px; width: 48.4%; height: 240px; background: #ffffff; border-radius: 8px; border: solid 1px #eeeeee; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; transition: all .4s; }
.service2 .service2-ul li:nth-child(2n) { float: right; }
.service2 .service2-ul li:hover { background-color: #f6f9fa; box-shadow: 3px 4px 15px 0px rgba(96, 100, 101, 0.1); border-color: #f6f9fa; transform: translate(-3px, -3px); }
.service2 .service2-ul .img { width: 118px; height: 140px; }
.service2 .service2-ul .text { width: 285px; }
.service2 .service2-ul .text h4 { font-size: 16px; letter-spacing: 1px; color: #555555; }
.service2 .service2-ul .text .time { display: inline-block; margin: 14px 0; font-size: 12px; color: #999999; }
.service2 .service2-ul .text p { height: 48px; font-size: 14px; line-height: 24px; color: #777777; -webkit-line-clamp: 2; overflow: hidden; }
.service2 .service2-ul .iconfont { font-size: 44px; color: #c3c3c3; transition: all .4s; }
.service2 .service2-ul .iconfont:hover { color: #2ccadd; }

.service3 { margin-top: 25px; padding-bottom: 28px; }
.service3 .service3-con { margin-top: 40px; overflow: hidden; }
.service3 .service3-con li { float: left; margin-right: 65px; margin-bottom: 50px; width: 390px; text-align: center; }
.service3 .service3-con li:nth-child(3n) { margin-right: 0; }
.service3 .service3-con li:hover img { transform: scale(1.1); }
.service3 .service3-con li .img { position: relative; height: 260px; overflow: hidden; }
.service3 .service3-con li p { margin-top: 16px; font-size: 16px; letter-spacing: 1px; color: #777777; }
.service3 .service3-con li .iconfont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 52px; color: #fff; transition: all .3s; }
.service3 .service3-con li .iconfont:hover { color: #2ccadd; }

.video-pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; }

.video-pop .video { position: absolute; top: 50%; left: 50%; width: 80%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.video-pop .video video { width: 100%; height: 100%; }

.close-video { position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; box-shadow: 0 5px 10px #aaa; text-align: center; background: #fff; font-size: 18px; cursor: pointer; }

.margin-top55 { margin-top: 55px; }

.margin-top30 { margin-top: 30px; }

.about { padding-top: 55px; padding-bottom: 60px; }

.about > div { position: relative; }

#about1, #about2, #about3, #about4, #about5, #about6, #about7 { position: relative; top: -150px; }

.about1-con { font-size: 16px; line-height: 26px; letter-spacing: 1px; color: #666666; }

.about2-con ul { overflow: hidden; }
.about2-con ul li { float: left; margin-right: 35px; width: 410px; }
.about2-con ul li:last-child { margin-right: 0; }
.about2-con ul .img { position: relative; height: 260px; }
.about2-con ul .text { margin-top: 24px; }
.about2-con ul .text h4 { margin-bottom: 10px; font-size: 20px; line-height: 22px; letter-spacing: 1px; color: #666666; }
.about2-con ul .text p { font-size: 16px; line-height: 22px; letter-spacing: 1px; color: #888888; }

.about4-con .thead { display: flex; align-items: center; height: 70px; background-color: #2fc8df; }
.about4-con .thead span { display: inline-block; flex: 1; text-align: center; font-weight: bold; font-size: 20px; color: #ffffff; }
.about4-con .tbody .tbody-line:nth-child(2n) .tr { background: #f9f9f9; }
.about4-con .tbody .tr { display: flex; align-items: center; height: 70px; cursor: pointer; }
.about4-con .tbody .tr:hover dd:last-child, .about4-con .tbody .tr.on dd:last-child { color: #2ccadd; }
.about4-con .tbody .tr dd { flex: 1; text-align: center; font-size: 16px; line-height: 32px; color: #666666; }
.about4-con .tbody .hide-content { padding: 25px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 14px; line-height: 32px; color: #888888; display: none; }

.about5 .about5-con { overflow: hidden; }
.about5 .about5-con li { float: left; position: relative; margin-right: 2%; margin-bottom: 25px; width: 18.4%; height: 160px; background-color: #f9f9f9;  transition: all .3s; }
.about5 .about5-con li:hover { filter: grayscale(0); -webkit-filter: grayscale(0); }
.about5 .about5-con li:nth-child(5n) { margin-right: 0; }

.about6-con { overflow: hidden; }
.about6-con .about6-left { padding-top: 20px; width: 32.3%; }
.about6-con .about6-left h2 { font-size: 26px; color: #666666; }
.about6-con .about6-left ul { margin-top: 36px; }
.about6-con .about6-left li { position: relative; margin-bottom: 14px; padding-left: 34px; font-size: 16px; line-height: 26px; color: #666666; }
.about6-con .about6-left li:last-child { margin-bottom: 0; }
.about6-con .about6-left li .iconfont { position: absolute; left: 0; font-size: 18px; color: #2fc8df; }
.about6-con .about6-left li .icondianhua { font-size: 20px; }
.about6-con .about6-left li .icondizhi { left: -2px; font-size: 22px; }
.about6-con .about6-left .weixin-img { margin-top: 48px; width: 100px; text-align: center; font-size: 14px; line-height: 36px; color: #666666; }

#map { width: 64.3%; height: 450px; }
#map img { max-width: none; max-height: none; }

.red-color { color: #f22c2d; }

.about7 form p { margin-bottom: 12px; font-size: 18px; line-height: 22px; letter-spacing: 1px; color: #888888; }
.about7 form .textarea-box { margin-bottom: 30px; width: 100%; }
.about7 form textarea { padding: 20px; width: 100%; height: 240px; background-color: #f9f9f9; border-radius: 10px; border: solid 1px #eeeeee; }
.about7 form .input-box { margin-bottom: 30px; }
.about7 form .input-box:last-of-type { margin-bottom: 0; }
.about7 form .input-box input { padding-left: 20px; width: 610px; height: 70px; background-color: #f9f9f9; border-radius: 10px; border: solid 1px #eeeeee; }
.about7 form .yzm { height: 70px; display: flex; align-items: center; }
.about7 form .yzm .yzm-img { position: relative; margin-left: 45px; height: 100%; width: 110px; }
.about7 form .yzm a { margin-left: 30px; font-size: 14px; letter-spacing: 1px; color: #00a2e9; }
.about7 form .yzm a:hover { text-decoration: underline; }
.about7 form button { margin-top: 60px; width: 100%; height: 76px; background-color: #2fc8df; border: none; border-radius: 10px; font-size: 22px; letter-spacing: 2px; color: #ffffff; cursor: pointer; transition: all .3s; }
.about7 form button:hover { transform: translate(0, -3px); box-shadow: 0 3px 3px 3px rgba(47, 200, 223, 0.4); }

.about3-con .cover { position: absolute; top: 0; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.6; z-index: 2; }
.about3-con .l { right: 50%; margin-right: 342px; }
.about3-con .r { left: 50%; margin-left: 342px; }
.about3-con .swiper-slide { width: 684px; height: 402px; transition: all .5s; }
.about3-con .swiper-slide-prev .img-center, .about3-con .swiper-slide-next .img-center { height: 344px; }
.about3-con .swiper-slide-prev .img-center { right: 0; left: auto; }
.about3-con .swiper-slide-next .img-center { left: 0; right: auto; }
.about3-con .swiper-slide-active .img-center { right: 0; left: 0; height: 402px; }
.about3-con .swiper-slide-active .text { transform: translate(0, 0); opacity: 1; }
.about3-con .text { position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; line-height: 54px; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; transition: all .5s; transform: translate(0, 100%); opacity: 0; }
.about3-con .text .time { position: absolute; left: 24px; top: 0; }
.about3-con .text .time .month { font-weight: bold; font-size: 22px; letter-spacing: 1px; }
.about3-con .text p { font-size: 20px; letter-spacing: 1px; }
.about3-con .swiper-button-prev, .about3-con .swiper-button-next { width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; background-size: 10px 16px; }

.animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }

.sidebar { position: fixed; right: 20px; top: 50%; width: 44px; z-index: 1001; }

.sidebar > .try-ask { width: 48px; height: 128px; cursor: pointer; text-align: center; float: right; }

.sidebar > .try-ask:hover > .full { opacity: 1; visibility: visible; transform: translate(0, 0); }

.sidebar > .try-ask > .simple { height: 100%; font-size: 16px; background: #EC691A; width: 44px; margin-left: 4px; }

.sidebar > .try-ask > .simple > span.simple-text { width: 16px; margin-top: 20px; display: inline-block; color: white; line-height: 18px !important; }

.sidebar > .try-ask > .full { position: absolute; right: 48px; top: 0; background: white; width: 150px; height: 128px; font-size: 16px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); padding: 10px 0; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-around; line-height: 24px; opacity: 0; visibility: hidden; transform: translate(-10px, 0); transition: all .5s; }

.sidebar > .try-ask > .full > .try, .sidebar > .try-ask > .full > .ask { color: #666666; text-decoration: none; text-align: left; padding-left: 20px; }

.sidebar > .try-ask > .full > .try > i.iconfont, .sidebar > .try-ask > .full > .ask > i.iconfont { margin-right: 10px; font-size: 22px; vertical-align: middle; }

.signup-pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 99; display: none; }

.fancybox-content { background: #fff; max-width: 100%; overflow: hidden; padding: 30px 36px; position: absolute; text-align: left; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.model-title { font-size: 24px; margin-bottom: 26px; text-align: center; }

.model-group:not(:last-child) { margin-bottom: 20px; }

.model-group { position: relative; }

.model-label { display: block; font-size: 14px; }

.model-input { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4); display: block; outline: none; padding: 8px 0; width: 100%; }

.form-tips { font-size: 12px; color: #B3B2B1; }
.form-tips .company { color: #EC691A; }

.model-vd { bottom: 7px; position: absolute; right: 0; }

.model-submit { background-color: #009ea1; border: none; border-radius: 5px; color: #fff; cursor: pointer; display: block; padding: 15px; text-align: center; transition: all .2s; width: 100%; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; }

.fancybox-button { border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: absolute; top: 0; right: 0; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: #666; stroke-width: 0; }

.agree-text { font-size: 12px; }
.agree-text .show-rule { font-size: 12px; color: #EC691A; text-decoration: underline; }

.free-pop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 10px; z-index: 9999; box-shadow: 0 0 10px #eee; display: none; }

.free-pop-con { padding: 30px; width: 400px; height: 400px; overflow-y: auto; }
.free-pop-con h3 { margin-bottom: 10px; font-size: 22px; }
.free-pop-con p { margin-bottom: 6px; }

.free-close { position: absolute; top: 0; right: 0; padding: 10px; width: 44px; height: 44px; }
.free-close svg { width: 100%; height: 100%; }
.free-close svg path { fill: #666; stroke-width: 0; }

.class-nav { padding: 20px; font-size: 16px; text-align: center; border-bottom: 1px solid #e5e5e5; }
.class-nav a { margin-right: 30px; }
.class-nav a:last-child { margin-right: 0; }
.class-nav a.on, .class-nav a:hover { color: #2ccadd; }

.product { padding-top: 50px; padding-bottom: 60px; }
.product .page { margin-top: 30px; }

.product-list li { float: left; margin-right: 2.75%; margin-bottom: 30px; width: 31.5%; height: 390px; background-color: #f8f8f8; transition: all .5s; }
.product-list li:nth-child(3n) { margin-right: 0; }
.product-list li a { display: block; padding: 30px; height: 100%; }
.product-list li .img { position: relative; height: 222px; overflow: hidden; }
.product-list li .img img { transition: all 1s; }
.product-list li:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
.product-list li:hover img { transform: scale(1.1); }
.product-list li:hover .text h3 { color: #2fc8df; }
.product-list li .text { margin-top: 20px; padding: 0 10px; text-align: center; }
.product-list li .text h3 { margin-bottom: 8px; font-size: 24px; letter-spacing: 1px; }
.product-list li .text p { max-height: 44px; line-height: 22px; -webkit-line-clamp: 2; overflow: hidden; }


/* p1 */
.p1-sec1-intro { padding-top: 72px; padding-bottom: 76px; background: url(../images/product/bg01.jpg) no-repeat center; background-size: cover; }
.p1-sec1-intro h1 { text-align: center; font-weight: bold; font-size: 50px; line-height: 50px; letter-spacing: 4px; opacity: 0; transform: translate(0, 60px); animation: transY 1.6s ease-out forwards; }
.p1-sec1-intro .img { margin-top: 36px; height: 520px; text-align: center; opacity: 0; transform: translate(0, 60px); animation: transY 1.6s .6s ease-out forwards; }
.p1-sec1-intro .apply-use { margin-top: 45px; opacity: 0; transform: translate(0, 60px); animation: transY 1.6s 1s ease-out forwards; }
.p1-sec1 .wide{margin-top: 40px;}
.p1-sec1 .wide .product-price{margin-top: 30px;}
.p1-sec1 .wide .product-price-img{margin-right: 30px;}
.p1-sec1 .wide .product-price-img:last-of-type{margin-right:0;}

.apply-use { display: block; margin: 0 auto; width: 180px; height: 54px; line-height: 54px; background-color: #ec691a; border-radius: 6px; text-align: center; font-size: 16px; letter-spacing: 1px; color: #ffffff; }
.apply-use .iconfont { font-size: 12px; vertical-align: top; }

.p1-sec1-icons { padding: 45px 0; height: 200px; background: #252525; }
.p1-sec1-icons li:nth-child(2) { animation-delay: .2s; }
.p1-sec1-icons li:nth-child(3) { animation-delay: .4s; }
.p1-sec1-icons li:nth-child(4) { animation-delay: .6s; }
.p1-sec1-icons li:nth-child(5) { animation-delay: .8s; }
.p1-sec1-icons li:nth-child(6) { animation-delay: 1s; }
.p1-sec1-icons li:nth-child(7) { animation-delay: 1.2s; }
.p1-sec1-icons li:nth-child(8) { animation-delay: 1.4s; }
.p1-sec1-icons ul { display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; text-align: center; }
.p1-sec1-icons .icon-img { height: 66px; line-height: 66px; }
.p1-sec1-icons p { margin-top: 16px; font-size: 20px; color: #f8f8f8; }

.p1-sec2 { padding-top: 74px; padding-bottom: 36px; background: #f4f4f6; overflow: hidden; }
.p1-sec2 .imgs { margin-top: 40px; position: relative; height: 668px; }
.p1-sec2 .imgs .imgC { position: relative; z-index: 2; text-align: center; }
.p1-sec2 .imgs .imgL, .p1-sec2 .imgs .imgR { top: 125px; position: absolute; }
.p1-sec2 .imgs .imgL { left: -65px; }
.p1-sec2 .imgs .imgR { right: -65px; }

.p1-sec2 .product-price{width: 1500px;margin: auto;margin-bottom: 30px;margin-top: 20px;}
.p1-sec2 .product-price .product-price-img{width: 710px;height: 145px;}

.product-text { text-align: center; }
.product-text h3 { margin-bottom: 30px; font-weight: bold; font-size: 50px; line-height: 50px; letter-spacing: 4px; color: #333333; }
.product-text p { font-size: 20px; line-height: 40px; color: #333333; }

.p1-sec3 { padding-top: 90px; height: 930px; background: url(../images/product/p1_img02.jpg) no-repeat center; background-size: cover; overflow: hidden; }
.p1-sec3 .product-text h3 { color: #fff; }
.p1-sec3 .product-text p { color: #fff; opacity: .8; }
.p1-sec3 .img { margin-top: 30px; text-align: center; height: 611px; }

.p1-sec4 { padding-top: 90px; height: 930px; }

.p1-sec5 { padding-top: 90px; padding-bottom: 125px; background: #000; overflow: hidden; }
.p1-sec5 .product-text h3, .p1-sec5 .product-text p { color: #fff; }
.p1-sec5 .img { margin-top: 66px; height: 520px; }

.param-msg li { text-align: center; }
.param-msg li:nth-child(2) { animation-delay: .2s; }
.param-msg li:nth-child(3) { animation-delay: .4s; }
.param-msg li:nth-child(4) { animation-delay: .6s; }
.param-msg li:nth-child(5) { animation-delay: .8s; }
.param-msg .fontbold { font-weight: bold; font-size: 20px; line-height: 40px; letter-spacing: 1px; color: #000000; }
.param-msg p { font-size: 24px; line-height: 40px; letter-spacing: 1px; color: #000000; }

.p1-sec6 { position: relative; height: 930px; }
.p1-sec6 .p1-sec6-text { position: absolute; top: 50%; right: 10%; transform: translate(0, -50%); width: 620px; }
.p1-sec6 .p1-sec6-text .product-text { text-align: left; }
.p1-sec6 .p1-sec6-text .apply-use { margin: 0; margin-top: 80px; }
.p1-sec6 .p1-sec6-msg { margin-top: 90px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.p1-sec7 { padding-top: 90px; height: 930px; }
.p1-sec7 .product-text h3, .p1-sec7 .product-text p { color: #fff; }

.p1-sec8 { position: relative; overflow: hidden; }
.p1-sec8 .wide { position: absolute; left: 0; right: 0; top: 180px; margin: 0 auto; }
.p1-sec8 .product-text { text-align: left; }
.p1-sec8 .product-text h3 { line-height: 70px; }
.p1-sec8 .apply-use { margin: 0; margin-top: 100px; }
.p1-sec8 .p1-sec8-text { width: 570px; }

.p1-sec9 { padding-top: 90px; height: 930px; }
.p1-sec9 .product-text h3 { color: #fff; }
.p1-sec9 .product-text p { color: #f8f8f8; }

.product-para { padding-top: 75px; padding-bottom: 80px; }
.product-para h3 { text-align: center; font-size: 46px; line-height: 46px; letter-spacing: 2px; }

.parameter-msg { margin-top: 40px; }
.parameter-msg .width1400 { margin: 0 auto; padding: 40px 50px 60px; width: 1400px; border-top: 1px solid #dcdcdc; }
.parameter-msg .param-box { position: relative; padding-left: 288px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.parameter-msg .param-box .param-h5 { position: absolute; top: 0; left: 0; font-size: 32px; letter-spacing: 2px;width: 250px; }
.parameter-msg .param-box .param-text-box { width: 455px; }
.parameter-msg .param-box .param-text-box p { font-size: 16px; color: #555555; line-height: 40px; letter-spacing: 1px; }
.parameter-msg .param-box .param-text-box h6 { font-weight: bold; font-size: 24px; letter-spacing: 1px; }
.parameter-msg .param-aLink { text-align: center; }
.parameter-msg .param-aLink .apply-use { display: inline-block; margin: 0; }
.parameter-msg .param-aLink .pull-down { margin-right: 40px; width: 200px; height: 54px; line-height: 54px; background-color: #19c2d6; border-radius: 6px; text-align: center; font-size: 16px; letter-spacing: 1px; color: #ffffff; }
.parameter-msg .param-hide { display: none; }

/* p1 end */
/* p2 */
.p2-sec1 .img { height: 490px; }
.p2-sec1 .apply-use { margin-top: 45px; }
.p2-sec1 .product-price { color: #EC691A !important;font-size: 30px;margin-top: 30px;text-align: center;}

.p2-sec2 { position: relative; padding-top: 48.4%; }
.p2-sec2 .p2-sec2-text { position: absolute; top: 45px; left: 0; width: 100%; }
.p2-sec2 .p2-sec2-text .product-text h3, .p2-sec2 .p2-sec2-text .product-text p { color: #fff; }
.p2-sec2 .img-bg { animation-delay: .8s; opacity: 0; transform: translate(0, 100px); }
.p2-sec2 .img-bg, .p2-sec2 .img-box { position: absolute; top: 0; left: 0; }
.p2-sec2 .pen { position: absolute; top: 37.8%; left: 53.5%; }
.p2-sec2 .product-price{color: #EC691A !important;font-size: 30px;margin-top: 30px;}

.p2-sec3 { position: relative; padding-top: 90px; padding-bottom: 55px; background: #f4f4f4; overflow: hidden; }
.p2-sec3 .product-text { position: relative; z-index: 1; }
.p2-sec3 .img { position: relative; z-index: 1; margin-top: 40px; text-align: center; }
.p2-sec3 .bgfff { position: absolute; bottom: 0; left: 0; width: 100%; height: 330px; background: #fff; }
.p2-sec3 .param-msg { margin-top: 46px; position: relative; z-index: 1; display: flex; display: -webkit-flex; justify-content: space-around; }

.p2-sec4 .img { height: 490px; }

.p2-sec5 { padding-top: 90px; height: 930px; }

@keyframes moveY { 20% { transform: translate(0, -40px); }
  80% { transform: translate(0, 40px); }
  100% { transform: translate(0, 0); } }
.p2-sec6 { padding-top: 90px; padding-bottom: 68px; overflow: hidden; }
.p2-sec6 .img { margin-top: 40px; position: relative; height: 566px; text-align: center; }
.p2-sec6 .move-img { position: absolute; animation: moveY 5s linear infinite; }
.p2-sec6 .move-img1 { top: 105px; left: 16px; }
.p2-sec6 .move-img2 { right: 66px; bottom: 100px; animation-delay: 1.5s; }

.p2-sec7 { position: relative; padding-top: 230px; height: 930px; background: url(../images/product/p2_bg03.jpg) no-repeat center; }
.p2-sec7 .product-text { text-align: left; }
.p2-sec7 .product-text p { width: 520px; }
.p2-sec7 .param-msg { margin-top: 45px; display: flex; display: -webkit-flex; }
.p2-sec7 .param-msg li { margin-right: 60px; }
.p2-sec7 .param-msg li:last-child { margin-right: 0; }
.p2-sec7 .apply-use { margin: 0; margin-top: 80px; }

.p2-sec8 { padding-top: 90px; height: 930px; background: url(../images/product/p2_img05.jpg) no-repeat center; }
.p2-sec8 .product-text h3, .p2-sec8 .product-text p { color: #fff; }

.p2-sec9 { padding-top: 90px; height: 930px; background: url(../images/product/p2_bg04.jpg) no-repeat center; }
.p2-sec9 .product-text h3, .p2-sec9 .product-text p { color: #fff; }
.p2-sec9 .p2-sec9-text { margin-top: 70px; font-weight: bold; font-size: 28px; letter-spacing: 1px; color: #f8f8f8; text-align: center; }
.p2-sec9 .p2-sec9-text span { display: inline-block; margin-right: 30px; }
.p2-sec9 .p2-sec9-text span:last-child { margin-right: 0; animation-delay: .6s; }
.p2-sec9 .p2-sec9-text span:nth-child(2) { animation-delay: .2s; }
.p2-sec9 .p2-sec9-text span:nth-child(3) { animation-delay: .4s; }

/* p2 end */
/* p3 */
.p3-sec1 .img { height: 512px; }

.p3-sec2 { padding-top: 35px; height: 930px; background: url(../images/product/p3_bg01.jpg) no-repeat center; overflow: hidden; }
.p3-sec2 .img { position: relative; margin-top: 20px; height: 696px; text-align: center; }
.p3-sec2 .img .pen { position: absolute; bottom: 112px; right: 24%; }
.p3-sec2 .product-text h3 { margin-bottom: 20px; }
.p3-sec1 .product-price { color: #EC691A !important;font-size: 30px;margin-top: 30px;text-align: center;}

.p3-sec3 { padding-top: 90px; padding-bottom: 50px; background: #fff url(../images/product/p3_bg02.jpg) no-repeat top center; overflow: hidden; }
.p3-sec3 .img { margin-top: 52px; }

.p3-sec5 { padding-top: 90px; height: 998px; background: url(../images/product/p3_bg03.jpg) no-repeat center; }
.p3-sec5 .apply-use { margin-top: 54px; }

.p3-sec6 { padding-top: 72px; background: url(../images/product/p3_bg04.jpg) no-repeat center; background-size: cover; overflow: hidden; }
.p3-sec6 .product-text h3, .p3-sec6 .product-text p { color: #fff; }
.p3-sec6 .img { margin-top: 40px; text-align: center; }

.p3-sec7 { position: relative; overflow: hidden; }
.p3-sec7 .wide { position: absolute; left: 0; right: 0; top: 20%; }
.p3-sec7 .wide .product-text { width: 490px; text-align: left; }
.p3-sec7 .wide .product-text h3 { line-height: 70px; }
.p3-sec7 .apply-use { margin: 0; margin-top: 80px; }

.p3-sec8 { padding-top: 72px; padding-bottom: 16px; background: url(../images/product/p3_bg05.jpg) no-repeat center; background-size: cover; }
.p3-sec8 .img { margin-top: 56px; text-align: center; }
.p3-sec8 .product-text h3, .p3-sec8 .product-text p { color: #fff; }

.p3-sec9 { padding-top: 90px; height: 998px; background: url(../images/product/p3_bg06.jpg) no-repeat center; background-size: cover; }
.p3-sec9 .apply-use { margin-top: 54px; }

.p3-sec10 { padding-top: 90px; height: 930px; background: url(../images/product/p3_img03.jpg) no-repeat center; }
.p3-sec10 .product-text h3, .p3-sec10 .product-text p { color: #fff; }

/* p3 end */
/* p4 */
.p4-sec1 .img { height: 420px; }

.p4-sec2 { position: relative; overflow: hidden; background: #000; }
.p4-sec2 .product-text { position: absolute; left: 0; right: 0; bottom: 10%; }
.p4-sec2 .product-text h3, .p4-sec2 .product-text p { color: #fff; }

@keyframes scales2b { 0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(2.6); } }
.p4-sec3 { padding-top: 90px; height: 930px; background: url(../images/product/p4_bg01.jpg) no-repeat center; overflow: hidden; }
.p4-sec3 .img { position: relative; margin: 0 auto; margin-top: 164px; width: 328px; height: 330px; }
.p4-sec3 .img .zimg { position: relative; z-index: 1; }
.p4-sec3 .img .scaleMove { position: absolute; top: 0; left: 0; animation: scales2b 6s linear infinite; }

.p4-sec4 { position: relative; overflow: hidden; background: #000; }
.p4-sec4 .wide { position: absolute; top: 25%; left: 0; right: 0; }
.p4-sec4 .product-text { width: 500px; text-align: left; }
.p4-sec4 .product-text h3, .p4-sec4 .product-text p { color: #fff; }
.p4-sec4 .product-text h3 { line-height: 70px; }
.p4-sec4 .param-msg { margin-top: 52px; display: flex; }
.p4-sec4 .param-msg li { margin-right: 70px; }
.p4-sec4 .param-msg li:last-child { margin-right: 0; }
.p4-sec4 .param-msg span, .p4-sec4 .param-msg p { color: #fff; }

.p4-sec6 { position: relative; padding-top: 90px; height: 930px; background: url(../images/product/p4_img05.jpg) no-repeat center; background-size: cover; overflow: hidden; }
.p4-sec6 .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.p4-sec6 .img img { max-width: none; }
.p4-sec6 .wide { position: relative; z-index: 1; }

.p4-sec7 .wide { padding: 60px 170px; line-height: 30px; color: #888888; }

/* p4 end */
.animated { animation-duration: 1.6s; -webkit-animation-duration: 1.6s; }

/*# sourceMappingURL=style.css.map */


/* flex布局兼容 START */
.flex {
  /* 设置为flex盒子 */
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex_row_justify {
  /* 水平方向上等间距排列 */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}