.qh { width: 55px; height: 55px; color: #fff; font-size: 37px; z-index: 99; outline: none; border-radius: 50%; cursor: pointer; font-weight: normal; border: 1px solid #fff; text-align: center; line-height: 55px; position: absolute; top: 50%; transform: translate(0, -50%); } .prev { left: 80px; } .next { right: 80px; } .carou-itemTy { opacity: 0; position: absolute; } .main>.content>.content-bottom>.bottom-right>.swiper-container>.qh { position: absolute; top: 50%; width: 57px; height: 57px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; line-height: 57px; text-align: center; cursor: pointer; outline: none; } .main>.content>.content-bottom>.bottom-right>.swiper-container>.prev1 { left: 40px; } .main>.content>.content-bottom>.bottom-right>.swiper-container>.next1 { right: 40px; z-index: 998; } .main-sy { margin: auto; position: relative; /* height: 435px; */ } .main-sy .top { position: absolute; top: 0; } .container>.banner>.banner-carou_one { width: 100%; position: relative; } .container>.banner>.banner-carou_one>.pager { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 25px; } .container>.banner>.banner-carou_one>.pager>span { float: left; display: block; width: 15px; height: 15px; border-radius: 50%; background: #FFFFFF; margin-right: 15px; } .container>.banner>.banner-carou_one>.pager>.active { background: #BD9369; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container>.qh { position: absolute; top: 50%; width: 57px; height: 57px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; line-height: 57px; text-align: center; cursor: pointer; z-index: 99; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container>.prev { left: 60px; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container>.next { right: 60px; } .container>.banner>.banner-carou_one>.banner-item { width: 100%; display: block; display: none; transition: .5s; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container { width: 100%; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } .container>.banner>.nav { z-index: 99; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container1>.qh { position: absolute; top: 50%; width: 57px; height: 57px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; line-height: 57px; text-align: center; cursor: pointer; z-index: 99; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container1>.prev { left: 60px; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container1>.next { right: 60px; } .container>.banner>.banner-carou_one>.banner-item { width: 100%; display: block; display: none; transition: .5s; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container1 { width: 100%; } .container>.banner>.banner-carou_one>.banner-item>.swiper-container1>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } .container>.banner>.nav { z-index: 99; } .container>.banner>.banner-carou_one>.show { display: block; } #poaginat { bottom: 20px; } .Add-mian { width: 100%; background: #295479; } .Add-center { width: 1364px; background: #FFF6E9; margin: auto; } /* .Add-center h2 { font-size: 30px; color: #BD9369; text-align: left; font-weight: 400; padding-top: 55px; line-height: 32px; width: 1120px; margin: auto; } */ .Add-center h2 p { font-size: 25px; font-weight: 300; } /* .Add-center b { margin-bottom: 25px; color: #BD9369; font-size: 20px; text-align: center; display: block; font-weight: 500; } */ .Add-center>p { width: 1120px; margin: auto; font-size: 14px; color: #474A50; line-height: 30px; margin-bottom: 40px; text-align: left; margin-top: 30px; } .Add-center>img { width: 100%; display: block; } /* .Add-bottom { padding-bottom: 50px; background-image: url(../img/pzj.png); width: 1364px; height: 544px; } */ /* .Add-bottom>.Add-bottom-wai{ background-image: linear-gradient(to top,#233249, transparent); } */ .Add-bottom h3 { font-size: 26px; color: #fff; text-align: center; font-weight: 500; padding-top: 35px; padding-bottom: 50px; padding-top: 249px; } .Add-bottom ul { width: 972px; margin: auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; padding-bottom: 108px; } .Add-bottom ul li { width: 142px; } .Add-bottom ul img { width: 31px; height: 31px; display: block; margin: auto; } .Add-bottom ul span { display: block; text-align: center; font-size: 16px; color: #797878; line-height: 26px; } .Add-bottom ul p { width: 100%; color: #fff; font-size: 22px; text-align: center; line-height: 60px; border-bottom: 1px solid #fff; margin-bottom: 5px; } /* min-width: 1500px ---------------------------------------------------------------- */ @media only screen and (min-width: 1500px) { .Add-bottom { /* padding-bottom: 50px; */ /* background-image: url(../img/pzj.png); */ width: 1364px; /* height: 544px; */ margin: auto; } .Add-center h2 { font-size: 30px; color: #BD9369; text-align: left; font-weight: 400; padding-top: 55px; line-height: 32px; width: 1120px; margin: auto; } .Add-bottom img { width: 100%; display: block; } .container>.header>.headerauto>.navone>a { transition: .5s; } .container>.header>.headerauto>.navone>.active { background: #BD9369; color: #fff; } .container>.banner { width: 100%; position: relative; } .container>.banner>img { width: 100%; height: 100%; display: block; } .container>.banner>.nav { width: 100%; height: 54px; background: rgba(70, 77, 88, 0.9); position: fixed; z-index: 999; } .container>.banner>.nav>.top { width: 1364px; margin: auto; } .container>.banner>.nav>.top>ul { float: right; display: none; } .container>.banner>.nav>.top>ul>a { color: #F3DFCB; font-size: 14px; line-height: 54px; margin-right: 20px; } .container>.banner>.nav>.top>ul>a:nth-child(8) { margin: 0; } .container>.banner>.dy { position: absolute; width: 335px; height: 66px; right: 645px; bottom: 70px; } .container>.main { width: 100%; background: #ffffff; } .container>.main>.main-top { width: 1364px; margin: auto; } .container>.main>.main-top>.main-top-left { float: left; } .container>.main>.main-top>.main-top-left>h3 { font-size: 30px; font-weight: 400; color: #BE956A; } .container>.main>.main-top>.main-top-left>p { width: 260px; font-size: 20px; color: #BD9369; line-height: 24px; } .container>.main>.main-top>.main-top-right { width: 900px; float: right; font-size: 14px; color: #797878; line-height: 24px; } .container>.main>.main-top>a { display: block; width: 1364px; height: 90px; background: #BD9369; line-height: 90px; text-indent: 85px; font-size: 24px; margin-top: 80px; position: relative; color: #FFF4E4; } .container>.main>.main-top>a>span { font-size: 18px; position: absolute; left: 34px; font-weight: 400; } .container>.main>.main-middle { /* width: 100%; */ background: #fff; } .container>.main>.main-middle>.main-middle-top { width: 1364px; background: #FFF6E9; margin: 0 auto; text-align: left; } .container>.main>.main-middle>.main-middle-top>h3 { width: 1120px; margin: auto; text-align: left; /* padding-left: 120px; */ padding-top: 65px; font-size: 30px; color: #BE956A; font-weight: 400; margin-bottom: 20px; line-height: 32px; } .container>.main>.main-middle>.main-middle-top>h3>p { font-weight: 300; font-size: 25px; } .container>.main>.main-middle>.main-middle-top>.p1 { width: 1120px; margin: auto; /* padding-left: 120px; */ font-size: 14px; line-height: 24px; color: #474A50; margin-bottom: 34px; } .container>.main>.main-middle>.main-middle-top>.imgbox { width: 1120px; height: 340px; /* padding-top: 20px; */ padding-bottom: 70px; display: flex; flex-direction: row; justify-content: space-between; margin: auto; } .container>.main>.main-middle>.main-middle-top>.imgbox>div { width: 298px; height: 100%; /* margin-right: 63px; */ /* margin: 50px; */ /* margin-left: 100px; */ position: relative; } .container>.main>.main-middle>.main-middle-top>.imgbox>div>img { width: 100%; height: 194px; } .container>.main>.main-middle>.main-middle-top>.imgbox>div>span { display: block; width: 100%; height: 197px; background: rgba(196, 157, 119, .9); position: absolute; bottom: 0; } .container>.main>.main-middle>.main-middle-top>.imgbox>div>span>p:nth-child(1) { color: #FFFFFF; line-height: 50px; font-size: 18px; text-align: center; margin-bottom: 20px; font-weight: 400; } .container>.main>.main-middle>.main-middle-top>.imgbox>div>span>p:nth-child(2) { width: 255px; margin: auto; font-size: 14px; color: #fff; line-height: 24px; } .container>.main>.main-middle>.main-middle-top>.imgbox>div:hover>span { transition: 1s; background: rgba(80, 95, 116, .85); } /* 杞挱鏍峰紡 */ #lunbo1 { margin-left: 420px; bottom: 20px; } .container>.main>.main-middle-bottom { width: 100%; /* height: 801px; */ margin: 0 auto; background: #6DC0C7; } .container>.main>.main-middle-bottom>.imgbox0 { width: 1364px; /* height: 278px; */ background: #fff; margin: 0 auto; padding-top: 66px; padding-bottom: 45px; } .container>.main>.main-middle-bottom>.imgbox0>h3 { width: 1120px; margin: auto; text-align: left; /* padding-left: 120px; */ font-size: 30px; color: #BE956A; font-weight: 400; margin-bottom: 20px; line-height: 32px; } .container>.main>.main-middle-bottom>.imgbox0>h3 p { font-weight: 300; font-size: 25px; } .container>.main>.main-middle-bottom>.imgbox0>p { width: 1120px; text-align: justify; margin: auto; font-size: 14px; line-height: 30px; color: #797878; } /* .container>.main>.main-middle-bottom>.imgbox{ height: 801px; } */ .container>.main>.main-middle-bottom>.imgbox>.imgli { width: 1364px; margin: 0 auto; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div { width: 1364px; height: 566px; margin: 0 auto; position: relative; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div>img { width: 100%; height: 100%; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div>span { width: 100%; height: 189px; background: #16555A; opacity: 0.9; display: block; color: #fff; position: absolute; bottom: 0; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div>span>p:nth-child(1) { width: 1120px; margin: auto; line-height: 33px; font-size: 25px; text-align: left; margin-top: 35px; /* padding-left: 120px; */ font-weight: 400; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div>span>p:nth-child(2) { width: 468px; font-size: 14px; line-height: 25px; padding-left: 123px; margin-top: 20px; color: #F3DFCB; } .swiper-container { width: 1364px; /* height: 100%; */ } /* 杞挱鏍峰紡缁撴潫 -----------------------------------------------------------------------------------*/ .Add-center>.p-2 { margin-top: -20px; } .container>.main>.bottom { width: 100%; background: #314460; height: 910px; } .container>.main>.bottom>.bottom-moddle { width: 1364px; height: 200px; margin: auto; padding-top: 76px; } .container>.main>.bottom>.bottom-moddle>p { font-size: 30px; color: #BE956A; line-height: 32px; font-weight: 400; } .container>.main>.bottom>.bottom-moddle>p:nth-child(2) { font-size: 25px; font-weight: 300; } .container>.main>.bottom>.bottom-moddle>ul { width: 100%; height: 25px; font-size: 16px; color: #707070; border-bottom: #BD9369 1px solid; } .container>.main>.bottom>.bottom-moddle>ul>li { float: left; margin-right: 18px; line-height: 25px; cursor: pointer; } .container>.main>.bottom>.bottom-moddle>ul>.active { color: #F3DFCB; } .container>.main>.bottom>.bottom-moddle>.tab-one { margin: 20px 0 10px 0; } .container>.main>.bottom>.bottom-moddle>.tab-two { margin-bottom: 30px; } .container>.main>.bottom>.bottom-moddle>.tab-there { margin-bottom: 30px; } /* lunbo */ .container>.main>.bottom>.tab-car { width: 1364px; /* height: 705px; */ margin: 30px auto; position: relative; margin-bottom: 0; } .container>.main>.bottom>.tab-car>.swiper-container { width: 836px; float: left; } .container>.main>.bottom>.tab-car>.swiper-container>.swiper-wrapper>.swiper-slide>.d1 { /* width: 100%; height: 100%; */ width: 836px; height: 503px; float: left; } .container>.main>.bottom>.tab-car>.swiper-container>.swiper-wrapper>.swiper-slide img { width: 100%; height: 500px; } .container>.main>.bottom>.tab-car .d2 { width: 528px; height: 500px; float: left; background: #FFFFFF; } .container>.main>.bottom>.tab-car .d2 h2 { color: #BD9369; font-size: 25px; line-height: 24px; padding-left: 27px; margin-top: 50px; display: block; font-family: 'Noto Sans SC'; font-weight: 500; } .container>.main>.bottom>.tab-car .d2 span { color: #BD9369; font-size: 25px; line-height: 24px; padding-left: 27px; margin-top: 27px; display: block; font-weight: 500; } .container>.main>.bottom>.tab-car .d2 div { color: #BD9369; font-size: 14px; line-height: 25px; padding-left: 27px; padding-right: 27px; padding-top: 20px; font-weight: 500; text-align: justify; } .container>.main>.bottom>.tab-car .d2 img { margin-left: 27px; margin-top: 48px; float: left; } .container>.main>.bottom>.tab-car .d2 .xiaoshou { float: left; margin-top: 44px; margin-left: -20px; font-size: 20px; } .container>.main>.bottom>.tab-car>.prev { width: 55px; height: 55px; font-size: 30px; position: absolute; top: 50%; left: 26px; outline: none; z-index: 999; color: #fff; } .container>.main>.bottom>.tab-car>.next { font-size: 30px; position: absolute; top: 50%; left: 746px; z-index: 999; outline: none; color: #fff; } .container>.main>.bottom>.tab-car>.qh { width: 55px; height: 55px; cursor: pointer; border: 1px solid #fff; border-radius: 50%; text-align: center; line-height: 55px; display: none; } .container>.main>.bottom>.tab-footer { width: 1364px; margin: auto; background: #314460; color: #BD9369; padding: 28px 54px 44px; box-sizing: border-box; /*margin-bottom: 50px;*/ } .container>.main>.bottom>.tab-footer>h2 { width: 170px; font-size: 24px; float: left; font-weight: 400; margin-right: 38px; } .container>.main>.bottom>.tab-footer>.text { width: 650px; float: left; margin-right: 45px; font-size: 14px; line-height: 26px; } .container>.main>.bottom>.tab-footer>.rt { float: left; width: 300px; font-size: 20px; line-height: 20px; } .container>.main>.bottom>.tab-footer>.rt>.left>img { width: 38px; height: 38px; margin-right: 10px; float: left; } .container>.main>.bottom>.tab-footer>.rt>.left { width: 48px; height: 100px; float: left; } .container>.main>.bottom>.tab-footer>h2 { font-weight: 500; } .swiper-pagination>.swiper-pagination-bullet { width: 15px; height: 15px; display: inline-block; background: #FFFFFF; opacity: 1; margin: 0 5px; } .swiper-pagination>.swiper-pagination-bullet-active { background: #BD9369; } /* 鏄熺骇閰掑簵 */ .main>.main-carousel { width: 100%; background: #314460; padding-bottom: 50px; } .main>.main-carousel>.main-carousel-inter { width: 1364px; margin: auto; } .main>.main-carousel>.main-carousel-inter>.inter-box { width: 100%; position: relative; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask { width: 100%; height: 300px; background: rgba(75, 94, 123, .8); position: absolute; bottom: 0; z-index: 999; padding: 35px 65px 40px 80px; box-sizing: border-box; overflow: hidden; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>.swiper-pagination { position: absolute; right: 65px; bottom: 30px; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>.logo { float: right; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>h2 { width: 255px; font-size: 25px; color: #F2D7C0; font-weight: 400; margin-top: 50px; margin-bottom: 20px; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>h2>p { font-size: 22px; font-weight: 300; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container { width: 100%; height: 100%; margin-bottom: 0; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>p { font-size: 14px; color: #fff; width: 705px; line-height: 25px; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } /* 鍟嗕笟杩愯惀 */ .main>.main-one { width: 100%; background: #FFF6E9; } .swiper-container1 { width: 1364px; margin: auto; overflow: hidden; position: relative; } .swiper-container1 .swiper-slide img { width: 100%; display: block; /* height: 640px; */ } .swiper-container2 { width: 1364px; margin: auto; overflow: hidden; position: relative; } .swiper-container2 img { width: 100%; display: block; height: 640px; } .main>.main-one>.title { width: 1364px; line-height: 142px; background: #295479; margin: auto; text-align: center; color: #BE956A; font-size: 30px; font-weight: 400; } .main>.main-one>.titlede { width: 1364px; height: 182px; background: #295479; margin: auto; } .main>.main-one>.titlede>.title-one { text-align: left; color: #F3DFCB; font-size: 30px; font-weight: 400; line-height: 32px; padding-left: 100px; padding-top: 60px; } .main>.main-one>.titlede>.title-one>p { font-size: 25px; font-weight: 300; line-height: 32px; } .item-one { width: 1364px; height: 210px; margin: auto; background: #314460; position: absolute; float: left; /* opacity: 0.83; */ background: rgba(49, 68, 96, .9); z-index: 99; margin-top: -181px; } .swiper-container2>.item-one>img { width: 190px; height: 60px; position: absolute; top: 0; right: 80px; } .item-one img { width: 200px; position: absolute; top: 0; /* padding-left: 160px; */ padding-top: 40px; right: 80px; } #posin { z-index: 99; text-align: right; box-sizing: border-box; padding-right: 80px; } .item-one span { /* width: 820px; */ color: #F2D7C0; font-size: 25px; line-height: 35px; display: block; padding: 30px 0 0 100px; font-weight: 400; } .item-one p { width: 650px; color: #ffffff; font-size: 14px; line-height: 24px; padding: 20px 0 0 100px; float: left; /* top: 50%; */ /* transform: translate(0, -50%); border-left: 1px solid #BD9369; */ } .main-sy { width: 1364px; background: #2D7290; } .main-sy h2 { font-size: 30px; color: #FFF6E9; font-weight: 400; padding: 70px 0 10px 100px; line-height: 32px; } .main-sy h2>p { color: #FFF6E9; font-size: 25px; line-height: 32px; font-weight: 300; padding: 0; } .main-sy p { padding: 20px 0 20px 100px; font-size: 14px; color: #FFFFFF; line-height: 26px; /* width: 821px; */ width: 780px; text-align: justify; } .main-sy img { width: 100%; display: block; } .main>.main-one>.main-one-middle { width: 1364px; margin: auto; } .main>.main-one>.main-one-middle>.item-top { width: 100%; height: 310px; margin-bottom: -3px; } .main>.main-one>.main-one-middle>.item-top>.item-top-left { width: 329px; height: 100%; background: #FFFFFF; font-size: 30px; color: #BE956A; text-align: center; line-height: 310px; font-weight: 400; float: left; } .main>.main-one>.main-one-middle>.item-top>.item-top-right { width: 1035px; height: 100%; float: left; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-one { width: 100%; height: 155px; background: #FFF6E9; box-sizing: border-box; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-one>.fyh { height: 100%; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>div>img { float: left; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>div>p { width: 599px; color: #797878; font-size: 14px; float: left; margin-top: 60px; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-two>p { margin-top: 60px; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-two { width: 100%; height: 155px; background: #F3DFCB; box-sizing: border-box; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-two>.fyh { height: 100%; } .main>.main-one>.main-one-middle>.item-middle { width: 100%; height: 240px; background: #2E3138; padding: 40px 80px 50px 70px; box-sizing: border-box; } .main>.main-one>.main-one-middle>.item-middle>.left { width: 360px; border-right: 1px solid #BD9369; padding: 10px 0; box-sizing: border-box; float: left; } .main>.main-one>.main-one-middle>.item-middle>.left>.p1 { color: #BD9369; font-size: 16px; margin-bottom: 10px; } .main>.main-one>.main-one-middle>.item-middle>ul { width: 100%; margin-bottom: 10px; border-bottom: 1.5px solid #F3DFCB; } .main>.main-one>.main-one-middle>.item-middle>ul>li { line-height: 30px; float: left; margin-right: 15px; font-size: 16px; color: #BD9369; cursor: pointer; } .main>.main-one>.main-one-middle>.item-middle>.left>.tab-there>li { cursor: pointer; color: #BD9369; font-size: 14px; float: left; margin-right: 5px; } .main>.main-one>.main-one-middle>.item-middle>.right { width: 760px; padding: 10px 0; box-sizing: border-box; float: right; } .main>.main-one>.main-one-middle>.item-middle>.right>.p1 { color: #BD9369; font-size: 16px; margin-bottom: 10px; } .main>.main-one>.main-one-middle>.item-middle>.right>.tab-there-two>li { cursor: pointer; color: #BD9369; font-size: 14px; float: left; margin-right: 5px; } .main>.main-one>.main-one-bottom { width: 1364px; margin: auto; position: relative; } .main>.main-one>.main-one-bottom>.swiper-container>.qh { width: 55px; height: 55px; color: #fff; font-size: 37px; z-index: 999; outline: none; cursor: pointer; border-radius: 50%; font-weight: normal; border: 1px solid #fff; text-align: center; line-height: 55px; position: absolute; } .main>.main-one>.main-one-bottom>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } .main>.main-one>.main-one-bottom>.swiper-container>.prev { top: 50%; left: 80px; } .main>.main-one>.main-one-bottom>.swiper-container>.next { top: 50%; right: 80px; } .main>.main-one>.main-one-bottom>.bottom-two { width: 100%; height: 154px; background: #FFFFFF; padding: 30px 0 0 0; box-sizing: border-box; } .main>.main-one>.main-one-bottom>.bottom-two>.item-left { width: 205px; height: 64px; box-sizing: border-box; padding: 0 0 0 25px; border-left: 1px solid #BD9369; margin-left: 75px; color: #BD9369; font-size: 16px; float: left; } .main>.main-one>.main-one-bottom>.bottom-two>.item-middle { width: 260px; height: 64px; padding: 0 0 0 25px; border-left: 1px solid #BD9369; margin-left: 75px; box-sizing: border-box; color: #BD9369; font-size: 14px; float: left; } .main>.main-one>.main-one-bottom>.bottom-two>.item-right { width: 400px; height: 64px; padding: 0 0 0 25px; border-left: 1px solid #BD9369; margin-left: 75px; color: #BD9369; font-size: 14px; float: left; } .main>.main-two { width: 100%; background: #F3DFCB; } .main>.main-two>.main-two-image { display: block; width: 1364px; margin: auto; } /* tab閫夐」鍗 */ .main>.main-jio { background: #314460; } .main>.main-jio>.two-middle { width: 1364px; background: #FFF6E9; margin: auto; padding: 55px 296px 40px 100px; color: #fff; box-sizing: border-box; } .main>.main-jio>.two-middle>h2 { font-weight: 400; font-size: 30px; line-height: 32px; color: #BD9369; font-weight: 500; } .main>.main-jio>.two-middle>h2>p { font-size: 25px; font-weight: 300; line-height: 32px; } .main>.main-jio>.two-middle>p { font-size: 14px; line-height: 26px; padding-top: 30px; color: #474A50; } .main>.main-jio>.two-bottom>.tab-nav { width: 1364px; height: 71px; background: #FFF6E9; margin: auto; position: relative; } .main>.main-jio>.two-bottom>.tab-nav>ul { margin: auto; position: absolute; display: flex; left: 50%; transform: translate(-50%); } .main>.main-jio>.two-bottom>.tab-nav>ul>li { background: #BD9369; width: 126px; height: 61px; box-sizing: border-box; padding-top: 15px; margin: 10px 5px; color: #ffffff; float: left; font-size: 16px; text-align: center; position: relative; font-weight: 400; line-height: 18px; } .main>.main-jio>.two-bottom>.tab-nav>ul>li span { width: 90px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main>.main-jio>.two-bottom>.tab-nav>ul>li:hover { cursor: pointer; /* border-bottom: 6px solid #BE956A; */ background: #314460; } .main>.main-jio>.two-bottom>.two-tab { width: 1364px; height: 492px; margin: auto; padding-bottom: 50px; overflow: hidden; } .main>.main-jio>.two-bottom>.two-tab>.item { display: none; } .main>.main-jio>.two-bottom>.two-tab>.item>.item-left { width: 807px; height: 492px; float: left; } .main>.main-jio>.two-bottom>.two-tab>.item>.item-right { width: 557px; height: 492px; float: right; padding: 88px 50px 0; box-sizing: border-box; background: #fff; } .main>.main-jio>.two-bottom>.two-tab>.item>.item-right>h2 { font-size: 26px; color: #BE956A; font-weight: 400; margin-bottom: 35px; } .main>.main-jio>.two-bottom>.two-tab>.item>.item-right>p { font-size: 14px; line-height: 26px; color: #797878; height: 260px; overflow: hidden; } .main>.main-jio>.two-bottom>.tab-nav>ul>.active { /* border-bottom: 6px solid #BE956A; */ background: #314460; } .clearfix:after { /* 浼厓绱犳槸琛屽唴鍏冪礌 姝e父娴忚鍣ㄦ竻闄ゆ诞鍔ㄦ柟娉 */ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; /* ie6娓呴櫎娴姩鐨勬柟寮 *鍙峰彧鏈塈E6-IE7鎵ц锛屽叾浠栨祻瑙堝櫒涓嶆墽琛 */ } /* 鐢熸椿鏈嶅姟 */ .main>.middle>.imgbox>.active>span { background: #BD9369; } .carousel-items { width: 1364px; margin: auto; padding: 40px 190px; box-sizing: border-box; background: rgba(32, 72, 86, .85); color: #fff; display: none; } .carousel-items .left { width: 300px; float: left; } .carousel-items .left h2 { font-size: 30px; font-weight: 400; line-height: 32px; text-align: right; } .carousel-items .left p { font-size: 25px; line-height: 32px; text-align: right; } .carousel-items .right { width: 650px; float: right; padding-left: 30px; box-sizing: border-box; border-left: 1px solid #fff; } .carousel-items .right h3 { font-size: 20px; font-weight: 400; line-height: 24px; margin-bottom: 10px; color: #7DE6EF; } .carousel-items .right p { font-size: 14px; line-height: 26px; font-weight: 300; } #dom-fenye { position: absolute; background: rgba(32, 72, 86, .85); height: 54px; bottom: 0; padding-top: 19.5px; box-sizing: border-box; } .carousel>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } .carousel>.swiper-container>.swiper-wrapper>.swiper-pagination { position: absolute; bottom: 160px; } .float-pion { position: absolute; bottom: -27px; background: #204856; opacity: 0.9; width: 1364px; height: 195px; } .float-pion>.left { /* width: 200px; */ height: 100px; color: #ffffff; float: left; padding-left: 250px; margin-top: 70px; border-right: 1px solid #ffffff; padding-right: 30px; } .float-pion>.left>h2 { font-weight: 500; font-size: 30px; line-height: 40px; text-align: right; } .float-pion>.left>p { width: 100%; font-size: 25px; line-height: 30px; font-weight: 500; } .float-pion .right { float: left; margin-top: 71px; margin-left: 30px; } .float-pion .right h3 { color: #fff; font-weight: 500; font-size: 20px; line-height: 27px; margin-bottom: 10px; } .float-pion .right p { color: #fff; font-weight: 400; font-size: 14px; line-height: 25px; } .main>.carousel { width: 1364px; margin: auto; position: relative; } .main>.carousel>.swiper-container { width: 100%; height: 100%; } .main>.carousel>.swiper-container>.swiper-wrapper>.swiper-slide { position: relative; /*杩欓噷锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒 */ } /* .main>.carousel>.swiper-container>.swiper-wrapper> */ .main>.carousel>.swiper-container>.swiper-slide { width: 100%; height: 100%; } .main>.carousel>.swiper-container>.swiper-slide>img { width: 100%; height: 100%; } .main>.carousel>.qh { width: 55px; height: 55px; cursor: pointer; position: absolute; top: 50%; z-index: 999; color: #fff; left: 50px; outline: none; border: 1px solid #fff; border-radius: 50%; font-size: 30px; text-align: center; line-height: 55px; transform: translate(0, -50%); } .main>.carousel>.next { left: 90%; } .main>.carousel>.prev { left: 5%; } .main>.middle { width: 1364px; margin: auto; background: #fff6e9; padding-top: 50px; box-sizing: border-box; } .main>.middle>h2 { text-align: left; padding-left: 100px; color: #BE956A; font-size: 30px; font-weight: 400; line-height: 32px; margin-bottom: 25px; } .main>.middle>h2>p { font-size: 25px; font-weight: 300; line-height: 32px; } .main>.middle>p { width: 890px; height: 100px; text-align: left; padding-left: 100px; font-size: 14px; color: #474A50; line-height: 25px; /* margin-bottom: 50px; */ } .main>.middle>.text { margin-top: -70px; } .main>.middle>.imgbox { width: 1364px; margin: auto; } .main>.middle>.imgbox>div { width: 280px; float: left; margin-left: 20px; } .main>.middle>.imgbox>div:nth-child(1) { margin-left: 100px; } /* .main>.middle>.imgbox>div:nth-last-child(1) { margin-right: 0; } */ .main>.middle>.imgbox>div>img { width: 100%; display: block; } .main>.middle>.imgbox>div>span { display: block; width: 100%; height: 75px; float: left; background: #187077; text-align: center; box-sizing: border-box; color: #fff; margin-top: -5px; margin-bottom: 24px; position: relative; } .main>.middle>.imgbox>div>span>div { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main>.middle>.imgbox>div:hover>span { background: #BD9369; } .main>.middle>.imgbox>div>.active { background: #BD9369; } .main>.middle>.imgbox>div>span h3 { font-size: 18px; font-weight: 500; } .main>.middle>.imgbox>div>span p { font-size: 14px; } .main>.middle>.two-tab>p { font-size: 14px; color: #474A50; line-height: 25px; padding: 0 100px; text-align: justify; display: none; padding-bottom: 50px; color: #187077; font-weight: 400; } .main>.middle>.two-tab>p span { display: block; height: 58px; float: left; border-right: 2px solid #187077; padding-right: 20px; margin-right: 20px; font-weight: bold; } .main>.middle>.two-tab>p:nth-child(1) { display: block; color: #187077; } .main>.there-box { width: 100%; background: #314460; } .main>.there-box>.center { width: 1364px; height: 200px; margin: auto; background: red; } .container>.main>.dome-cont { padding: 0; } .container>.main>.dome-cont>.two-box-center>.carou>.qh { width: 57px; height: 57px; border: 1px solid #fff; outline: none; cursor: pointer; z-index: 999; position: absolute; text-align: center; line-height: 57px; color: #fff; font-size: 30px; top: 50%; border-radius: 50%; } .container>.main>.dome-cont>.two-box-center>.carou>.prev { left: 60px; } .container>.main>.dome-cont>.two-box-center>.carou>.next { right: 60px; } .container>.main>.dome-cont>.two-box-center>.item-two { height: 210px; background: #FFF6E9; } .container>.main>.dome-cont>.two-box-center>.item-two>.right { width: 455px; height: 100%; background: #ED7326; float: right; padding: 52px 0 0 35px; box-sizing: border-box; } .container>.main>.dome-cont>.two-box-center>.item-two>.right img { float: left; margin-right: 15px; } .container>.main>.dome-cont>.two-box-center>.item-two>.right h2 { color: #FFFFFF; font-size: 30px; line-height: 32px; font-weight: 400; } .container>.main>.dome-cont>.two-box-center>.item-two>.right p { color: #FFFFFF; font-size: 25px; line-height: 32px; font-weight: 300; } .container>.main>.dome-cont>.two-box-center>.item-two>.left { width: 907px; height: 100%; float: left; padding: 30px 60px 0 20px; box-sizing: border-box; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>h3 { font-size: 30px; color: #BD9369; height: 100%; float: left; font-weight: 400; margin-left: 40px; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>h3>span { width: 31px; height: 31px; display: block; float: left; border-radius: 50%; text-align: center; line-height: 35px; margin-right: 10px; position: relative; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>h3>span>img { width: 100%; height: 100%; display: block; margin-top: 8px; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>p { width: 563px; float: right; font-size: 14px; color: #474A50; line-height: 26px; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>p:nth-child(2) { font-size: 16px; font-weight: 500; } /* 鍩熻鏂囨梾 */ .main>.head>.imgbox>div>span { margin-bottom: 0; } .main>.head>.imgbox>div>span>h3 { font-weight: 500; } .main>.head>.imgbox>div>h4 { color: #797878; text-align: center; font-weight: 300; line-height: 60px; font-size: 18px; font-weight: 400; } .main>.two-box { width: 100%; background: #314460; padding: 80px 0; position: relative; } .main>.two-box>.two-box-center { width: 1364px; margin: auto; overflow: hidden; position: relative; } .main>.two-box>.two-box-center>h2 { font-size: 30px; color: #BE956A; margin-bottom: 30px; text-align: center; font-weight: 500; } .main>.two-box>.two-box-center>.p1 { width: 900px; margin: auto; font-size: 14px; color: #FFFFFF; margin-bottom: 50px; line-height: 26px; text-align: center; } .main>.two-box>.two-box-center>ul { height: 58px; margin: auto; position: absolute; left: 50%; transform: translate(-50%, 0); } .main>.two-box>.two-box-center>.c2 { width: 100%; height: 58px; } .main>.two-box>.two-box-center>ul>li { padding: 0 30px; line-height: 58px; float: left; margin-right: 20px; background: #BD9369; font-size: 20px; color: #F3DFCB; } .main>.two-box>.two-box-center>ul>li:hover { background: #FFF6E9; cursor: pointer; color: #BD9369; } .main>.two-box>.two-box-center>ul>.active { background: #FFF6E9; color: #BD9369; } .main>.two-box>.two-box-center>.item-two { width: 1364px; background: #FAFAFA; margin: auto; display: none; } .main>.two-box>.two-box-center>.item-two>h2 { width: 990px; margin: auto; font-size: 22px; color: #BD9369; font-weight: 400; line-height: 50px; padding-top: 20px; } .main>.two-box>.two-box-center>.item-two>p { width: 990px; margin: auto; color: #797878; font-size: 14px; line-height: 24px; padding-bottom: 40px; } .main>.two-box>.two-box-center>.carou { width: 100%; height: 682px; overflow: hidden; position: relative; } .main>.two-box>.two-box-center>.carou>ul { width: 100%; height: 100%; left: 0; } .main>.two-box>.two-box-center>.carou>ul>.item { width: 1364px; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: .5s; } .main>.two-box>.two-box-center>.carou>ul>.item>img { width: 100%; height: 100%; } .main>.two-box>.two-box-center>.carou>.pager { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 20px; } .main>.two-box>.two-box-center>.carou>.pager>span { float: left; display: block; width: 15px; height: 15px; border-radius: 50%; background: #FFFFFF; margin-right: 15px; } .main>.two-box>.two-box-center>.carou>.pager>.active { background: #BD9369; } .main>.two-box>.two-box-center>.carou>ul>.item>.qh { position: absolute; top: 50%; width: 57px; height: 57px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; line-height: 57px; text-align: center; cursor: pointer; z-index: 999; outline: none; } .main>.two-box>.two-box-center>.carou>ul>.item>.prev { left: 60px; } .main>.two-box>.two-box-center>.carou>ul>.item>.next { right: 60px; } .main>.two-box>.two-box-center>.carou>ul>.item>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; height: 100%; } .main>.box-there { width: 100%; } .main>.box-there>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; height: 100%; } .main>.box-fore { width: 1203px; margin: auto; position: relative; padding: 115px 0 50px; } .main>.box-fore>.p1 { width: 852px; margin: 0 auto; margin-bottom: 70px; font-size: 14px; color: #797878; line-height: 24px; } .main>.box-fore>.flex { display: block; width: 378px; height: 180px; background: #ED7326; position: absolute; top: -135px; left: 50%; transform: translate(-50%, 0); text-align: center; color: #fff; font-size: 58px; font-weight: 400; z-index: 998; line-height: 50px; font-weight: 100; padding-top: 40px; box-sizing: border-box; } .main>.box-fore>.flex>p { font-size: 30px; font-weight: 400; } .main>.box-fore>.bottom { width: 100%; } .main>.box-fore>.bottom>div { width: 340px; float: left; margin-right: 80px; } .main>.box-fore>.bottom>div:nth-last-child(1) { margin-right: 0; } .main>.box-fore>.bottom>div>img { width: 100%; height: 224px; } .main>.box-fore>.bottom>div>h2 { font-size: 20px; font-weight: 400; line-height: 55px; text-align: center; color: #BD9369; } .main>.box-fore>.bottom>div>p { font-size: 14px; color: #797878; line-height: 24px; } /* 鑵句簯澶у仴搴 */ .main>.content { width: 100%; background: #F3DFCB; } .main>.content>.content-top { width: 1364px; margin: auto; padding-top: 50px; background: #FFF6E9; height: 1048px; } .main>.content>.content-top>h3 { font-size: 30px; color: #BE956A; font-weight: 400; line-height: 32px; padding-left: 217px; } .main>.content>.content-top>h3>p { font-size: 25px; font-weight: 300; line-height: 32px; } .main>.content>.content-top>.p1 { width: 945px; margin-bottom: 30px; font-size: 14px; color: #474A50; line-height: 24px; padding-left: 217px; margin-top: 20px; } /* 浜т笟甯冨眬娣诲姞鐨則ab閫夐」鍗 */ .main>.content>.content-top>.tab-11 { height: 60px; display: flex; margin-left: 217px; } .main>.content>.content-top>.tab-11>.active { color: #F3DFCB; } .main>.content>.content-top>.tab-11>li { width: 178px; float: left; text-align: center; height: 49px; color: #ffffff; background: #BD9369; margin-right: 10px; position: relative; box-sizing: border-box; } .main>.content>.content-top>.tab-11>li:nth-last-child(1) { margin-right: 0; } .main>.content>.content-top>.tab-11>li>p { width: 100%; line-height: 20px; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 18px; font-weight: 400; } .main>.content>.content-top>.tab-11>.active { background: #209EA8; color: #fff; cursor: pointer; } .main>.content>.content-top>.tab-11>li:hover { background: #209EA8; color: #fff; cursor: pointer; } .main>.content>.content-top>.div-11 { width: 930px; margin-left: 217px; margin-top: 20px; margin-bottom: 30px; } .main>.content>.content-top>.div-11>p { font-size: 14px; line-height: 25px; color: #474A50; display: none; } .main>.content>.content-top>.div-11>p:nth-child(1) { display: block; } /* 浜т笟甯冨眬娣诲姞鐨則ab閫夐」鍗nd */ .main>.content>.content-top .tab-one { height: 35px; display: flex; margin-left: 217px; } .main>.content>.content-top .tab-one>.active { color: #F3DFCB; } .main>.content>.content-top .tab-one>li { width: 120px; float: left; height: 35px; color: #fff; background: #209EA8; margin-right: 15px; position: relative; box-sizing: border-box; } .main>.content>.content-top .tab-one>li>p { width: 100%; line-height: 20px; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 16px; text-align: center; font-weight: 400; } .main>.content>.content-top .tab-one>.active { cursor: pointer; color: #fff; background: #BD9369; } .main>.content>.content-top .tab-one>li:hover { cursor: pointer; color: #fff; background: #BD9369; } .main>.content>.content-top .carou-t { width: 100%; height: 605px; } .main>.content>.content-top .carou-t>.carou-left { width: 1020px; height: 500px; position: relative; } .main>.content>.content-top .carou-t>.carou-left>.item { width: 1020px; height: 500px; position: absolute; left: 0; opacity: 0; transition: .5s; } .main>.content>.content-top .carou-t>.carou-left>.item>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } .main>.content>.content-top .carou-t>.carou-left>.pager { position: absolute; right: 30px; bottom: 25px; } .main>.content>.content-top .carou-t>.carou-left>.pager>span { float: left; display: block; width: 15px; height: 15px; border-radius: 50%; background: #FFFFFF; margin-right: 15px; } .main>.content>.content-top .carou-t>.carou-left>.pager>.active { background: #BD9369; } .main>.content>.content-top .carou-t>.carou-left>.qh { position: absolute; top: 50%; width: 57px; height: 57px; border: 1px solid #fff; border-radius: 50%; color: #fff; line-height: 57px; text-align: center; cursor: pointer; font-size: 30px; outline: none; } .main>.content>.content-top .carou-t>.carou-left>.prev { left: 40px; } .main>.content>.content-top .carou-t>.carou-left>.next { right: -300px; z-index: 998; } .main>.content>.content-top .carou-t>.carou-right { width: 930px; height: 214px; padding-top: 35px; box-sizing: border-box; display: none; margin-left: 217px; } .main>.content>.content-top .carou-t>.carou-right>h4 { width: 200px; height: 100%; margin: auto; font-size: 25px; line-height: 20px; font-weight: 300; margin-bottom: 20px; color: #187077; float: left; border-right: 1px solid #187077; box-sizing: border-box; } .main>.content>.content-top .carou-t>.carou-right>p { width: 702px; margin: auto; color: #187077; font-size: 14px; line-height: 25px; float: right; } /* 鑵句簯鐢熷懡绉戝鎶曡祫 */ .main>.content>.content-middle { width: 100%; background: #BD9369; } .main>.content>.content-middle>.center { width: 1364px; margin: auto; background: #fff; } .main>.content>.content-middle>.center>h3 { font-size: 30px; color: #BE956A; font-weight: 400; width: 930px; margin: auto; padding-top: 50px; line-height: 32px; } .main>.content>.content-middle>.center>h3>p { font-size: 25px; font-weight: 300; line-height: 32px; } .main>.content>.content-middle>.center>.p1 { font-size: 14px; color: #797878; width: 930px; margin: auto; line-height: 24px; margin-bottom: 50px; padding-top: 30px; } .main>.content>.content-middle>.center>.cor-flex { width: 1364px; height: 399px; } .main>.content>.content-middle>.center>.cor-flex>.touzi { width: 100%; height: 100%; } .main>.content>.content-middle>.center>.cor-flex>.touzi>.swiper-wrapper>.swiper-slide>img { width: 100%; height: 100%; } .main>.content>.content-middle>.center>.cor-flex>.touzi>.prev1 { margin-left: 50px; } .main>.content>.content-middle>.center>.cor-flex>.touzi>.next1 { margin-left: 1250px; } /* 鑵句簯瀛︾涓績*/ #tengyun-anniu { /* margin-left: -170px; */ } .main>.content>.content-bottom { /* width: 1364px; */ height: 740px; margin: auto; } .main>.content>.content-bottom>.con-jio { width: 1364px; height: 100%; margin: auto; background: #FFF6E9; } #logo { position: absolute; z-index: 999; margin-top: 6px; margin-left: 1040px; } .main>.content>.content-bottom>.con-jio>h3 { font-size: 30px; color: #BE956A; font-weight: 400; width: 930px; margin: auto; line-height: 32px; padding-top: 50px; } .main>.content>.content-bottom>.con-jio>h3>p { font-size: 25px; font-weight: 300; line-height: 32px; } .main>.content>.content-bottom>.con-jio>.p1 { font-size: 14px; color: #474A50; width: 930px; margin: auto; line-height: 24px; margin-bottom: 20px; padding-top: 30px; } /* 鑵句簯瀛︾涓績娣诲姞鐨則ab閫夐」鍗 */ .main>.content>.content-bottom>.con-jio>.tab-33 { height: 60px; display: flex; flex-wrap: nowrap; width: 930px; margin: auto; margin-top: 50px; } .main>.content>.content-bottom>.con-jio>.tab-33>.active { color: #F3DFCB; } .main>.content>.content-bottom>.con-jio>.tab-33>li { width: 200px; float: left; height: 60px; color: #fff; margin-right: 15px; position: relative; box-sizing: border-box; text-align: center; /* padding-top: 55px; */ box-sizing: border-box; background: #209EA8; } .main>.content>.content-bottom>.con-jio>.tab-33>li>p { /* line-height: 35px; */ width: 100%; text-align: center; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 16px; line-height: 20px; font-weight: 400; } .main>.content>.content-bottom>.con-jio>.tab-33>.active { color: #fff; background: #BD9369; } .main>.content>.content-bottom>.con-jio>.tab-33>li:hover { color: #fff; background: #BD9369; cursor: pointer; } /* 鑵句簯瀛︾涓績娣诲姞鐨則ab閫夐」鍗nd */ .main>.content>.content-bottom>.con-jio>.bottom-right { width: 930px; height: 385px; margin-left: 217px; opacity: 0; position: absolute; } .main>.content>.content-bottom>.con-jio>.bottom-right>.swiper-container { width: 620px; height: 100%; float: left; } .main>.content>.content-bottom>.con-jio>.bottom-right>.swiper-container>.swiper-wrapper>.swiper-slide { width: 945px; height: 385px; } .main>.content>.content-bottom>.con-jio>.bottom-right>.swiper-container>.swiper-wrapper>.swiper-slide>.img1 { width: 620px; height: 385px; float: left; } .main>.content>.content-bottom>.con-jio>.bottom-right>.swiper-container>.swiper-wrapper>.swiper-slide>.img1>img { width: 100%; height: 100%; /* width: 500px; height: 385px; */ } .main>.content .bottom-right2 { background: #BD9369; width: 310px; height: 385px; float: left; color: #fff; } .main>.content .bottom-right2>span { font-size: 20px; line-height: 25px; display: block; padding-left: 30px; padding-top: 40px; font-weight: 400; } .main>.content .bottom-right2>p { font-size: 14px; line-height: 25px; padding-left: 30px; width: 260px; padding-top: 20px; } /* 鑵句簯澶у仴搴積nd */ /* 鍎跨鏁欒偛 */ .hove>.main-top-left { display: none; } .hove>.main-top-right { display: none; } .main>.main-top>.show { display: block; } .main>.main-top>.top-tab { width: 100%; height: 88px; background: red; margin-bottom: 75px; } .main>.main-top>.top-tab>li { cursor: pointer; width: 30.001%; float: left; height: 100%; background: #F3DFCB; color: #BD9369; text-align: center; transition: .5s; line-height: 88px; font-size: 26px; font-weight: 400; } .main>.main-top>.top-tab>.active { width: 70%; height: 100%; background: #BD9369; color: #fff; font-size: 26px; } .main>.tab-box { width: 100%; padding-top: 80px; display: none; } .main>.show { display: block; } .main>.tab-box>.item-banner { position: relative; min-width: 1120px; } .main>.tab-box>.item-banner>.banner-image { width: 100%; display: block; } .main>.tab-box>.item-banner>.banner-text { position: absolute; width: 1364px; margin-left: -682px; top: 48px; left: 50%; } .main>.tab-box>.item-banner>.banner-text>span { font-family: "Noto Sans SC"; font-size: 30px; color: #474A50; height: 30px; display: block; line-height: 30px; margin-bottom: 15px; font-weight: 400; } .main>.tab-box>.item-banner>.banner-text>span:nth-child(2) { font-size: 18px; line-height: 24px; margin-bottom: 15px; } .main>.tab-box>.item-banner>.banner-text>h2 { font-family: "Noto Sans SC"; font-size: 20px; color: #474A50; height: 48px; line-height: 48px; letter-spacing: 12px; } .main>.tab-box>.item-banner>.banner-text>p { font-family: "Noto Sans SC"; font-size: 14px; color: #474A50; width: 800px; /* padding-right: 360px; */ line-height: 24px; } .main>.tab-box>.item-two { width: 1364px; margin: auto; } .main>.tab-box>.item-two>img { width: 100%; display: block; height: 450px; } .main>.tab-box>.item-two>.item { width: 100%; height: 159px; background: #FFF6E9; } .main>.tab-box>.item-two>.item>div { width: 1140px; height: 100%; padding: 48px 0 0 0; box-sizing: border-box; margin: auto; } .main>.tab-box>.item-two>.item>div>span { font-size: 30px; color: #BD9369; font-weight: 400; } .main>.tab-box>.item-two>.item>div>p { float: right; width: 980px; color: #474A50; font-size: 14px; line-height: 24px; } /* 閲戣瀺鏈嶅姟 鑵句簯璧勬湰 */ .main>.c2 { height: 100px; } .main>.image-there { width: 100%; display: block; } .main>.item-there { position: relative; min-width: 1120px; } .main>.item-there>.image-there { width: 1364px; margin: auto; display: block; opacity: 0.79; } .main>.item-there>.there-text { position: absolute; width: 1090px; top: 72px; left: 50%; transform: translate(-50%, 0); text-align: left; } .main>.item-there>.there-text>span { font-family: "Noto Sans SC"; font-size: 30px; color: #BD9369; height: 60px; line-height: 32px; font-weight: 400; } .main>.item-there>.there-text>span>p { font-size: 25px; line-height: 32px; font-weight: 300; } .main>.item-there>.there-text>p { font-family: "Noto Sans SC"; font-size: 14px; color: #474A50; line-height: 24px; text-align: left; margin-top: 20px; } .main>.item-there>.item-there-bottom { position: absolute; bottom: 0px; width: 1364px; margin-left: -682px; left: 50%; display: flex; justify-content: center; background: #295479; opacity: 0.76; height: 180px; } .main>.item-there>.item-there-bottom .clon { width: 1090px; display: flex; flex-flow: row nowrap; justify-content: space-between; } .main>.item-there>.item-there-bottom .item-there-item { width: 300px; flex-direction: row; text-align: center; /* width: 351px; */ } .main>.item-there>.item-there-bottom .item-there-item img { width: 55px; height: 55px; margin-top: -30px; } .main>.item-there>.item-there-bottom .item-there-item h2 { font-family: "Noto Sans SC"; font-size: 18px; color: #AEAEB2; height: 48px; line-height: 48px; font-weight: 400; } .main>.item-there>.item-there-bottom .item-there-item p { font-family: "Noto Sans SC"; font-size: 14px; color: #AEAEB2; line-height: 24px; text-align: left; text-align: justify; } .main>.echar { position: relative; } .main>.echar>.carove { width: 213px; height: 213px; background: #fff; position: absolute; top: 50%; left: 50%; border-radius: 50%; color: #BE956A; transform: translate(-50%, -50%); text-align: center; line-height: 213px; font-size: 30px; } .main>.echar>.midd-box { width: 100%; height: 900px; margin: auto; position: relative; background: #FAFAFA; } /* 閲戣瀺鏈嶅姟 鎶曡祫甯冨眬鏂瑰潡*/ .container>.main>.pie { width: 100%; height: 557px; background: #BD9369; } .container>.main>.pie>.cont { width: 1364px; height: 100%; margin: auto; background: #FFF6E9; position: relative; } .container>.main>.pie>.cont>span { color: #BD9369; line-height: 32px; font-size: 30px; display: block; text-align: center; padding-top: 60px; color: #BE956A; font-weight: 400; font-size: 30px; } .container>.main>.pie>.cont>span>p { font-size: 25px; font-weight: 300; line-height: 32px; } .container>.main>.pie>.cont>.touzi-div { margin-left: 120px; margin-top: 35px; } .container>.main>.pie>.cont>.touzi-div>.touzi-tu { float: left; margin-right: 25px; width: 360px; position: relative; } .container>.main>.pie>.cont>.touzi-div>.touzi-tu>img { width: 100%; } .container>.main>.pie>.cont>.touzi-div>.touzi-tu>span { display: block; width: 100%; height: 94px; float: left; position: absolute; background-color: rgba(49, 68, 96, .75); text-align: center; box-sizing: border-box; color: #fff; margin-top: -97px; margin-bottom: 20px; font-size: 21px; line-height: 94px; font-weight: 400; } .container>.main>.pie>.cont>.touzi-div>.touzi-tu:hover>span { background-color: rgba(49, 68, 96, .95); } .container>.main>.pie>.cont>.touzi-div>.touzi-tu:active { background-color: rgba(49, 68, 96, .95); } .container>.main>.pie>.cont>.touzi-div>.active>span { background-color: rgba(49, 68, 96, .95); } .container>.main>.pie>.cont>.touzi-tab { width: 1130px; text-align: justify; position: relative; margin: auto; } .container>.main>.pie>.cont>.touzi-tab>p { font-size: 14px; line-height: 24px; position: absolute; margin-top: 265px; display: none; color: #474A50; } .container>.main>.pie>.cont>.touzi-tab>p:nth-child(1) { display: block; } /* 鎶曡祫绫诲瀷 */ .main>.bott-box { width: 100%; padding: 70px 0 90px; } .main>.bott-box>.bott-bigbox { width: 1364px; margin: auto; /* background: paleturquoise; */ } .main>.bott-box>.bott-bigbox>.title { width: 330px; text-align: center; line-height: 32px; color: #BE956A; font-size: 30px; border-bottom: 1px #BE956A solid; /* border-bottom: 1px solid #BE956A(0.9); background-clip: padding-box; */ margin: auto; margin-bottom: 30px; font-weight: 400; height: 90px; } .main>.bott-box>.bott-bigbox>.title span { display: block; font-size: 25px; line-height: 32px; font-weight: 300; } .main>.bott-box>.bott-bigbox>.fote { width: 1364px; margin: auto; } .main>.bott-box>.bott-bigbox>.fote>ul { width: 85%; height: 75px; border-bottom: 1px solid #BE956A; margin-left: 100px; padding-top: 50px; } .main>.bott-box>.bott-bigbox>.fote>ul>li { width: 262px; text-align: center; float: left; margin-right: 37px; margin-bottom: 30px; } .main>.bott-box>.bott-bigbox>.fote>ul>li:nth-last-child(1) { margin-right: 0; } .main>.bott-box>.bott-bigbox>.fote>ul>li>img { width: 35px; height: 35px; } .main>.bott-box>.bott-bigbox>.fote>ul>li>P { font-size: 18px; color: #BE956A; font-weight: 500; } .main>.bott-box>.bott-bigbox>.fote>.text { margin-left: 100px; } .main>.bott-box>.bott-bigbox>.fote>.text>p { width: 262px; float: left; margin-right: 40px; font-size: 14px; color: #797878; line-height: 24px; } } /* max-width: 1500px -------------------------------------------------------------------&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */ @media only screen and (max-width: 1500px) { .Add-bottom { /* padding-bottom: 50px; */ /* background-image: url(../img/pzj.png); */ width: 1120px; /* height: 544px; */ margin: auto; } .Add-center h2 { font-size: 30px; color: #BD9369; text-align: left; font-weight: 400; padding-top: 55px; line-height: 32px; width: 900px; margin: auto; } .Add-bottom img { width: 100%; display: block; } .container>.header>.headerauto>.navone>a { transition: .5s; } .container>.header>.headerauto>.navone>.active { background: #BD9369; color: #fff; } .container>.banner { width: 100%; position: relative; } .container>.banner>img { width: 100%; height: 100%; display: block; } .container>.banner>.nav { width: 100%; height: 54px; background: rgba(70, 77, 88, 0.9); position: fixed; } .container>.banner>.nav>.top { width: 1120px; margin: auto; } .container>.banner>.nav>.top>ul { float: right; display: none; } .container>.banner>.nav>.top>ul>a { color: #F3DFCB; font-size: 14px; line-height: 54px; margin-right: 20px; } .container>.banner>.nav>.top>ul>a:nth-child(8) { margin: 0; } .container>.banner>.dy { position: absolute; width: 335px; height: 66px; right: 645px; bottom: 70px; } .container>.main { width: 100%; } .container>.main>.main-top { width: 1120px; margin: auto; } .container>.main>.main-top>.main-top-left { float: left; } .container>.main>.main-top>.main-top-left>h3 { font-size: 30px; color: #BE956A; font-weight: 400; } .container>.main>.main-top>.main-top-left>p { width: 260px; font-size: 20px; color: #BD9369; line-height: 24px; } .container>.main>.main-top>.main-top-right { width: 740px; float: right; font-size: 14px; color: #797878; line-height: 24px; } .container>.main>.main-top>a { display: block; width: 1120px; height: 90px; line-height: 90px; text-indent: 75px; font-size: 24px; margin-top: 80px; position: relative; color: #FFF4E4; background: #BD9369; position: relative; } .container>.main>.main-top>a>img { width: 100%; height: 100%; margin-left: -85px; z-index: 1; } .container>.main>.main-top>a>p { width: 100%; position: absolute; top: 0; z-index: 99; } .container>.main>.main-top>a>p>span { font-size: 18px; position: absolute; left: 34px; font-weight: 400; } .container>.main>.main-middle { /* width: 100%; */ background: #fff; } .container>.main>.main-middle>.main-middle-top { width: 1120px; background: #FFF6E9; margin: 0 auto; text-align: left; } .container>.main>.main-middle>.main-middle-top>h3 { width: 900px; text-align: left; /* padding-left: 120px; */ margin: auto; padding-top: 65px; font-size: 30px; color: #BE956A; font-weight: 400; margin-bottom: 20px; line-height: 32px; } .container>.main>.main-middle>.main-middle-top>h3>p { font-weight: 300; font-size: 25px; } .container>.main>.main-middle>.main-middle-top>.p1 { width: 900px; /* margin: auto; */ /* padding-left: 120px; */ margin: auto; font-size: 14px; line-height: 24px; color: #474A50; margin-bottom: 50px; text-align: justify; } .container>.main>.main-middle>.main-middle-top>.imgbox { width: 900px; height: 340px; margin: auto; padding-bottom: 40px; display: flex; flex-direction: row; justify-content: space-between; } .container>.main>.main-middle>.main-middle-top>.imgbox>div { width: 270px; height: 95%; float: left; /* margin-left: 50px; */ position: relative; } .container>.main>.main-middle>.main-middle-top>.imgbox>div>img { width: 100%; height: 194px; } .container>.main>.main-middle>.main-middle-top>.imgbox>div>span { display: block; width: 100%; height: 175px; background: rgba(196, 157, 119, .9); position: absolute; bottom: 0; } .container>.main>.main-middle>.main-middle-top>.imgbox>div>span>p:nth-child(1) { color: #FFFFFF; line-height: 50px; font-size: 18px; text-align: center; margin-bottom: 10px; font-weight: 400; } .container>.main>.main-middle>.main-middle-top>.imgbox>div>span>p:nth-child(2) { width: 255px; margin: auto; font-size: 14px; color: #fff; line-height: 24px; } .container>.main>.main-middle>.main-middle-top>.imgbox>div:hover>span { transition: 1s; background: rgba(80, 95, 116, .85); } /* 绗竴涓疆鎾 */ #lunbo1 { width: 900px; left: 50%; transform: translate(-50%,0); /* margin-left: 370px; */ bottom: 20px; text-align: right; } .container>.main>.main-middle-bottom { width: 100%; margin: auto; background: #6DC0C7; } .container>.main>.main-middle-bottom>.imgbox0 { width: 1120px; /* height: 278px; */ background: #fff; margin: 0 auto; padding-top: 66px; padding-bottom: 45px; } .container>.main>.main-middle-bottom>.imgbox0>h3 { width: 900px; margin: auto; text-align: left; /* padding-left: 120px; */ font-size: 30px; color: #BE956A; font-weight: 400; margin-bottom: 20px; line-height: 32px; } .container>.main>.main-middle-bottom>.imgbox0>h3 p { font-weight: 300; font-size: 25px; } .container>.main>.main-middle-bottom>.imgbox0>p { width: 900px; text-align: justify; /* padding: 0 120px; */ box-sizing: border-box; margin: auto; font-size: 13px; line-height: 30px; color: #797878; } .container>.main>.main-middle-bottom>.imgbox>.imgli { width: 1120px; margin: 0 auto; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div { width: 1120px; height: 566px; margin: 0 auto; position: relative; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div>img { width: 100%; height: 100%; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div>span { width: 100%; height: 189px; background: #16555A; opacity: 0.9; display: block; color: #fff; position: absolute; bottom: 0; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div>span>p:nth-child(1) { line-height: 33px; font-size: 25px; text-align: left; margin-top: 35px; padding-left: 110px; font-weight: 400; } .container>.main>.main-middle-bottom>.imgbox>.imgli>div>span>p:nth-child(2) { width: 468px; font-size: 14px; line-height: 25px; padding-left: 110px; padding-top: 20px; color: #F3DFCB; } .swiper-container { width: 1120px; /* height: 100%; */ } /* 绗竴涓疆鎾牱寮忕粨鏉 */ .Add-center>.p-2 { margin-top: -20px; } .container>.main>.bottom { width: 100%; background: #314460; /* height: 956px; */ } .container>.main>.bottom>.bottom-moddle { width: 1120px; height: 200px; margin: auto; padding-top: 76px; } .container>.main>.bottom>.bottom-moddle>p { font-size: 30px; color: #BE956A; line-height: 32px; font-weight: 400; } .container>.main>.bottom>.bottom-moddle>p:nth-child(2) { font-size: 25px; font-weight: 300; } .container>.main>.bottom>.bottom-moddle>ul { width: 100%; height: 25px; font-size: 16px; color: #707070; border-bottom: #BD9369 1px solid; } .container>.main>.bottom>.bottom-moddle>ul>li { float: left; margin-right: 18px; line-height: 25px; cursor: pointer; } .container>.main>.bottom>.bottom-moddle>ul>.active { color: #F3DFCB; } .container>.main>.bottom>.bottom-moddle>.tab-one { margin: 20px 0 10px 0; } .container>.main>.bottom>.bottom-moddle>.tab-two { margin-bottom: 30px; } .container>.main>.bottom>.bottom-moddle>.tab-there { margin-bottom: 30px; } .container>.main>.bottom>.tab-car { width: 1120px; margin: 30px auto; position: relative; margin-bottom: 0; } .container>.main>.bottom>.tab-car>.swiper-container { width: 710px; height: 450px; float: left; } .container>.main>.bottom>.tab-car>.swiper-container>.swiper-wrapper>.swiper-slide>.d1 { /* width: 100%; height: 100%; */ width: 710px; height: 503px; float: left; } .container>.main>.bottom>.tab-car>.swiper-container>.swiper-wrapper>.swiper-slide img { width: 100%; height: 100%; } .container>.main>.bottom>.tab-car .d2 { width: 410px; height: 450px; float: left; background: #FFFFFF; } .container>.main>.bottom>.tab-car .d2 h2 { color: #BD9369; font-size: 25px; line-height: 24px; padding-left: 27px; margin-top: 50px; display: block; font-family: 'Noto Sans SC'; font-weight: 500; } .container>.main>.bottom>.tab-car .d2 div { color: #BD9369; font-size: 14px; line-height: 25px; padding-left: 27px; padding-right: 27px; padding-top: 20px; font-weight: 500; text-align: justify; } .container>.main>.bottom>.tab-car .d2 span { color: #BD9369; font-size: 25px; line-height: 24px; padding-left: 27px; margin-top: 50px; display: block; font-weight: 500; } .container>.main>.bottom>.tab-car .d2 img { margin-left: 27px; margin-top: 29px; float: left; } .container>.main>.bottom>.tab-car .d2 .xiaoshou { float: left; margin-top: 24px; margin-left: -19px; font-size: 18px; font-weight: 500; } .container>.main>.bottom>.tab-car>.prev { width: 55px; height: 55px; font-size: 30px; position: absolute; top: 50%; left: 26px; outline: none; z-index: 999; color: #fff; } .container>.main>.bottom>.tab-car>.next { font-size: 30px; position: absolute; top: 50%; left: 620px; z-index: 999; outline: none; color: #fff; } .container>.main>.bottom>.tab-car>.qh { width: 55px; height: 55px; cursor: pointer; border: 1px solid #fff; border-radius: 50%; text-align: center; display: none; line-height: 55px; } #anniu { position: absolute; /* margin-left: -220px; */ display: none; } .container>.main>.bottom>.tab-footer { width: 1120px; margin: auto; background: #314460; color: #BD9369; padding: 28px 54px 44px; box-sizing: border-box; /*margin-bottom: 50px;*/ } .container>.main>.bottom>.tab-footer>h2 { width: 170px; font-size: 24px; float: left; font-weight: 400; margin-right: 38px; } .container>.main>.bottom>.tab-footer>.text { width: 500px; float: left; font-size: 14px; line-height: 26px; } .container>.main>.bottom>.tab-footer>.rt { float: left; width: 300px; line-height: 38px; font-size: 20px; font-weight: 500; } .container>.main>.bottom>.tab-footer>h2 { font-weight: 500; } .container>.main>.bottom>.tab-footer>.rt>.left>img { width: 38px; height: 38px; margin-right: 10px; float: left; } .container>.main>.bottom>.tab-footer>.rt>.left { width: 48px; height: 100px; float: left; } .container>.main>.bottom>.tab-footer>h2 { font-weight: 500; } .swiper-pagination>.swiper-pagination-bullet { width: 15px; height: 15px; display: inline-block; background: #FFFFFF; opacity: 1; margin: 0 5px; } .swiper-pagination>.swiper-pagination-bullet-active { background: #BD9369; } /* 鏄熺骇閰掑簵 */ .main>.main-carousel { width: 100%; background: #314460; padding-bottom: 50px; } .main>.main-carousel>.main-carousel-inter { width: 1120px; margin: auto; } .main>.main-carousel>.main-carousel-inter>.inter-box { width: 100%; position: relative; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask { width: 100%; height: 300px; background: rgba(75, 94, 123, .8); position: absolute; bottom: 0; z-index: 999; padding: 35px 65px 40px 80px; box-sizing: border-box; overflow: hidden; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>.swiper-pagination { position: absolute; right: 65px; bottom: 30px; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>.logo { float: right; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>h2 { width: 255px; font-size: 25px; color: #F2D7C0; font-weight: 400; margin-top: 50px; margin-bottom: 20px; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>h2>p { font-size: 22px; font-weight: 300; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container { width: 100%; height: 100%; margin-bottom: 0; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.mask>p { font-size: 14px; color: #fff; width: 705px; line-height: 25px; } .main>.main-carousel>.main-carousel-inter>.inter-box>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } /* 鍟嗕笟杩愯惀 */ .main>.main-one { width: 100%; background: #FFF6E9; } .swiper-container1 { width: 1120px; margin: auto; overflow: hidden; position: relative; } .swiper-container1 img { width: 100%; display: block; } /* .main-one>.swiper-container1>.dian{ float: left;position: absolute; z-index: 99; } */ .swiper-container2 { width: 1120px; margin: auto; overflow: hidden; position: relative; } .swiper-container2 img { width: 100%; display: block; } .main>.main-one>.title { width: 1120px; line-height: 142px; background: #295479; margin: auto; text-align: center; color: #BE956A; font-size: 30px; font-weight: 400; } .main>.main-one>.titlede { width: 1120px; height: 182px; background: #295479; margin: auto; } .main>.main-one>.titlede>.title-one { text-align: left; color: #F3DFCB; font-size: 30px; font-weight: 400; line-height: 32px; padding-left: 75px; padding-top: 60px; } .main>.main-one>.titlede>.title-one>p { font-size: 25px; font-weight: 300; line-height: 32px; } .item-one { width: 1120px; height: 210px; margin: auto; background: rgba(49, 68, 96, .9); position: absolute; float: left; /* opacity: 0.83; */ z-index: 99; margin-top: -181px; } .swiper-container2>.item-one>img { width: 190px; height: 60px; position: absolute; top: 0; right: 75px; padding-top: 30px; } .item-one img { width: 200px; position: absolute; top: 0; padding-top: 30px; right: 75px; } #posin { z-index: 999; text-align: right; box-sizing: border-box; padding-right: 75px; } .item-one span { /* width: 820px; */ color: #F2D7C0; font-size: 25px; line-height: 35px; display: block; padding: 30px 0 0 75px; font-weight: 400; } .item-one p { width: 540px; color: #ffffff; font-size: 14px; line-height: 24px; padding: 20px 0 0 75px; float: left; } .main>.main-one>.main-one-middle { width: 1120px; margin: auto; } .main-sy { width: 1120px; background: #2D7290; /* position: relative; */ } /* .main-sy .top { position: absolute; top: 0; } */ .main-sy h2 { font-size: 30px; color: #FFF6E9; padding: 45px 0 10px 75px; line-height: 32px; font-weight: 400; } .main-sy h2>p { color: #FFF6E9; font-size: 25px; font-weight: 300; line-height: 32px; padding: 0; } .main-sy p { padding: 20px 0 20px 75px; font-size: 14px; color: #FFFFFF; line-height: 26px; width: 650px; text-align: justify; } .main-sy img { display: block; width: 100%; } .main>.main-one>.main-one-middle>.item-top { width: 100%; height: 310px; margin-bottom: -3px; } .main>.main-one>.main-one-middle>.item-top>.item-top-left { width: 329px; height: 100%; background: #FFFFFF; font-size: 30px; color: #BE956A; text-align: center; line-height: 310px; font-weight: 400; float: left; } .main>.main-one>.main-one-middle>.item-top>.item-top-right { width: 891px; height: 100%; float: left; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-one { width: 100%; height: 114.5px; background: #FFF6E9; box-sizing: border-box; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-one>.fyh { height: 100%; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>div>img { float: left; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>div>p { width: 550px; color: #797878; font-size: 14px; float: left; margin-top: 40px; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-two>p { margin-top: 40px; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-two { width: 100%; height: 114.5px; background: #F3DFCB; box-sizing: border-box; } .main>.main-one>.main-one-middle>.item-top>.item-top-right>.item-two>.fyh { height: 100%; } .main>.main-one>.main-one-middle>.item-middle { width: 100%; height: 240px; background: #2E3138; padding: 40px 80px 50px 70px; box-sizing: border-box; } .main>.main-one>.main-one-middle>.item-middle>.left { width: 360px; border-right: 1px solid #BD9369; padding: 10px 0; box-sizing: border-box; float: left; } .main>.main-one>.main-one-middle>.item-middle>.left>.p1 { color: #BD9369; font-size: 16px; margin-bottom: 10px; } .main>.main-one>.main-one-middle>.item-middle>ul { width: 100%; margin-bottom: 10px; border-bottom: 1.5px solid #F3DFCB; } .main>.main-one>.main-one-middle>.item-middle>ul>li { line-height: 30px; float: left; margin-right: 15px; font-size: 16px; color: #BD9369; cursor: pointer; } .main>.main-one>.main-one-middle>.item-middle>.left>.tab-there>li { cursor: pointer; color: #BD9369; font-size: 14px; float: left; margin-right: 5px; } .main>.main-one>.main-one-middle>.item-middle>.right { width: 570px; padding: 10px 0; box-sizing: border-box; float: right; } .main>.main-one>.main-one-middle>.item-middle>.right>.p1 { color: #BD9369; font-size: 16px; margin-bottom: 10px; } .main>.main-one>.main-one-middle>.item-middle>.right>.tab-there-two>li { cursor: pointer; color: #BD9369; font-size: 14px; float: left; margin-right: 5px; } .main>.main-one>.main-one-bottom { width: 1120px; margin: auto; position: relative; } .main>.main-one>.main-one-bottom>.swiper-container>.qh { width: 55px; height: 55px; color: #fff; font-size: 37px; z-index: 999; outline: none; border-radius: 50%; cursor: pointer; font-weight: normal; border: 1px solid #fff; text-align: center; line-height: 55px; position: absolute; } .main>.main-one>.main-one-bottom>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } .main>.main-one>.main-one-bottom>.swiper-container>.prev { top: 50%; left: 80px; } .main>.main-one>.main-one-bottom>.swiper-container>.next { top: 50%; right: 80px; } .main>.main-one>.main-one-bottom>.bottom-two { width: 100%; height: 154px; background: #FFFFFF; padding: 30px 0 0 0; box-sizing: border-box; } .main>.main-one>.main-one-bottom>.bottom-two>.item-left { width: 205px; height: 64px; box-sizing: border-box; padding: 0 0 0 25px; border-left: 1px solid #BD9369; margin-left: 75px; color: #BD9369; font-size: 16px; float: left; } .main>.main-one>.main-one-bottom>.bottom-two>.item-middle { width: 260px; height: 64px; padding: 0 0 0 25px; border-left: 1px solid #BD9369; margin-left: 75px; box-sizing: border-box; color: #BD9369; font-size: 14px; float: left; margin-right: 30px; } .main>.main-one>.main-one-bottom>.bottom-two>.item-right { width: 430px; height: 64px; padding: 0 30px 0 25px; border-left: 1px solid #BD9369; box-sizing: border-box; color: #BD9369; font-size: 14px; float: left; } .main>.main-two { width: 100%; background: #F3DFCB; } .main>.main-two>.main-two-image { display: block; width: 1120px; margin: auto; } /* tab閫夐」鍗 */ .main>.main-jio { background: #314460; height: 700px; } .main>.main-jio>.two-middle { width: 1120px; background: #FFF6E9; margin: auto; padding: 55px 296px 20px 75px; color: #fff; box-sizing: border-box; } .main>.main-jio>.two-middle>h2 { font-weight: 400; font-size: 30px; line-height: 32px; color: #BD9369; margin-top: -18px; } .main>.main-jio>.two-middle>h2>p { font-size: 25px; line-height: 32px; font-weight: 300; } .main>.main-jio>.two-middle>p { font-size: 14px; line-height: 26px; padding-top: 30px; color: #474A50; } .main>.main-jio>.two-bottom>.tab-nav { width: 1120px; height: 85px; background: #FFF6E9; margin: auto; position: relative; } .main>.main-jio>.two-bottom>.tab-nav>ul { margin: auto; display: flex; position: absolute; left: 50%; transform: translate(-50%); margin-top: 14px; } .main>.main-jio>.two-bottom>.tab-nav>ul>li { /* height: 85px; box-sizing: border-box; padding-top: 30px; margin-right: 50px; color: #BD9369; float: left; font-size: 16px; text-align: center; */ background: #BD9369; width: 120px; height: 61px; box-sizing: border-box; margin: 10px 5px; color: #ffffff; float: left; font-size: 16px; text-align: center; position: relative; line-height: 18px; font-weight: 400; } .main>.main-jio>.two-bottom>.tab-nav>ul>li span { width: 90px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main>.main-jio>.two-bottom>.tab-nav>ul>li:hover { cursor: pointer; /* border-bottom: 6px solid #BE956A; */ background: #314460; } .main>.main-jio>.two-bottom>.two-tab { width: 1120px; height: 492px; margin: auto; padding-bottom: 50px; overflow: hidden; } .main>.main-jio>.two-bottom>.two-tab>.item { display: none; } .main>.main-jio>.two-bottom>.two-tab>.item>.item-left { width: 600px; height: 365px; float: left; } .main>.main-jio>.two-bottom>.two-tab>.item>.item-right { width: 520px; height: 365.8px; float: right; padding: 35px 50px 0; box-sizing: border-box; background: #fff; } .main>.main-jio>.two-bottom>.two-tab>.item>.item-right>h2 { font-size: 26px; color: #BE956A; font-weight: 400; margin-bottom: 15px; } .main>.main-jio>.two-bottom>.two-tab>.item>.item-right>p { height: 240px; overflow: hidden; font-size: 14px; line-height: 26px; color: #797878; } .main>.main-jio>.two-bottom>.tab-nav>ul>.active { /* border-bottom: 6px solid #BE956A; */ background: #314460; } .clearfix:after { /*浼厓绱犳槸琛屽唴鍏冪礌 姝e父娴忚鍣ㄦ竻闄ゆ诞鍔ㄦ柟娉?/ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; /*ie6娓呴櫎娴姩鐨勬柟寮 *鍙峰彧鏈塈E6-IE7鎵ц锛屽叾浠栨祻瑙堝櫒涓嶆墽琛?/ } /* 鐢熸椿鏈嶅姟 */ .main>.middle>.imgbox>.active>span { background: #BD9369; } .carousel-items { width: 1120px; margin: auto; /* padding: 40px 190px; */ padding: 40px; box-sizing: border-box; background: rgba(32, 72, 86, .85); color: #fff; /* transform: scale(0.8211); transform-origin: top; display: none; */ } .carousel-items .left { /* width: 300px; */ width: 250px; float: left; padding-left: 100px; } .carousel-items .left h2 { font-size: 30px; font-weight: 400; line-height: 32px; text-align: right; } .carousel-items .left p { font-size: 25px; line-height: 32px; text-align: right; font-weight: 300; } .carousel-items .right { /* width: 650px; float: right; padding-left: 30px; box-sizing: border-box; border-left: 1px solid #fff; */ width: 550px; float: left; margin-left: 30px; padding-left: 30px; box-sizing: border-box; border-left: 1px solid #fff; } .carousel-items .right h3 { font-size: 20px; font-weight: 400; line-height: 24px; margin-bottom: 10px; color: #7DE6EF; } .carousel-items .right p { font-size: 14px; line-height: 26px; font-weight: 300; } #dom-fenye { position: absolute; background: rgba(32, 72, 86, .85); height: 54px; bottom: 0; padding-top: 19.5px; box-sizing: border-box; } .carousel>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } .float-pion { position: absolute; bottom: -27px; background: #204856; opacity: 0.9; width: 1364px; height: 195px; } .float-pion>.left { /* width: 200px; */ height: 100px; color: #ffffff; float: left; padding-left: 250px; margin-top: 70px; border-right: 1px solid #ffffff; } .float-pion>.left>h2 { font-weight: 500; font-size: 30px; line-height: 40px; text-align: right; } .float-pion>.left>p { width: 100%; font-size: 25px; line-height: 30px; font-weight: 500; } .float-pion .right { float: left; margin-top: 71px; margin-left: 30px; } .float-pion .right h3 { color: #fff; font-weight: 500; font-size: 20px; line-height: 27px; margin-bottom: 10px; } .float-pion .right p { color: #fff; font-weight: 400; font-size: 14px; line-height: 25px; } .main>.carousel { width: 1120px; margin: auto; position: relative; } .main>.carousel>.swiper-container { width: 100%; height: 100%; } .main>.carousel>.swiper-container>.swiper-wrapper>.swiper-slide { position: relative; } /* gai */ .float-pion { /* position: absolute; bottom: 0; */ position: absolute; bottom: -27px; background: #204856; opacity: 0.9; width: 1120px; height: 195px; } .float-pion .left { /* width: 640px; height: 168px; background: rgba(49, 68, 96, .8); padding: 30px 50px; box-sizing: border-box; float: left; color: #FFFFFF; */ /* width: 200px; */ height: 100px; color: #ffffff; float: left; padding-left: 148px; padding-right: 30px; margin-top: 57px; border-right: 1px solid #ffffff; } .float-pion .right h2 { /* color: #fff; font-weight: 500; font-size: 30px; margin-bottom: 10px; */ font-weight: 300; font-size: 30px; line-height: 40px; float: right; padding-right: 38px; } .float-pion .left p { /* width: 100%; float: right; text-align: right; font-size: 14px; line-height: 24px; */ width: 100%; font-size: 25px; line-height: 30px; } .float-pion .right { /* width: 200px; height: 168px; background: red; float: left; background: #BD9369; padding: 30px 56px 0 24px; box-sizing: border-box; */ float: left; margin-top: 64px; margin-left: 28px; } .float-pion .left h3 { /* float: right; font-size: 20px; font-weight: 600; margin-bottom: 10px; */ color: #fff; font-weight: 500; font-size: 20px; line-height: 27px; margin-bottom: 10px; } .float-pion .right p { /* color: #fff; font-weight: 400; font-size: 22px; line-height: 20px; */ color: #fff; font-weight: 400; font-size: 14px; line-height: 25px; } /* gaijieshu */ /* .main>.carousel>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } */ .main>.carousel>.swiper-container>.swiper-slide { width: 100%; height: 100%; } .main>.carousel>.swiper-container>.swiper-slide>img { width: 100%; height: 100%; } .main>.carousel>.qh { width: 55px; height: 55px; font-size: 55px; cursor: pointer; position: absolute; top: 50%; z-index: 999; color: #fff; left: 50px; outline: none; border: 1px solid #fff; text-align: center; line-height: 55px; font-size: 30px; border-radius: 50%; transform: translate(0, -50%); } .main>.carousel>.next { left: 90%; } .main>.carousel>.prev { left: 5%; } .main>.middle { /* width: 100%; */ width: 1120px; margin: auto; background: #fff6e9; padding-top: 50px; box-sizing: border-box; } .main>.middle>h2 { text-align: left; padding-left: 100px; color: #BE956A; font-size: 30px; font-weight: 400; line-height: 32px; margin-bottom: 25px; } .main>.middle>h2>p { font-size: 25px; font-weight: 300; line-height: 32px; } /* .main>.middle>p { width: 678px; margin: auto; font-size: 14px; color: #797878; line-height: 24px; margin-bottom: 50px; } */ .main>.middle>p { width: 890px; height: 100px; text-align: left; padding-left: 100px; font-size: 14px; color: #474A50; line-height: 25px; /* margin-bottom: 50px; */ } .main>.middle>.text { margin-top: -70px; } .main>.middle>.imgbox { width: 1120px; margin: auto; } .main>.middle>.imgbox>div { width: 200px; float: left; margin-right: 28px; } .main>.middle>.imgbox>div:nth-child(1) { margin-left: 100px; } /* .main>.middle>.imgbox>div:nth-last-child(1) { margin-right: 0; } */ .main>.middle>.imgbox>div>img { display: block; width: 100%; margin-bottom: 0; display: block; } .main>.middle>.imgbox>div>span { display: block; width: 100%; height: 70px; float: left; background: #187077; text-align: center; box-sizing: border-box; color: #fff; margin-top: -5px; margin-bottom: 24px; position: relative; } .main>.middle>.imgbox>div>span>div { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main>.middle>.imgbox>div:hover>span { background: #BD9369; } .main>.middle>.imgbox>div>.active { background: #BD9369; } .main>.middle>.imgbox>div>span h3 { font-size: 18px; font-weight: 500; } .main>.middle>.imgbox>div>span p { font-size: 14px; } .main>.middle>.two-tab>p { font-size: 14px; width: 880px; color: #474A50; line-height: 25px; padding-left: 100px; display: none; text-align: justify; padding-bottom: 50px; color: #187077; font-weight: 400; } .main>.middle>.two-tab>p span { display: block; height: 58px; float: left; border-right: 2px solid #187077; padding-right: 20px; margin-right: 20px; font-weight: bold; } .main>.middle>.two-tab>p:nth-child(1) { display: block; color: #187077; } /* .main>.middle>.imgbox>div>.text { font-size: 14px; color: #797878; line-height: 24px; } */ .main>.there-box { width: 100%; background: #314460; } .main>.there-box>.center { width: 1120px; height: 200px; margin: auto; background: red; } .container>.main>.dome-cont { padding: 0; } .container>.main>.dome-cont>.two-box-center>.carou>.qh { width: 57px; height: 57px; border: 1px solid #fff; outline: none; cursor: pointer; z-index: 999; position: absolute; text-align: center; line-height: 57px; color: #fff; font-size: 30px; top: 50%; border-radius: 50%; } .container>.main>.dome-cont>.two-box-center>.carou>.prev { left: 60px; } .container>.main>.dome-cont>.two-box-center>.carou>.next { right: 60px; } .container>.main>.dome-cont>.two-box-center>.item-two { height: 192.42px; background: #FFF6E9; } .container>.main>.dome-cont>.two-box-center>.item-two>.right { width: 420px; height: 100%; background: #ED7326; float: right; padding: 52px 0 0 35px; box-sizing: border-box; } .container>.main>.dome-cont>.two-box-center>.item-two>.right img { width: 70px; float: left; margin-right: 10px; } .container>.main>.dome-cont>.two-box-center>.item-two>.right h2 { color: #FFFFFF; font-size: 30px; line-height: 32px; font-weight: 400; } .container>.main>.dome-cont>.two-box-center>.item-two>.right p { color: #FFFFFF; font-size: 25px; line-height: 32px; font-weight: 300; } .container>.main>.dome-cont>.two-box-center>.item-two>.left { width: 700px; height: 100%; float: left; padding: 30px 40px 0 20px; box-sizing: border-box; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>h3 { font-size: 24px; color: #BD9369; height: 100%; float: left; font-weight: 400; margin-left: 20px; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>h3>span { width: 31px; height: 31px; display: block; float: left; border-radius: 50%; text-align: center; line-height: 35px; margin-right: 10px; position: relative; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>h3>span>img { width: 100%; height: 100%; display: block; margin-top: 4px; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>p { width: 440px; float: right; font-size: 14px; color: #474A50; line-height: 26px; } .container>.main>.dome-cont>.two-box-center>.item-two>.left>p:nth-child(2) { font-size: 16px; font-weight: 500; } /* 鍩熻鏂囨梾 */ .main>.head>.imgbox>div>span { margin-bottom: 0; } .main>.head>.imgbox>div>span>h3 { font-weight: 500; } .main>.head>.imgbox>div>h4 { color: #797878; text-align: center; font-weight: 300; line-height: 60px; font-size: 18px; font-weight: 400; } .main>.two-box { width: 100%; background: #314460; position: relative; padding: 80px 0; } .main>.two-box>.two-box-center { width: 1120px; margin: auto; overflow: hidden; position: relative; } .main>.two-box>.two-box-center>h2 { font-size: 30px; color: #BE956A; margin-bottom: 30px; text-align: center; font-weight: 500; } .main>.two-box>.two-box-center>.p1 { width: 700px; margin: auto; font-size: 14px; color: #FFFFFF; margin-bottom: 50px; line-height: 26px; text-align: center; } .main>.two-box>.two-box-center>ul { height: 58px; margin: auto; position: absolute; left: 50%; transform: translate(-50%, 0); } .main>.two-box>.two-box-center>.c2 { width: 100%; height: 58px; } .main>.two-box>.two-box-center>ul>li { padding: 0 30px; line-height: 58px; float: left; margin-right: 20px; background: #BD9369; font-size: 20px; color: #F3DFCB; } .main>.two-box>.two-box-center>ul>li:hover { background: #FFF6E9; cursor: pointer; color: #BD9369; } .main>.two-box>.two-box-center>ul>.active { background: #FFF6E9; color: #BD9369; } .main>.two-box>.two-box-center>.item-two { width: 1120px; background: #FAFAFA; margin: auto; display: none; } .main>.two-box>.two-box-center>.item-two>h2 { width: 990px; margin: auto; font-size: 22px; color: #BD9369; font-weight: 400; line-height: 50px; padding-top: 20px; } .main>.two-box>.two-box-center>.item-two>p { width: 990px; margin: auto; color: #797878; font-size: 14px; line-height: 24px; padding-bottom: 40px; } .main>.two-box>.two-box-center>.carou { width: 100%; height: 550px; overflow: hidden; position: relative; } .main>.two-box>.two-box-center>.carou>ul { width: 100%; height: 100%; left: 0; } .main>.two-box>.two-box-center>.carou>ul>.item { width: 1120px; position: absolute; left: 0; top: 0; opacity: 0; transition: .5s; } .main>.two-box>.two-box-center>.carou>ul>.item>img { width: 100%; } .main>.two-box>.two-box-center>.carou>.pager { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 20px; } .main>.two-box>.two-box-center>.carou>.pager>span { float: left; display: block; width: 15px; height: 15px; border-radius: 50%; background: #FFFFFF; margin-right: 15px; } .main>.two-box>.two-box-center>.carou>.pager>.active { background: #BD9369; } .main>.two-box>.two-box-center>.carou>ul>.item>.qh { position: absolute; top: 50%; width: 57px; height: 57px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; line-height: 57px; text-align: center; cursor: pointer; z-index: 999; outline: none; } .main>.two-box>.two-box-center>.carou>ul>.item>.prev { left: 60px; } .main>.two-box>.two-box-center>.carou>ul>.item>.next { right: 60px; } .main>.two-box>.two-box-center>.carou>ul>.item>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; height: 100%; } .main>.box-there { width: 100%; } .main>.box-there>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; height: 100%; } .main>.box-fore { width: 1203px; margin: auto; position: relative; padding: 115px 0 50px; } .main>.box-fore>.p1 { width: 852px; margin: 0 auto; margin-bottom: 70px; font-size: 14px; color: #797878; line-height: 24px; } .main>.box-fore>.flex { display: block; width: 378px; height: 180px; background: #ED7326; position: absolute; top: -135px; left: 50%; transform: translate(-50%, 0); text-align: center; color: #fff; font-size: 58px; font-weight: 400; z-index: 998; line-height: 50px; box-sizing: border-box; padding-top: 40px; } .main>.box-fore>.flex>p { font-size: 30px; } .main>.box-fore>.bottom { width: 100%; } .main>.box-fore>.bottom>div { width: 340px; float: left; margin-right: 80px; } .main>.box-fore>.bottom>div:nth-last-child(1) { margin-right: 0; } .main>.box-fore>.bottom>div>img { width: 100%; height: 224px; } .main>.box-fore>.bottom>div>h2 { font-size: 20px; font-weight: 400; line-height: 64px; text-align: center; color: #BD9369; } .main>.box-fore>.bottom>div>p { font-size: 14px; color: #797878; line-height: 24px; } /* 鑵句簯澶у仴搴 */ /* 鑵句簯澶у仴搴峰皬灞忓箷 */ .main>.content { width: 100%; background: #F3DFCB; } .main>.content>.content-top { width: 1120px; height: 945px; margin: auto; padding-top: 50px; background: #FFF6E9; } .main>.content>.content-top>h3 { font-size: 30px; color: #BE956A; font-weight: 400; width: 890px; margin: auto; line-height: 32px; } .main>.content>.content-top>h3>p { font-size: 25px; font-weight: 300; line-height: 32px; } .main>.content>.content-top>.p1 { width: 890px; margin: auto; margin-bottom: 30px; font-size: 14px; color: #474A50; line-height: 24px; margin-top: 20px; } /* 浜т笟甯冨眬娣诲姞鐨則ab閫夐」鍗 */ .main>.content>.content-top>.tab-11 { height: 60px; display: flex; flex-wrap: nowrap; width: 890px; margin: auto; } .main>.content>.content-top>.tab-11>.active { color: #F3DFCB; } .main>.content>.content-top>.tab-11>li { width: 167px; float: left; text-align: center; height: 44px; color: #ffffff; background: #BD9369; margin-right: 10px; position: relative; box-sizing: border-box; } .main>.content>.content-top>.tab-11>li:nth-last-child(1) { margin-right: 0; } .main>.content>.content-top>.tab-11>li>p { width: 100%; line-height: 20px; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 18px; font-weight: 400; } .main>.content>.content-top>.tab-11>.active { background: #209EA8; color: #fff; cursor: pointer; } .main>.content>.content-top>.tab-11>li:hover { background: #209EA8; color: #fff; cursor: pointer; } .main>.content>.content-top>.div-11 { width: 890px; margin: auto; margin-top: 20px; margin-bottom: 30px; } .main>.content>.content-top>.div-11>p { font-size: 14px; line-height: 25px; color: #474A50; display: none; } .main>.content>.content-top>.div-11>p:nth-child(1) { display: block; } /* 浜т笟甯冨眬娣诲姞鐨則ab閫夐」鍗nd */ .main>.content>.content-top .tab-one { display: flex; flex-wrap: nowrap; width: 890px; margin: auto; } .main>.content>.content-top .tab-one>.active { color: #F3DFCB; } .main>.content>.content-top .tab-one>li { width: 120px; float: left; height: 35px; color: #fff; background: #209EA8; margin-right: 15px; position: relative; box-sizing: border-box; } .main>.content>.content-top .tab-one>li>p { width: 100%; line-height: 20px; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 16px; text-align: center; font-weight: 400; } .main>.content>.content-top .tab-one>.active { cursor: pointer; color: #fff; background: #BD9369; } .main>.content>.content-top .tab-one>li:hover { cursor: pointer; color: #fff; background: #BD9369; } .main>.content>.content-top .carou-t { width: 1120px; height: 405px; } .main>.content>.content-top .carou-t>.carou-left { width: 780px; height: 405px; position: relative; } .main>.content>.content-top .carou-t>.carou-left>.item { width: 100%; position: absolute; left: 0; opacity: 0; transition: .5s; } .main>.content>.content-top .carou-t>.carou-left>.item>.swiper-container>.swiper-wrapper>.swiper-slide>img { width: 100%; display: block; } .main>.content>.content-top .carou-t>.carou-left>.pager { position: absolute; right: 30px; bottom: 25px; } .main>.content>.content-top .carou-t>.carou-left>.pager>span { float: left; display: block; width: 15px; height: 15px; border-radius: 50%; background: #FFFFFF; margin-right: 15px; } .main>.content>.content-top .carou-t>.carou-left>.pager>.active { background: #BD9369; } .main>.content>.content-top .carou-t>.carou-left>.qh { position: absolute; top: 50%; width: 57px; height: 57px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; line-height: 57px; text-align: center; cursor: pointer; outline: none; } .main>.content>.content-top .carou-t>.carou-left>.prev { left: 40px; } .main>.content>.content-top .carou-t>.carou-left>.next { right: -300px; z-index: 998; } .main>.content>.content-top .carou-t>.carou-right { width: 890px; height: 204px; padding-top: 35px; box-sizing: border-box; display: none; margin: auto; } .main>.content>.content-top .carou-t>.carou-right>h4 { width: 200px; height: 100%; margin: auto; font-size: 25px; line-height: 20px; font-weight: 300; margin-bottom: 20px; color: #187077; float: left; border-right: 1px solid #187077; box-sizing: border-box; } .main>.content>.content-top .carou-t>.carou-right>p { width: 662px; margin: auto; color: #187077; font-size: 14px; line-height: 25px; float: right; } /* 鑵句簯鐢熷懡绉戝鎶曡祫 灏忓睆骞 */ .main>.content>.content-middle { width: 100%; background: #BD9369; } .main>.content>.content-middle>.center { width: 1120px; margin: auto; background: #fff; } .main>.content>.content-middle>.center>h3 { font-size: 30px; color: #BE956A; font-weight: 400; line-height: 32px; width: 890px; margin: auto; padding-top: 50px; } .main>.content>.content-middle>.center>h3>p { font-size: 25px; font-weight: 300; line-height: 32px; } .main>.content>.content-middle>.center>.p1 { font-size: 14px; color: #797878; width: 890px; line-height: 24px; padding-bottom: 50px; margin: auto; padding-top: 30px; } .main>.content>.content-middle>.center>.cor-flex { width: 1120px; /* height: 399px; */ } .main>.content>.content-middle>.center>.cor-flex>.touzi { width: 100%; height: 100%; } .main>.content>.content-middle>.center>.cor-flex>.touzi>.swiper-wrapper>.swiper-slide>img { width: 100%; height: 100%; display: block; } .main>.content>.content-middle>.center>.cor-flex>.touzi>.prev1 { margin-left: 50px; } .main>.content>.content-middle>.center>.cor-flex>.touzi>.next1 { margin-left: 1000px; } /* 鑵句簯瀛︾涓績 灏忓睆骞?/ /* #tengyun-anniu { margin-left: -170px; } */ .main>.content>.content-bottom { /* width: 1120px; */ height: 700px; margin: auto; } .main>.content>.content-bottom>.con-jio { width: 1120px; height: 100%; margin: auto; background: #FFF6E9; position: relative; } #logo { position: absolute; z-index: 999; margin-top: 6px; margin-left: 890px; } .main>.content>.content-bottom>.con-jio>h3 { font-size: 30px; color: #BE956A; font-weight: 400; width: 890px; margin: auto; padding-top: 50px; line-height: 32px; } .main>.content>.content-bottom>.con-jio>h3>p { font-size: 25px; font-weight: 300; line-height: 32px; } .main>.content>.content-bottom>.con-jio>.p1 { font-size: 14px; color: #474A50; width: 890px; line-height: 24px; margin: auto; padding-top: 20px; } /* 鑵句簯瀛︾涓績娣诲姞鐨則ab閫夐」鍗 */ .main>.content>.content-bottom>.con-jio>.tab-33 { height: 60px; display: flex; flex-wrap: nowrap; margin-left: 115px; margin-top: 50px; } .main>.content>.content-bottom>.con-jio>.tab-33>.active { color: #F3DFCB; } .main>.content>.content-bottom>.con-jio>.tab-33>li { width: 200px; float: left; height: 60px; color: #fff; margin-right: 15px; position: relative; box-sizing: border-box; text-align: center; /* padding-top: 55px; */ box-sizing: border-box; background: #209EA8; } .main>.content>.content-bottom>.con-jio>.tab-33>li>p { /* line-height: 35px; */ width: 100%; text-align: center; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 16px; font-weight: 400; line-height: 20px; } .main>.content>.content-bottom>.con-jio>.tab-33>.active { color: #fff; background: #BD9369; } .main>.content>.content-bottom>.con-jio>.tab-33>li:hover { color: #fff; background: #BD9369; cursor: pointer; } /* 鑵句簯瀛︾涓績娣诲姞鐨則ab閫夐」鍗nd */ .main>.content>.content-bottom>.con-jio>.bottom-right { width: 890px; height: 348px; margin-top: 20px; margin: auto; opacity: 0; /* display: none; */ /* float: left; */ position: absolute; left: 50%; transform: translate(-50%); } .main>.content>.content-bottom>.con-jio>.bottom-right>.swiper-container { width: 560px; height: 100%; float: left; } .main>.content>.content-bottom>.con-jio>.bottom-right>.swiper-container>.swiper-wrapper>.swiper-slide { width: 880px; height: 348px; } .main>.content>.content-bottom>.con-jio>.bottom-right>.swiper-container>.swiper-wrapper>.swiper-slide>.img1 { width: 560px; height: 348px; float: left; } .main>.content>.content-bottom>.con-jio>.bottom-right>.swiper-container>.swiper-wrapper>.swiper-slide>.img1>img { width: 100%; height: 100%; } .main>.content .bottom-right2 { background: #BD9369; width: 330px; height: 348px; float: left; color: #fff; padding-left: 10px; box-sizing: border-box; } .main>.content .bottom-right2>span { font-size: 20px; line-height: 25px; display: block; padding-left: 30px; padding-top: 40px; font-weight: 400; } .main>.content .bottom-right2>p { font-size: 14px; line-height: 25px; padding-left: 30px; width: 260px; padding-top: 20px; } /* 鑵句簯澶у仴搴積nd */ /* 鍎跨鏁欒偛 */ .container>.banner-carou_one { width: 100%; height: 450px; position: relative; } .container>.banner-carou_one>.pager { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 25px; } .container>.banner-carou_one>.pager>span { float: left; display: block; width: 15px; height: 15px; border-radius: 50%; background: #FFFFFF; margin-right: 15px; } .container>.banner-carou_one>.pager>.active { background: #BD9369; } .container>.banner-carou_one>.qh { position: absolute; top: 50%; width: 57px; height: 57px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 57px; line-height: 57px; text-align: center; cursor: pointer; } .container>.banner-carou_one>.prev { left: 60px; } .container>.banner-carou_one>.next { right: 60px; } .container>.banner-carou_one>img { display: block; position: absolute; top: 0; left: 0; opacity: 0; transition: .5s; } .hove>.main-top-left { display: none; } .hove>.main-top-right { display: none; } .container>.banner-carou_one>.show { opacity: 1; } .main>.main-top>.show { display: block; } .main>.main-top>.top-tab { width: 100%; height: 88px; background: red; margin-bottom: 75px; } .main>.main-top>.top-tab>li { cursor: pointer; width: 30.001%; float: left; height: 100%; background: #F3DFCB; color: #BD9369; text-align: center; transition: .5s; font-weight: 400; line-height: 88px; font-size: 26px; } .main>.main-top>.top-tab>.active { width: 70%; height: 100%; background: #BD9369; color: #fff; font-size: 26px; } .main>.tab-box { width: 100%; padding-top: 80px; display: none; } .main>.show { display: block; } .main>.tab-box>.item-banner { position: relative; min-width: 1120px; } .main>.tab-box>.item-banner>.banner-image { width: 100%; display: block; } .main>.tab-box>.item-banner>.banner-text { position: absolute; width: 1120px; margin-left: -560px; top: 48px; left: 50%; } .main>.tab-box>.item-banner>.banner-text>span { font-family: "Noto Sans SC"; font-size: 30px; color: #474A50; height: 30px; line-height: 30px; display: block; margin-bottom: 15px; font-weight: 400; } .main>.tab-box>.item-banner>.banner-text>span:nth-child(2) { font-size: 18px; line-height: 24px; margin-bottom: 15px; } .main>.tab-box>.item-banner>.banner-text>h2 { font-family: "Noto Sans SC"; font-size: 20px; color: #474A50; height: 48px; line-height: 48px; letter-spacing: 12px; } .main>.tab-box>.item-banner>.banner-text>p { font-family: "Noto Sans SC"; font-size: 14px; color: #474A50; width: 728px; text-align: justify; /* padding-right: 360px; */ line-height: 24px; } .main>.tab-box>.item-banner>.banner-text1>p { font-family: "Noto Sans SC"; font-size: 14px; color: #474A50; width: 605px; text-align: justify; /* padding-right: 360px; */ line-height: 24px; } .main>.tab-box>.item-two { width: 1120px; margin: auto; } .main>.tab-box>.item-two>img { width: 100%; display: block; } .main>.tab-box>.item-two>.item { width: 100%; height: 159px; background: #FFF6E9; } .main>.tab-box>.item-two>.item>div { width: 940px; height: 100%; padding: 48px 0 0 0; box-sizing: border-box; margin: auto; } .main>.tab-box>.item-two>.item>div>span { font-size: 30px; color: #BD9369; font-weight: 400; } .main>.tab-box>.item-two>.item>div>p { float: right; width: 800px; color: #474A50; font-size: 14px; line-height: 24px; overflow: hidden; } /* 閲戣瀺鏈嶅姟 鑵句簯璧勬湰 灏忓睆骞?/ .main>.c2 { height: 100px; } .main>.image-there { width: 100%; display: block; } .main>.item-there { position: relative; width: 1120px; margin: auto; } .main>.item-there>.image-there { width: 1120px; margin: auto; display: block; opacity: 0.79; } .main>.item-there>.there-text { position: absolute; width: 930px; top: 72px; left: 50%; transform: translate(-50%, 0); text-align: left; } .main>.item-there>.there-text>span { font-family: "Noto Sans SC"; font-size: 30px; color: #BD9369; height: 60px; line-height: 32px; font-weight: 400; } .main>.item-there>.there-text>span>p { font-size: 25px; line-height: 32px; font-weight: 300; } .main>.item-there>.there-text>p { font-family: "Noto Sans SC"; font-size: 14px; color: #474A50; line-height: 24px; text-align: left; margin-top: 20px; } .main>.item-there>.item-there-bottom { position: absolute; bottom: 0px; width: 1120px; margin-left: -560px; left: 50%; display: flex; justify-content: center; background: #295479; opacity: 0.76; padding-bottom: 20px; } .main>.item-there>.item-there-bottom .clon { width: 930px; display: flex; flex-flow: row nowrap; justify-content: space-between; } .main>.item-there>.item-there-bottom .item-there-item { width: 270px; flex-direction: row; text-align: center; /* width: 351px; */ } .main>.item-there>.item-there-bottom .item-there-item img { width: 55px; height: 55px; margin-top: -30px; } .main>.item-there>.item-there-bottom .item-there-item h2 { font-family: "Noto Sans SC"; font-size: 18px; color: #AEAEB2; height: 48px; line-height: 48px; font-weight: 400; } .main>.item-there>.item-there-bottom .item-there-item p { font-family: "Noto Sans SC"; font-size: 14px; color: #AEAEB2; line-height: 24px; text-align: left; text-align: justify; } .main>.echar { position: relative; } .main>.echar>.carove { width: 213px; height: 213px; background: #fff; position: absolute; top: 50%; left: 50%; border-radius: 50%; color: #BE956A; transform: translate(-50%, -50%); text-align: center; line-height: 213px; font-size: 30px; } .main>.echar>.midd-box { width: 100%; height: 900px; margin: auto; position: relative; background: #FAFAFA; } /* 閲戣瀺鏈嶅姟 鎶曡祫甯冨眬鏂瑰潡 灏忓睆骞?/ .container>.main>.pie { width: 100%; height: 520px; background: #BD9369; } .container>.main>.pie>.cont { width: 1120px; height: 100%; margin: auto; background: #FFF6E9; position: relative; } .container>.main>.pie>.cont>span { color: #BD9369; line-height: 32px; font-size: 30px; font-weight: 300px; display: block; text-align: center; padding-top: 60px; font-weight: 400; } .container>.main>.pie>.cont>span>p { font-size: 25px; font-weight: 300; line-height: 32px; } .container>.main>.pie>.cont>.touzi-div { margin-left: 100px; margin-top: 35px; } .container>.main>.pie>.cont>.touzi-div>.touzi-tu { float: left; margin-right: 25px; width: 300px; position: relative; } .container>.main>.pie>.cont>.touzi-div>.touzi-tu>img { width: 100%; display: block; } .container>.main>.pie>.cont>.touzi-div>.touzi-tu>span { display: block; width: 100%; height: 72px; float: left; position: absolute; background-color: rgba(49, 68, 96, .75); text-align: center; /* padding-top: 20px; */ color: #fff; /* margin-top: -75px; */ bottom: 0; font-size: 21px; line-height: 72px; font-weight: 400; } .container>.main>.pie>.cont>.touzi-div>.touzi-tu:hover>span { background-color: rgba(49, 68, 96, .95); } .container>.main>.pie>.cont>.touzi-div>.touzi-tu:active { background-color: rgba(49, 68, 96, .95); } .container>.main>.pie>.cont>.touzi-div>.active>span { background-color: rgba(49, 68, 96, .95); } .container>.main>.pie>.cont>.touzi-tab { width: 950px; text-align: justify; position: relative; margin: auto; } .container>.main>.pie>.cont>.touzi-tab>p { font-size: 14px; line-height: 24px; position: absolute; margin-top: 225px; display: none; color: #474A50; } .container>.main>.pie>.cont>.touzi-tab>p:nth-child(1) { display: block; } /* 鎶曡祫绫诲瀷 灏忓睆骞?/ .main>.bott-box { width: 100%; padding: 70px 0 90px; } .main>.bott-box>.bott-bigbox { width: 1120px; margin: auto; /* background: paleturquoise; */ } .main>.bott-box>.bott-bigbox>.title { width: 330px; text-align: center; line-height: 32px; color: #BE956A; font-size: 30px; border-bottom: 1px #BE956A solid; /* border-bottom: 1px solid #BE956A(0,0%,100%,.5); background-clip: padding-box; */ margin: auto; margin-bottom: 30px; font-weight: 400; height: 80px; } .main>.bott-box>.bott-bigbox>.title span { display: block; font-size: 25px; line-height: 32px; font-weight: 300; } .main>.bott-box>.bott-bigbox>.fote { width: 1120px; margin: auto; } .main>.bott-box>.bott-bigbox>.fote>ul { width: 85%; height: 75px; border-bottom: 1px solid #BE956A; margin-left: 80px; padding-top: 30px; } .main>.bott-box>.bott-bigbox>.fote>ul>li { width: 227px; text-align: center; float: left; margin-right: 13px; margin-bottom: 30px; } .main>.bott-box>.bott-bigbox>.fote>ul>li:nth-last-child(1) { margin-right: 0; } .main>.bott-box>.bott-bigbox>.fote>ul>li>img { width: 35px; height: 35px; } .main>.bott-box>.bott-bigbox>.fote>ul>li>P { font-size: 18px; color: #BE956A; font-weight: 500; } .main>.bott-box>.bott-bigbox>.fote>.text { margin-left: 80px; } .main>.bott-box>.bott-bigbox>.fote>.text>p { width: 210px; float: left; margin-right: 30px; font-size: 14px; color: #797878; line-height: 24px; } /* 3.15鏂板 */ .Add-center { width: 1120px; } .Add-bottom ul { width: 860px; } .Add-center>p { font-size: 13px; width: 900px; } /* 3.15鏂板 */ }