.container>.header>.headerauto>.navone>.active { background: #BD9369; color: #fff; } .container>.header>.headerauto>.navone>a { transition: .5s; } .container>.banner { position: relative; } /* #Ty-page{ } */ #Ty-page .swiper-pagination-bullet{ width: 15px; height: 15px; opacity: 1; background: #fff; } #Ty-page .swiper-pagination-bullet-active{ opacity: 1; background: #BD9369; } @media only screen and (min-width: 1500px) { .clearfix:after { /*浼厓绱犳槸琛屽唴鍏冪礌 姝e父娴忚鍣ㄦ竻闄ゆ诞鍔ㄦ柟娉?/ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; /*ie6娓呴櫎娴姩鐨勬柟寮 *鍙峰彧鏈塈E6-IE7鎵ц锛屽叾浠栨祻瑙堝櫒涓嶆墽琛?/ } .banner>.dy { width: 100%; height: auto; 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>.main>.main-top { width: 1364px; margin: auto; margin-bottom: 110px; } .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-xf{ width: 100%; background: #F3DFCB; } .container>.main>.main-xf>.main-xf-bg{ width: 1364px; margin: auto; background: #FFF6E9; } .container>.main>.main-xf>.main-xf-bg>.main-xf-top{ margin-left: 170px; width: 1002px; } .container>.main>.main-xf>.main-xf-bg>.main-xf-top>h2{ font-size: 30px; line-height: 30px; font-weight: 400; color: #BD9369; padding-top: 50px; /* padding-bottom: 15px; */ } .container>.main>.main-xf>.main-xf-bg>.main-xf-top>h3{ font-size: 25px; font-weight: 300; color: #BD9369; padding-bottom: 15px; } .container>.main>.main-xf>.main-xf-bg>.main-xf-top>span{ display: inline-block; padding: 10px; font-size: 20px; line-height: 18px; color: #fff; background: #187077; } .container>.main>.main-xf>.main-xf-bg>.main-xf-top>p{ font-size: 14px; line-height: 24px; color: #474A50; padding-top: 15px; } /* 杞挱 */ .container>.main>.main-xf>.main-xf-bg>.xf-bom{ width: 1000px; /* height: 460px; */ margin-left: 170px; margin-top: 30px; } .container>.main>.main-xf>.main-xf-bg>.xf-bom>.swiper-container{ width: 100%; height: 100%; } .container>.main>.main-xf>.main-xf-bg>.xf-bom>.swiper-container>.swiper-wrapper{ width: 100%; height: 100%; } .container>.main>.main-xf>.main-xf-bg>.xf-bom>.swiper-container>.swiper-wrapper>.swiper-slide{ width: 100%; height: 100%; } .container>.main>.main-xf>.main-xf-bg>.xf-bom>.swiper-container>.swiper-wrapper>.swiper-slide>img{ width: 100%; height: 100%; display: block; } /* 澶ф秷璐筫nd */ /* 澶у仴搴 */ .container>.main>.main-jk{ width: 100%; background: #BD9369; } .container>.main>.main-jk>.main-jk-bg{ width: 1364px; margin: auto; background: #FFFFFF; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top{ margin-left: 170px; width: 1002px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>h2{ font-size: 30px; line-height: 30px; font-weight: 400; color: #BD9369; padding-top: 50px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>h3{ font-size: 25px; font-weight: 300; color: #BD9369; padding-bottom: 15px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>span{ display: inline-block; padding: 10px; font-size: 20px; line-height: 18px; color: #fff; background: #187077; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>p{ font-size: 14px; line-height: 24px; color: #797878; padding-top: 15px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>a{ color: #BE956A; font-size: 28px; line-height: 18px; margin-top: 30px; display: block; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>a>p{ float: left; margin-top: 5px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>a>span{ font-size: 16px; margin-left: 10px; font-weight: 400; } /* 杞挱 */ .container>.main>.main-jk>.main-jk-bg>.jk-bom{ width: 1000px; /* height: 460px; */ margin-left: 170px; margin-top: 40px; } .container>.main>.main-jk>.main-jk-bg>.jk-bom>.swiper-container{ width: 100%; height: 100%; } .container>.main>.main-jk>.main-jk-bg>.jk-bom>.swiper-container>.swiper-wrapper{ width: 100%; height: 100%; } .container>.main>.main-jk>.main-jk-bg>.jk-bom>.swiper-container>.swiper-wrapper>.swiper-slide{ width: 100%; height: 100%; } .container>.main>.main-jk>.main-jk-bg>.jk-bom>.swiper-container>.swiper-wrapper>.swiper-slide>img{ width: 100%; height: 100%; display: block; } /* 澶у仴搴積nd */ /* 鏂板姞閮ㄥ垎end */ .container>.main>.main-middle { width: 100%; background: #314460; /* padding: 100px 0 90px; */ } .container>.main>.main-middle>.center { width: 1364px; margin: auto; background: #FFF6E9; } /* 澶撮儴 */ .container>.main>.main-middle>.center>.main-kj-top{ margin-left: 170px; width: 1002px; } .container>.main>.main-middle>.center>.main-kj-top>h2{ font-size: 30px; line-height: 30px; font-weight: 400; color: #BD9369; padding-top: 50px; } .container>.main>.main-middle>.center>.main-kj-top>h3{ font-size: 25px; font-weight: 300; color: #BD9369; padding-bottom: 15px; } .container>.main>.main-middle>.center>.main-kj-top>span{ display: inline-block; padding: 10px; font-size: 20px; line-height: 18px; color: #fff; background: #187077; } .container>.main>.main-middle>.center>.main-kj-top>p{ font-size: 14px; line-height: 24px; color: #474A50; padding-top: 15px; } /* 澶撮儴end */ .container>.main>.main-middle>.center>.nav { width: 1364px; margin: auto; position: absolute; margin-top: -44px; /* margin-left: 410px; */ display: flex; justify-content: center; } .container>.main>.main-middle>.center>.nav>li { height: 44px; float: left; text-align: center; color: #FFF6E9; background: #ed7326; font-size: 20px; margin-right: 16px; box-sizing: border-box; cursor: pointer; width: 150px; padding-top: 6px; font-weight: 400; } .container>.main>.main-middle>.center>.nav>.active { background: #31aab3; } .container>.main>.main-middle>.center>.nav>li:hover { background: #31aab3; } .container>.main>.main-middle>.center>.nav>li:nth-last-child(1) { margin-right: 0; } .container>.main>.main-middle>.center>.carour { width: 100%; height: 252px; position: relative; margin-top: 35px; } .container>.main>.main-middle>.center>.carour>img { width: 100%; height: 100%; position: absolute; opacity: 0; } .container>.main>.main-middle>.center>.carour>.show { transition: 1s; opacity: 1; } .container>.main>.main-middle>.center>.text { width: 100%; padding-top: 50px; box-sizing: border-box; /* height: 1000px; */ } .container>.main>.main-middle>.center>.text>.show { width: 1000px; margin: auto; font-size: 14px; color: #474A50; line-height: 24px; display: none; } .container>.main>.main-middle>.center>.text>.show:nth-child(1){ display: block; } .container>.main>.main-middle>.center>.text>.show>.show-nei{ width: 100%; height: 100%; } .container>.main>.main-middle>.center>.text>.show>.show-nei>img{ float: left; } .container>.main>.main-middle>.center>.text>.show>.show-nei>.nei-right{ float: right; height: 270px; } .container>.main>.main-middle>.center>.text>.show>.show-nei>.nei-right>span{ font-size: 20px; line-height: 30px; color: #BD9369; font-weight: 400; } .container>.main>.main-middle>.center>.text>.show>.show-nei>.nei-right>p{ width: 510px; } } @media only screen and (max-width: 1500px) { .clearfix:after { /*浼厓绱犳槸琛屽唴鍏冪礌 姝e父娴忚鍣ㄦ竻闄ゆ诞鍔ㄦ柟娉?/ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; /*ie6娓呴櫎娴姩鐨勬柟寮 *鍙峰彧鏈塈E6-IE7鎵ц锛屽叾浠栨祻瑙堝櫒涓嶆墽琛?/ } .banner>.dy { width: 100%; display: block; height: auto; } .container>.banner>.nav { width: 100%; height: 54px; background: rgba(70, 77, 88, 0.9); position: fixed; z-index: 999; } .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>.main>.main-top { width: 1120px; margin: auto; margin-bottom: 110px; } .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: 800px; float: right; font-size: 14px; color: #797878; line-height: 24px; } /* 鏂板姞閮ㄥ垎 灏忓睆骞曟樉绀?/ /* 澶ф秷璐 */ .container>.main>.main-xf{ width: 100%; background: #F3DFCB; } .container>.main>.main-xf>.main-xf-bg{ width: 1120px; margin: auto; background: #FFF6E9; } .container>.main>.main-xf>.main-xf-bg>.main-xf-top{ margin-left: 120px; width: 890px; } .container>.main>.main-xf>.main-xf-bg>.main-xf-top>h2{ font-size: 30px; line-height: 30px; font-weight: 400; color: #BD9369; padding-top: 50px; } .container>.main>.main-xf>.main-xf-bg>.main-xf-top>h3{ font-size: 25px; line-height: 30px; font-weight: 300; color: #BD9369; padding-bottom: 15px; } .container>.main>.main-xf>.main-xf-bg>.main-xf-top>span{ display: inline-block; padding: 10px; font-size: 20px; line-height: 18px; color: #fff; background: #187077; } .container>.main>.main-xf>.main-xf-bg>.main-xf-top>p{ font-size: 14px; line-height: 24px; color: #474A50; padding-top: 15px; } /* 杞挱 */ .container>.main>.main-xf>.main-xf-bg>.xf-bom{ width: 890px; /* height: 460px; */ margin-left: 120px; margin-top: 30px; } .container>.main>.main-xf>.main-xf-bg>.xf-bom>.swiper-container{ width: 100%; height: 100%; } .container>.main>.main-xf>.main-xf-bg>.xf-bom>.swiper-container>.swiper-wrapper{ width: 100%; height: 100%; } .container>.main>.main-xf>.main-xf-bg>.xf-bom>.swiper-container>.swiper-wrapper>.swiper-slide{ width: 100%; height: 100%; } .container>.main>.main-xf>.main-xf-bg>.xf-bom>.swiper-container>.swiper-wrapper>.swiper-slide>img{ width: 100%; height: 100%; display: block; } /* 澶ф秷璐筫nd */ /* 澶у仴搴 */ .container>.main>.main-jk{ width: 100%; background: #BD9369; } .container>.main>.main-jk>.main-jk-bg{ width: 1120px; margin: auto; background: #FFFFFF; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top{ margin-left: 120px; width: 890px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>h2{ font-size: 30px; line-height: 30px; font-weight: 400; color: #BD9369; padding-top: 50px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>h3{ font-size: 25px; line-height: 30px; font-weight: 300; color: #BD9369; padding-bottom: 15px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>span{ display: inline-block; padding: 10px; font-size: 20px; line-height: 18px; color: #fff; background: #187077; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>p{ font-size: 14px; line-height: 24px; color: #797878; padding-top: 15px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>a{ color: #BE956A; font-size: 28px; line-height: 18px; margin-top: 30px; display: block; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>a>p{ float: left; margin-top: 5px; } .container>.main>.main-jk>.main-jk-bg>.main-jk-top>a>span{ font-size: 16px; margin-left: 10px; font-weight: 400; } /* 杞挱 */ .container>.main>.main-jk>.main-jk-bg>.jk-bom{ width: 890px; /* height: 460px; */ margin-left: 120px; margin-top: 40px; } .container>.main>.main-jk>.main-jk-bg>.jk-bom>.swiper-container{ width: 100%; height: 100%; } .container>.main>.main-jk>.main-jk-bg>.jk-bom>.swiper-container>.swiper-wrapper{ width: 100%; height: 100%; } .container>.main>.main-jk>.main-jk-bg>.jk-bom>.swiper-container>.swiper-wrapper>.swiper-slide{ width: 100%; height: 100%; } .container>.main>.main-jk>.main-jk-bg>.jk-bom>.swiper-container>.swiper-wrapper>.swiper-slide>img{ width: 100%; height: 100%; display: block; } /* 澶у仴搴積nd */ /* 鏂板姞閮ㄥ垎end */ .container>.main>.main-middle { width: 100%; background: #314460; /* padding: 100px 0 90px; */ } .container>.main>.main-middle>.center { width: 1120px; margin: auto; background: #FFF6E9; } /* 澶撮儴 */ .container>.main>.main-middle>.center>.main-kj-top{ margin-left: 120px; width: 890px; } .container>.main>.main-middle>.center>.main-kj-top>h2{ font-size: 30px; line-height: 30px; font-weight: 400; color: #BD9369; padding-top: 50px; } .container>.main>.main-middle>.center>.main-kj-top>h3{ font-size: 25px; line-height: 30px; font-weight: 300; color: #BD9369; padding-bottom: 15px; } .container>.main>.main-middle>.center>.main-kj-top>span{ display: inline-block; padding: 10px; font-size: 20px; line-height: 18px; color: #fff; background: #187077; } .container>.main>.main-middle>.center>.main-kj-top>p{ font-size: 14px; line-height: 24px; color: #474A50; padding-top: 15px; } /* 澶撮儴end */ .container>.main>.main-middle>.center>.nav { width: 1120px; /* margin: auto; */ position: absolute; margin-top: -44px; /* margin-left: 330px; */ display: flex; justify-content: center; } .container>.main>.main-middle>.center>.nav>li { height: 44px; float: left; text-align: center; color: #FFF6E9; background: #ed7326; font-size: 20px; margin-right: 16px; box-sizing: border-box; cursor: pointer; width: 150px; padding-top: 6px; font-weight: 400; } .container>.main>.main-middle>.center>.nav>.active { background: #31aab3; } .container>.main>.main-middle>.center>.nav>li:hover { background: #31aab3; } .container>.main>.main-middle>.center>.nav>li:nth-last-child(1) { margin-right: 0; } .container>.main>.main-middle>.center>.carour { width: 100%; height: 252px; position: relative; margin-top: 35px; } .container>.main>.main-middle>.center>.carour>img { width: 100%; height: 100%; position: absolute; opacity: 0; } .container>.main>.main-middle>.center>.carour>.show { transition: 1s; opacity: 1; } .container>.main>.main-middle>.center>.text { width: 100%; padding-top: 50px; box-sizing: border-box; /* height: 1000px; */ } .container>.main>.main-middle>.center>.text>.show { width: 890px; margin: auto; font-size: 14px; color: #474A50; line-height: 24px; display: none; } .container>.main>.main-middle>.center>.text>.show:nth-child(1){ display: block; } .container>.main>.main-middle>.center>.text>.show>.show-nei{ width: 100%; height: 100%; } .container>.main>.main-middle>.center>.text>.show>.show-nei>img{ float: left; } .container>.main>.main-middle>.center>.text>.show>.show-nei>.nei-right{ float: right; height: 270px; } .container>.main>.main-middle>.center>.text>.show>.show-nei>.nei-right>span{ font-size: 20px; line-height: 30px; color: #BD9369; font-weight: 400; } .container>.main>.main-middle>.center>.text>.show>.show-nei>.nei-right>p{ width: 410px; } }