@charset "UTF-8";
.lightbox { padding: 35px 40px; width: 1000px; margin: 0 auto; background: #fff; }

.lightbox .lb-image { border: 0; }

.lightbox .lb-number { font-size: 12px; float: left; color: #fff; }

.lightbox .lb-data .lb-details { width: 100%; }

.lightbox .tab img { display: inline-block; }

.lightbox .tab .lb-prev { position: absolute; margin-top: -35px; margin-left: -25px; left: 0; width: 50px; height: 50px; top: 50%; }

.lightbox .tab .lb-next { position: absolute; margin-top: -35px; margin-right: -25px; right: 0; width: 50px; height: 50px; top: 50%; }

.lb-data .lb-caption { font-size: 16px; padding: 10px 0; display: block; color: #333; font-weight: normal; }

.lb-data .lb-close { background-size: cover; position: absolute; left: 50%; bottom: 20px; opacity: 1; width: 32px; height: 32px; margin-left: -16px; }

.header { width: 100%; height: 80px; overflow: hidden; position: fixed; left: 0; top: 0; background: #fff; z-index: 10; border-bottom: 1px solid #f9f9f9; }
.header .logo { width: 70px; display: block; padding: 17px 0; }
.header .nav { height: auto; overflow: hidden; }
.header .nav a { height: 80px; line-height: 80px; display: inline-block; font-size: 15px; color: #666; margin-left: 40px; }
.header .nav a.active, .header .nav a:hover { color: #1651C9; }
.header .nav a img { display: inline-block; vertical-align: -4px; margin-right: 5px; }
.header .nav .tel { width: 170px; height: 36px; background: url(/z/hx2021/images/400.png) center no-repeat; background-size: 100%; display: inline-block; position: relative; top: 10px; margin-left: 50px; }

.wrap { padding: 75px 0 68px; }

.banner { width: 100%; height: auto; position: relative; z-index: 0; }
.banner .logo { margin-top: 40px; }

.block { height: auto; overflow: hidden; position: relative; z-index: 1; }
.block .title { background-size: 100%; background-repeat: no-repeat; background-position: center; margin: 0 auto; }
.block.block1 { height: auto; padding: 80px 0; overflow: visible; background: url(/z/hx2021/images/block1-bg.jpg) center no-repeat; background-size: cover; }
.block.block1 .title { width: 196px; height: 54px; background-image: url(/z/hx2021/images/block1-t.png); }
.block.block1 .tabs { height: auto; overflow: hidden; text-align: center; margin: 45px 0; position: relative; z-index: 1; }
.block.block1 .tabs a { width: 147px; height: 40px; line-height: 35px; border: 1px solid #999; font-size: 16px; color: #999; text-align: center; display: inline-block; margin: 0 10px; }
.block.block1 .tabs a.active, .block.block1 .tabs a:hover { border-color: #1651C9; color: #1651C9; }
.block.block1 .threesixty { position: relative; top: -70px; z-index: 0; }
.block.block1 .threesixty:after { content: ""; width: 130px; height: 44px; background: url(/z/hx2021/images/block1-bottom.png) center no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }
.block.block1 .vtour { width: 100%; }
.block.block1 .vtour iframe { width: 100%; height: 642px; }
.block.block1:before { content: ""; width: 46px; height: 46px; background: url(/z/hx2021/images/block1-top.png) center no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; top: -23px; margin: auto; }
.block.block2 { height: auto; overflow: hidden; }
.block.block2 .section { height: auto; overflow: hidden; padding: 60px 0; }
.block.block2 .section.section1 { background: url(/z/hx2021/images/block2-bg.jpg) top no-repeat; background-size: cover; }
.block.block2 .section.section1 .title { width: 156px; height: 53px; background: url(/z/hx2021/images/block2-t.png) center no-repeat; background-size: 100%; }
.block.block2 .section.section1 .st { font-size: 14px; color: #f9f9f9; text-align: center; margin: 25px 0 35px; }
.block.block2 .section.section1 ul { height: auto; overflow: hidden; }
.block.block2 .section.section1 ul li { width: 276px; height: 237px; background: #fff; border-radius: 0 20px 0 20px; float: left; margin-left: 32px; padding: 40px 10px; }
.block.block2 .section.section1 ul li img { width: 48px; margin: 0 auto 15px; }
.block.block2 .section.section1 ul li p { font-size: 15px; color: #555; line-height: 32px; text-align: center; }
.block.block2 .section.section1 ul li:first-child { margin: 0; }
.block.block2 .section.section2 { height: 2691px; overflow: hidden; background: url(/z/hx2021/images/block2-section2-bg.png) top no-repeat; background-size: 1920px; position: relative; }
.block.block2 .section.section2 .bb { height: auto; overflow: hidden; position: relative; }
.block.block2 .section.section2 .bb .tabs { height: auto; overflow: hidden; margin-top: 20px; }
.block.block2 .section.section2 .bb .tabs a { width: 154px; height: 42px; line-height: 42px; background: #B5B6B9; font-size: 16px; color: #fff; text-align: center; display: block; float: left; margin-left: 10px; }
.block.block2 .section.section2 .bb .tabs a.active, .block.block2 .section.section2 .bb .tabs a:hover { background: #1651C9; }
.block.block2 .section.section2 .bb .tabs a:first-child { margin: 0; }
.block.block2 .section.section2 .bb.bb1 { overflow: visible; }
.block.block2 .section.section2 .bb.bb1:after { content: ""; width: 541px; height: 343px; background: url(/z/hx2021/images/block2-section2-car.png) center no-repeat; background-size: 100%; position: absolute; left: -410px; bottom: -140px; z-index: 1; }
.block.block2 .section.section2 .bb.bb1 .top { height: auto; overflow: hidden; }
.block.block2 .section.section2 .bb.bb1 .top .title { width: 187px; height: 65px; background: url(/z/hx2021/images/block2-section2-bb1-t.png) center no-repeat; background-size: 100%; }
.block.block2 .section.section2 .bb.bb1 .slide { height: auto; overflow: hidden; margin-top: 40px; }
.block.block2 .section.section2 .bb.bb1 .slide .swiper-slide { height: auto; overflow: hidden; }
.block.block2 .section.section2 .bb.bb1 .slide .swiper-slide .text { width: 600px; height: 352px; padding: 65px; background: url(/z/hx2021/images/block2-section2-text-bg.jpg) center no-repeat; background-size: 100%; position: absolute; top: 20px; }
.block.block2 .section.section2 .bb.bb1 .slide .swiper-slide .text h2 { font-size: 26px; color: #fff; font-weight: bold; }
.block.block2 .section.section2 .bb.bb1 .slide .swiper-slide .text p { font-size: 15px; color: #fff; line-height: 26px; margin-top: 15px; }
.block.block2 .section.section2 .bb.bb1 .slide .swiper-slide .text p b { font-weight: bold; }
.block.block2 .section.section2 .bb.bb1 .slide .swiper-slide .text1 { width: 1200px; height: 350px; padding: 65px; background: url(/z/hx2021/images/block2-section2-text-bg1.jpg) center no-repeat; background-size: 100%; position: absolute; top: 20px; }
.block.block2 .section.section2 .bb.bb1 .slide .swiper-slide .img { width: 654px; height: 396px; overflow: hidden; background: #E5E2E2; }
.block.block2 .section.section2 .bb.bb1 .slide .swiper-slide .img img { width: 100%; }
.block.block2 .section.section2 .bb.bb2 { margin-top: 120px; overflow: visible; }
.block.block2 .section.section2 .bb.bb2 .top { height: auto; overflow: hidden; }
.block.block2 .section.section2 .bb.bb2 .top .title { width: 200px; height: 65px; background: url(/z/hx2021/images/block2-section2-bb2-t.png) center no-repeat; background-size: 100%; }
.block.block2 .section.section2 .bb.bb2 .slide { height: auto; overflow: hidden; margin-top: 40px; }
.block.block2 .section.section2 .bb.bb2 .slide .swiper-slide { height: auto; overflow: hidden; }
.block.block2 .section.section2 .bb.bb2 .slide .swiper-slide .img { width: 379px; height: 227px; overflow: hidden; }
.block.block2 .section.section2 .bb.bb2 .slide .swiper-slide .img img { width: 100%; height: 100%; }
.block.block2 .section.section2 .bb.bb2 .slide .swiper-slide .text { overflow: hidden; padding: 20px 30px; background: #FFFFFF; box-shadow: 0px 0px 31px 1px rgba(216, 225, 219, 0.68); border-radius: 0px 0 0px 20px; }
.block.block2 .section.section2 .bb.bb2 .slide .swiper-slide .text h2 { font-size: 18px; color: #000; font-weight: bold; }
.block.block2 .section.section2 .bb.bb2 .slide .swiper-slide .text p { font-size: 14px; color: #555; line-height: 28px; margin-top: 15px; }
.block.block2 .section.section2 .bb.bb2 .slide .swiper-slide .text p b { font-weight: bold; }
.block.block2 .section.section2 .bb.bb2 .slide .swiper-slide .slide1 .swiper-slide { overflow: visible; padding-bottom: 50px; }
.block.block2 .section.section2 .bb.bb2 .slide .swiper-slide .slide1 .text { height: 260px; }
.block.block2 .section.section2 .bb.bb2 .swiper-button-next, .block.block2 .section.section2 .bb.bb2 .swiper-button-prev { width: 38px; height: 78px; margin-top: -40px; }
.block.block2 .section.section2 .bb.bb2 .swiper-button-next { background: url(/z/hx2021/images/arrow-right.png) center no-repeat; right: -65px; }
.block.block2 .section.section2 .bb.bb2 .swiper-button-prev { background: url(/z/hx2021/images/arrow-left.png) center no-repeat; left: -65px; }
.block.block2 .section.section2 .bb.bb3 { margin-top: 140px; }
.block.block2 .section.section2 .bb.bb3 .top { height: auto; overflow: hidden; }
.block.block2 .section.section2 .bb.bb3 .top .title { width: 204px; height: 65px; background: url(/z/hx2021/images/block2-section2-bb3-t.png) center no-repeat; background-size: 100%; }
.block.block2 .section.section2 .bb.bb3 ul { width: 630px; overflow: hidden; position: relative; float: right; top: -65px; }
.block.block2 .section.section2 .bb.bb3 ul li { height: auto; overflow: hidden; }
.block.block2 .section.section2 .bb.bb3 ul li h2 { font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 10px; }
.block.block2 .section.section2 .bb.bb3 ul li p { font-size: 16px; color: #fff; line-height: 30px; }
.block.block3 { position: relative; margin-top: -500px; padding-bottom: 70px; }
.block.block3 .title { width: 238px; height: 53px; background: url(/z/hx2021/images/block2-section3-t.png) center no-repeat; background-size: 100%; }
.block.block3 .content { height: 360px; background: url(/z/hx2021/images/block2-section3-bg.png) center no-repeat; background-size: 100%; margin-top: 50px; }
.block.block3 .content ul { height: auto; overflow: hidden; }
.block.block3 .content ul li { width: 300px; height: auto; float: left; text-align: center; padding: 75px 30px; }
.block.block3 .content ul li img { width: 50px; margin: 0 auto 15px; }
.block.block3 .content ul li h2 { font-size: 22px; margin-bottom: 10px; color: #2154C7; }
.block.block3 .content ul li p { font-size: 16px; line-height: 30px; color: #2154C7; }
.block.block3 .content ul li:nth-child(2n) h2, .block.block3 .content ul li:nth-child(2n) p { color: #fff; }
.block.block4 { padding-top: 70px; background: url(/z/hx2021/images/block3-bg.png) top repeat-y; background-size: 100%; }
.block.block4 .title { width: 171px; height: 53px; background-image: url(/z/hx2021/images/block3-t.png); margin-bottom: 45px; }
.block.block4 .video { height: auto; overflow: hidden; position: relative; cursor: pointer; }
.block.block4 .video img { width: 100%; }
.block.block4 .video .play { width: 100%; height: 100px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.block.block4 .video .play .icon { width: 48px; height: 48px; background: url(/z/hx2021/images/icon-play.png) center no-repeat; background-size: 100%; display: block; margin: 0 auto 10px; }
.block.block4 .video .play p { font-size: 16px; color: #fff; text-align: center; }
.block.block5 { padding-top: 70px; height: 870px; background: url(/z/hx2021/images/block4-bg.jpg) center no-repeat; background-size: cover; }
.block.block5 .title { width: 159px; height: 53px; background-image: url(/z/hx2021/images/block4-t.png); }
.block.block5 .content { width: 1303px; height: auto; overflow: hidden; margin: 45px auto 0; }
.block.block5 .content .imgs { width: 648px; height: auto; overflow: hidden; }
.block.block5 .content .imgs a { width: 321px; height: 211px; display: block; float: left; position: relative; }
.block.block5 .content .imgs a img { width: 100%; height: 100%; }
.block.block5 .content .imgs a .more { width: 100%; height: 100%; text-align: center; position: absolute; left: 0; right: 0; top: 0; margin: auto; background: rgba(0, 0, 0, 0.7); }
.block.block5 .content .imgs a .more img { width: 30px; height: auto; margin: 75px auto 5px; }
.block.block5 .content .imgs a .more p { font-size: 16px; color: #fff; }
.block.block5 .content .imgs a.big { width: 648px; height: 423px; }
.block.block6 { padding: 70px 0; }
.block.block6 .title { width: 160px; height: 53px; background-image: url(/z/hx2021/images/block5-t.png); }
.block.block6 .content { height: auto; overflow: hidden; margin-top: 45px; }
.block.block6 .content .left { width: 615px; height: 650px; background: url(/z/hx2021/images/block5-left.jpg) center no-repeat; background-size: 100%; }
.block.block6 .content .left ul { height: auto; overflow: hidden; padding: 20px 70px; }
.block.block6 .content .left ul li { line-height: 80px; font-size: 18px; color: #fff; border-bottom: 1px solid #72ADF5; }
.block.block6 .content .left ul li span:first-child { width: 250px; display: inline-block; }
.block.block6 .content .left ul li a { width: 100%; height: 69px; line-height: 69px; background: #fff; font-size: 18px; color: #2475CB; font-weight: bold; display: block; text-align: center; margin-top: 30px; }
.block.block6 .content .right { width: 585px; height: 650px; background: url(/z/hx2021/images/block5-right.jpg) center no-repeat; background-size: 100%; }
.block.block7 { padding: 70px 0; height: 741px; background: url(/z/hx2021/images/block6-bg.jpg) center no-repeat; background-size: cover; }
.block.block7 .title { width: 156px; height: 53px; background-image: url(/z/hx2021/images/block6-t.png); }
.block.block7 .content .form { width: 600px; height: auto; overflow: hidden; margin-top: 45px; background: #fff; float: right; padding: 60px; }
.block.block7 .content .form p { font-size: 17px; color: #666; margin-bottom: 20px; }
.block.block7 .content .form p img { display: inline-block; vertical-align: -8px; margin-right: 10px; }
.block.block7 .content .form .row { height: auto; overflow: hidden; line-height: 50px; margin-bottom: 14px; }
.block.block7 .content .form .row label { font-size: 14px; margin-right: 10px; vertical-align: top; }
.block.block7 .content .form .row label i { color: #DB3737; }
.block.block7 .content .form .row input { width: 365px; height: 45px; font-size: 14px; position: relative; top: -2px; border: 1px solid #e5e5e5; padding: 0 10px; }
.block.block7 .content .form .row textarea { width: 365px; height: 100px; padding: 10px; font-size: 14px; border: 1px solid #e5e5e5; }
.block.block7 .content .form .btn { width: 185px; line-height: 45px; background: #1654C3; text-align: center; font-size: 16px; margin-left: 42px; color: #fff; text-align: center; cursor: pointer; transition: all .3s; }
.block.block7 .content .form .btn:hover { background: #185cd6; }

.footer { width: 100%; height: auto; overflow: hidden; position: absolute; bottom: 25px; }
.footer p { font-size: 14px; color: #fff; text-align: center; line-height: 24px; }

.popVideo { width: 1200px; height: 700px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 99; display: none; border: 3px solid #1654C3; }
.popVideo .video-box { width: 100%; height: 100%; }
.popVideo .btn-close { width: 40px; height: 40px; background: url(/z/hx2021/images/btn-close.png) center no-repeat; background-size: 100%; position: absolute; right: -43px; top: -3px; cursor: pointer; }

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

.footerFixed { z-index: 10; height: 68px; overflow: hidden; background-color: #005DBB; position: fixed; left: 0; right: 0; bottom: -68px; transition: all .5s linear; }
.footerFixed.active { bottom: 0; }
.footerFixed .box { width: 1362px; padding-top: 17px; margin: 0 auto; }
.footerFixed .box span { display: block; padding-right: 30px; margin-right: 30px; position: relative; height: 36px; line-height: 36px; }
.footerFixed .box span img { display: inline-block; vertical-align: middle; }
.footerFixed .box span::before { content: ""; position: absolute; right: 0; top: 8px; bottom: 6px; width: 1px; background-color: #EAE4DB; }
.footerFixed .box .input-box { width: 260px; height: 36px; margin-right: 30px; background-color: #fff; overflow: hidden; padding-left: 10px; }
.footerFixed .box .input-box input { width: 240px; height: 36px; border: 0; font-size: 14px; position: relative; top: -1px; }
.footerFixed .box .input-box select { width: 240px; height: 36px; border: 0; font-size: 14px; position: relative; top: -1px; }
.footerFixed .box .btn { width: 268px; height: 36px; line-height: 36px; text-align: center; background-color: #224982; font-size: 15px; font-weight: bold; color: #fff; }
.footerFixed .box .btn:hover { background: #255192; }

/* ÓҲม¶¯ */
.fright { width: 44px; height: auto; position: fixed; right: 0; top: 35%; z-index: 100; }
.fright .item { width: 134px; height: 44px; margin-bottom: 1px; position: relative; right: 0; transition: .3s; display: block; }
.fright .item .icon { width: 44px; height: 44px; float: left; }
.fright .item .icon.icon1 { background: url(/z/hx2021/images/fright-icon1.png) center no-repeat #1651C9; background-size: 26px; }
.fright .item .icon.icon2 { background: url(/z/hx2021/images/fright-icon2.png) center no-repeat #1651C9; background-size: 26px; }
.fright .item .icon.icon3 { background: url(/z/hx2021/images/fright-icon3.png) center no-repeat #1651C9; background-size: 26px; }
.fright .item .icon.icon4 { background: url(/z/hx2021/images/fright-icon4.png) center no-repeat #1651C9; background-size: 26px; }
.fright .item .icon.icon5 { background: url(/z/hx2021/images/fright-icon5.png) center no-repeat #1651C9; background-size: 26px; }
.fright .item .icon.icon6 { background: url(/z/hx2021/images/fright-icon6.png) center no-repeat #1651C9; background-size: 26px; }
.fright .item .icon.icon7 { background: url(/z/hx2021/images/fright-icon7.png) center no-repeat #1651C9; background-size: 26px; }
.fright .item span { width: 90px; line-height: 44px; font-size: 14px; float: left; background: #fff; text-align: center; }
.fright .item.active, .fright .item:hover { right: 90px; }
<!--ºÄʱ1755824432.1122Ãë-->