@media only screen and (min-width: 1500px) { /* 鍩熻鏂囨梾 澶у睆骞?/ .main>.wenlv{ width:聽1364px; margin:聽auto; background:聽#FFF6E9; padding-top:聽120px; box-sizing:聽border-box; } .main>.wenlv>#hh{ width: 1104px; padding-left: 130px; color: #BE956A; font-size: 30px; font-weight: 400; line-height: 35px; margin-bottom: 30px; } .main>.wenlv>#hh>p{ font-size: 25px; font-weight: 300; } .main>.wenlv>#pp{ width: 1104px; height: 100%; margin-bottom: 30px; text-align: left; padding-left: 130px; font-size: 14px; color: #474A50; line-height: 25px; } .main>.wenlv>.mid-con{ width: 1104px; margin: auto; overflow: hidden; } .main>.wenlv>.mid-con>.tuwen{ width: 180px; height: 390px; float: left; margin-right: 4px; position: relative; } .main>#middle>.mid-con>.tuwen>span{ font-size: 18px; line-height:聽20px; font-weight:聽500; color: #fff; text-align: center; display: block; width: 180px; position: absolute; z-index: 99; margin-top: -104px; height: 101px; } .main>#middle>.mid-con>.tuwen>span>p{ padding-top: 27px; } .main>#middle>.mid-con>.wenzi{ width: 1104px; height: 50px; margin: auto; float: left; margin-top: 30px; margin-bottom: 100px; } .main>#middle>.mid-con>.wenzi>p{ font-size: 14px; line-height: 25px; color: #474A50; } .main>.wai-bg{ width: 100%; background: #314460; padding-bottom: 50px; } .main>.wai-bg>.nei-bg{ width: 1364px; margin: auto; background: #FFFFFF; } .main>.wai-bg>.nei-bg>span{ width: 1104px; padding-left: 130px; color: #BE956A; font-size: 30px; font-weight: 400; line-height: 32px; /* margin-bottom: 50px; */ padding-top: 70px; display: block; } .main>.wai-bg>.nei-bg>span>p{ font-size: 25px; font-weight: 300; line-height: 32px; } .main>.wai-bg>.nei-bg>.w-top{ width: 1104px; margin: auto; overflow: hidden; margin-top: 60px; margin-bottom: 30px; } .main>.wai-bg>.nei-bg>.w-top>.w-left{ float: left; } .main>.wai-bg>.nei-bg>.w-top>.w-left>span{ font-size: 22px; line-height: 25px; min-width: 120px; display: block; /* border-bottom: 1px solid #295479; */ padding-bottom: 4px; color: #1e737a; font-weight: 400; } .main>.wai-bg>.nei-bg>.w-top>.w-left>p{ width: 100%; text-align: center; font-size: 16px; line-height: 25px; color: #BE956A; font-weight: 300; background: #177076; color: #fff; display: inline-block; /* padding: 0 5px; */ } .main>.wai-bg>.nei-bg>.w-top>.w-right{ float: right; margin-top: -4px; } .main>.wai-bg>.nei-bg>.w-top>.w-right>p{ font-size: 14px; line-height: 25px; width: 780px; color: #797878; } /* lunbo */ .main>.wenlb { width: 1364px; margin: auto; position: relative; margin-top: 30px; } .main>.wenlb>.swiper-container { width: 100%; height: 100%; } .bn{ width: 55px; height: 55px; border: 1px solid #fff; border-radius: 50%; text-align: center; font-size: 37px; line-height: 55px; color: #fff; outline: none; cursor: pointer; font-weight: normal; transform: translate(0, -50%); /* float: left; */ position: absolute; margin-top: -270px; z-index: 999; } .bn-left{ float: left; margin-left: 50px; } .bn-right{ margin-left: 1260px; /* margin-right: 100px; */ float: right; } #dom-yuan{ position: absolute; background: rgba(49, 68, 96, .85); height: 43px; bottom: 0; padding-top: 13.5px; box-sizing: border-box; } .main>.wenlb>.swiper-container>.bn-left{ margin-left: 100px; } .main>.wenlb>.swiper-container>.bn-right{ margin-left: 200px; } .main>.wenlb>.swiper-container>.swiper-wrapper>.swiper-slide { position: relative; /*杩欓噷锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒 */ } .main>.wenlb>.swiper-container>.swiper-slide { width: 100%; height: 100%; } .main>.wenlb>.swiper-container>.swiper-slide>img { width: 100%; height: 100%; } .wenlb-items{ width: 1364px; margin: auto; padding: 40px 0; box-sizing: border-box; background: rgba(49, 68, 96, .85); color: #fff; } .wen1{ display: none; } .wen2{ display: none; } .wen3{ display: none; } .wen4{ display: none; } .wenlb-items>span{ width: 1104px; font-size: 18px; line-height: 25px; margin: auto; margin-left: 130px; font-weight: 400; } .wenlb-items>p{ margin: auto; width: 1104px; font-size: 14px; line-height: 25px; margin-top: 10px; color: #FFF6E9; } } @media only screen and (max-width: 1500px) { /* 鍩熻鏂囨梾 灏忓睆骞?/ .main>.wenlv{ width:1120px; margin:聽auto; background:聽#FFF6E9; padding-top:聽120px; box-sizing:聽border-box; } .main>.wenlv>#hh{ width: 1104px; padding-left: 100px; color: #BE956A; font-size: 30px; font-weight: 400; line-height: 32px; margin-bottom: 30px; } .main>.wenlv>#hh>p{ font-size: 25px; font-weight: 300; } .main>.wenlv>#pp{ width: 920px; height: 100%; margin-bottom: 30px; text-align: left; padding-left: 100px; font-size: 14px; color: #474A50; line-height: 25px; } .main>.wenlv>.mid-con{ width: 920px; margin: auto; overflow: hidden; } .main>.wenlv>.mid-con>.tuwen{ width: 149px; height: 323px; float: left; margin-right: 4px; position: relative; } .main>.wenlv>.mid-con>.tuwen>img{ position:聽relative; width: 100%; } .main>#middle>.mid-con>.tuwen>span{ font-size: 18px; line-height:聽20px; font-weight:聽500; color: #fff; text-align: center; display: block; width: 149px; position: absolute; z-index: 99; margin-top: -104px; height: 101px; } .main>#middle>.mid-con>.tuwen>span>p{ padding-top: 27px; } .main>#middle>.mid-con>.wenzi{ width: 920px; height: 50px; margin: auto; float: left; margin-top: 30px; margin-bottom: 100px; } .main>#middle>.mid-con>.wenzi>p{ font-size: 14px; line-height: 25px; color: #474A50; } .main>.wai-bg{ width: 100%; background: #314460; padding-bottom: 50px; } .main>.wai-bg>.nei-bg{ width: 1120px; margin: auto; background: #FFFFFF; } .main>.wai-bg>.nei-bg>span{ width: 920px; padding-left: 100px; color: #BE956A; font-size: 30px; font-weight: 400; line-height: 32px; /* margin-bottom: 50px; */ padding-top: 70px; display: block; } .main>.wai-bg>.nei-bg>span>p{ font-weight: 300; font-size: 25px; line-height: 32px; } .main>.wai-bg>.nei-bg>.w-top{ width: 920px; margin: auto; overflow: hidden; margin-top: 60px; margin-bottom: 30px; } .main>.wai-bg>.nei-bg>.w-top>.w-left{ float: left; position: relative; } .main>.wai-bg>.nei-bg>.w-top>.w-left>span{ font-size: 22px; line-height: 25px; min-width: 120px; display: block; /* border-bottom: 1px solid #295479; */ padding-bottom: 4px; color: #1e737a; font-weight: 400; } .main>.wai-bg>.nei-bg>.w-top>.w-left>p{ width: 100%; text-align: center; font-size: 16px; line-height: 25px; color: #BE956A; font-weight: 300; background: #177076; color: #fff; display: inline-block; /* padding: 0 5px; */ text-align: center; } .main>.wai-bg>.nei-bg>.w-top>.w-right{ float: right; margin-top: -4px; } .main>.wai-bg>.nei-bg>.w-top>.w-right>p{ font-size: 14px; line-height: 25px; width: 600px; color: #797878; } /* lunbo */ .main>.wenlb { width: 1120px; margin: auto; position: relative; margin-top: 30px; } .main>.wenlb>.swiper-container { width: 100%; height: 100%; } .bn{ width: 55px; height: 55px; border: 1px solid #fff; border-radius: 50%; text-align: center; font-size: 37px; line-height: 55px; color: #fff; outline: none; cursor: pointer; font-weight: normal; transform: translate(0, -50%); /* float: left; */ position: absolute; margin-top: -270px; z-index: 999; } .bn-left{ float: left; margin-left: 50px; } .bn-right{ margin-left: 1000px; /* margin-right: 100px; */ float: right; } #dom-yuan{ position: absolute; background: rgba(49, 68, 96, .85); height: 43px; bottom: 0; padding-top: 13.5px; box-sizing: border-box; } .main>.wenlb>.swiper-container>.bn-left{ margin-left: 100px; } .main>.wenlb>.swiper-container>.bn-right{ margin-left: 200px; } .main>.wenlb>.swiper-container>.swiper-wrapper>.swiper-slide { position: relative; /*杩欓噷锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒锛侊紒 */ } .main>.wenlb>.swiper-container>.swiper-slide { width: 100%; height: 100%; } .main>.wenlb>.swiper-container>.swiper-slide>img { width: 100%; height: 100%; } .wenlb-items{ width: 1120px; margin: auto; padding: 40px 0; box-sizing: border-box; background: rgba(49, 68, 96, .85); color: #fff; } .wen1{ display: none; } .wen2{ display: none; } .wen3{ display: none; } .wen4{ display: none; } .wenlb-items>span{ width: 920px; font-size: 18px; line-height: 25px; margin: auto; margin-left: 100px; font-weight: 400; } .wenlb-items>p{ margin: auto; width: 920px; font-size: 14px; line-height: 25px; margin-top: 10px; color: #FFF6E9; } }