*{ margin: 0px; padding: 0px; } html { min-width: 1500px; } body { overflow-x: hidden; min-width: 1500px; } li { list-style-type: none; } .box { background-color: #f6f6f6; } .box .container { width:1000px !important; padding-left: 20px; padding-right: 20px; height: 80px; margin: 0 auto; } .box .navigation { background-color: #fff; height: 80px; font-size: 16px; color: #333; width: 100%; position: fixed; top: 0; z-index: 999; -webkit-box-shadow: 1px 1px 5px #888; box-shadow: 1px 1px 5px #888; } .box .navigation .container .navigation-logo { background: no-repeat; width: 131px; height: 40px; margin-left: -8px; margin-top: 19px; float: left; } .box .navigation .container .navigation-icon { display: inline-block; width: 16px; height: 17px; background: no-repeat; vertical-align: middle; } .box .navigation .container .navigation-text { float: left; margin-left: 20px; line-height: 80px; } .box .navigation .container .navigation-right { float: right; line-height: 80px; } .box .navigation .container .navigation-right li { margin-left: 30px; color: #767676; float: left; } .box .navigation .container .navigation-right .navigation-a { color: #767676; } .box .navigation .container .navigation-right .navigation-a:hover { color: #000; cursor: pointer; } .box .navigation .container .navigation-btn { display: inline-block; font-size: 18px; width: 150px; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #ff6727; border-radius: 2px; margin-left: 40px; } .box .navigation .container .navigation-btn:hover { background-color: #ff4e00; cursor: pointer; } .section .w1300 { width: 1300px; margin: 0 auto; } .section1 { height: 940px; width: 100%; position: relative; margin-top: 82px; } .section1 .content1 { background: no-repeat; height: 940px; width: 100%; position: relative; background-size: 100% 100%; } .section1 .wx-shop{ /* margin-left: 459px; */ padding-top: 94px; text-align: left; font-family:pingfang sc; /* width: 563px; */ width: 1255px; margin: auto; position: relative; } .section1 .wx-shop p { font-size:80px; font-weight:bold; color:rgba(254,254,254,1); text-shadow:0px 8px 14px rgba(219,103,45,1); } .section1 .wx-shop .bottom { height: 172px; line-height: 89px; padding-bottom: 8px; margin-left: 100px; } .border1 { margin-left: 100px; } .section1 .wx-shop .sub { font-size:20px; font-weight:500; color:rgba(243,242,240,1); width: 260px; height:79px; margin-top: 15px; line-height: 30px; margin-left: 100px; } .wrap-box { height: 743px; margin-top: -194px; } .tip-box1 { margin-left: 663px; position: absolute; left: -27.5%; top: 40%; width: 135px; height: 270px; } .tip-box2 { margin-left: 428px; position: absolute; top: 40%; left: -27.6%; width: 135px; height: 270px; } .wrap-box p.tips-pay { font-size:14px; font-family:pingfang sc; font-weight:400; color:#cccccc; text-shadow: none; position: absolute; bottom: 51px; left: 47%; } .message1, .message2, .message3, .message4, .message5 { background: no-repeat center center; font-size:18px; font-family:pingfang sc; font-weight:400; color:rgba(119,119,119,1); line-height:24px; width: 318px; height: 135px; position: absolute; } .message1 .text { padding-top: 33px; padding-bottom: 10px; text-align: center; } .message1 { top: 0px; left: 13px } .line1-box { position: relative; height: 184px; width: 263px; left: 22%; z-index: 1; top: -111px; } /* .line1-border-top { width: ; } */ .dong img { position: absolute; /* top: -113px; */ /* left: 22.8%; */ -webkit-transition: 0.6s; transition: 0.6s; opacity: 0; top: 0; z-index: 1; right: 0; } .message2 { top: 93px; left: 13px; } .message2 .text { padding-top: 33px; text-align: center; } .message3 { top: 176px; left: -6px; } .message3 .text { padding-top: 33px; text-align: center; } .message4 { top: 261px; left: -6px; } .message4 .text { padding-top: 33px; text-align: center; } .message5 { top: 351px; left: -8px; } .message5 .text { padding-top: 33px; text-align: center; } .mobile { /* position: absolute; right: 16%; bottom: 0; */ /* float: right; margin-right: 332px; */ float: right; } .line { position: absolute; right: 27%; /* top: 31.9%; */ top: 28.9%; z-index: 1; } /* 第二部分 */ .section2 { padding-bottom: 190px; padding-top: 197px; } .section2 h3{ text-align: center; } .section2 h3 .title{ color: #f07642; font-size: 48px; } .section2 h3 .sub-title { color: #666666; font-size: 36px; font-weight: 500; } .section2 .content2 { overflow: hidden; height: auto; margin-top: 63px; } .section2 .w1300 .content2 .left { float: left; } .section2 .w1300 .content2 .right { float: left; /* width: 535px; */ margin-left: 100px; margin-top: 23px; } .section2 .w1300 .content2 .right .title{ font-size:24px; font-family:pingfang sc; font-weight:500; color:rgba(255,255,255,1); background: no-repeat; width: 240px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; } /* 轮播 */ .big{ width: 539px; height: 639px; position: relative;/*参照物*/ } .pic { background: no-repeat; width: 539px; height: 639px; position: relative; } .pic img{ position: absolute;/*绝对定位*/ display: none; /* width: 244px; height: 390px; */ left: 198px; top: 95px; } .but{ margin-top: 78px; } .but ul li{ list-style-type: none; font-family: "pingfang-sc-regular"; font-size: 18px; color: #777777; cursor: pointer; padding-bottom: 16px; padding-top: 16px; padding-left: 20px; letter-spacing: 0; /* border-left: 1px solid; */ position: relative; } /* tencent://message/?uin=800008626 */ .but ul li::before { content:; /* margin-right: 26px; */ position: absolute; left: -6.5px; } .but .hover{ color:#333333; font-size: 20px; font-family: 'pingfang-sc-medium'; /* background: no-repeat 0 center; */ } .but ul .hover::before{ content:; position: absolute; left: -8.5px; } #ul { background: no-repeat 0 35px; padding-bottom: 19px; } /* 第三部分 */ .section3 { background: no-repeat; background-size: cover; padding-bottom: 170px; overflow: hidden; } .section3 .title { text-align: center; padding-top:130px; padding-bottom: 60px; color: #f3f2f0; } .section3 .title p:first-child { font-family: pingfang-sc-bold; font-weight: bold; font-size: 48px; } .section3 .title p:nth-child(2) { font-family: pingfang-sc-medium; font-weight: bold; font-size: 36px; } .section3 .list { overflow: hidden; display: flex; align-items: center; justify-content: center; } .list li{ float: left; margin-left: 60px; text-align: center; } .list li img { margin-bottom: 20px; } .section3 .list li p { font-size: 22px; font-family: pingfang-sc-bold; font-weight: bold; color: #fff; } .section3 .list li .sub-tip { font-size: 16px; color: #cccccc; } #sub-tip { text-align: left; width: 224px; margin: auto; } /* 第四部分 */ .section4 { padding-bottom: 158px; overflow: hidden; } .section4 h3 p{ color: #666666; font-weight: 500; font-size: 36px; text-align: center; padding-top: 204px; padding-bottom: 35px; } .section4 .bg4 { background: no-repeat; height: 819px; } .bg4 { margin-left: 40px; } .bg4 .mobile-i { float: left; margin-right: 40px; margin-left: 40px; } .right-list { float: left; } .right-list .ul-list { margin-top: 107px; } .right-list .ul-list li{ color: #555555; font-family: pingfang-sc-medium; font-size: 22px; line-height:36px; background: no-repeat left center; padding-left: 28px; } .right-list .money { font-size:52px; font-family:pingfang sc; font-weight:bold; color:rgba(239,118,65,1); position: relative; } .money .limited-time { width: 120px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ef7641; border-radius: 5px; font-size:16px; font-family:pingfang sc; font-weight:400; color:rgba(239,118,65,1); position: absolute; top: 16px; margin-left: 3px; } .right-list .title { font-size:24px; font-family:pingfang sc; font-weight:500; color:rgba(255,255,255,1); background: no-repeat; width:240px; height:60px; text-align: center; line-height: 60px; cursor: pointer; } .right-list .tips { font-size:14px; font-family:pingfang-sc-regular; font-weight:400; color:rgba(239,118,65,1); margin-top: 15px; } .bottom-text .intro{ float: left; font-size:14px; font-family:pingfang sc; font-weight:400; color:rgba(136,136,136,1); line-height:22px; } .bottom-text .intro:nth-child(1) { margin-right: 44px; } /* 第五部分 */ .section5 { padding-bottom: 203px; } .section5 h3 { text-align: center; padding-bottom: 64px; } .section5 h3 .title { color: #ef7641; font-size: 48px; } .section5 h3 .ti-su { font-size:36px; font-family:pingfang sc; font-weight:500; color:#666666; } .section5 img { margin: auto; display: inherit; } /* 第六部分 */ .section6 { background: no-repeat; background-size: cover; height: 1000px; } .section6 .w1300 { width: 1444px; } .section6 .center-box { float: left; margin-top: 138px; } .section6 .center-box img { float: left; margin-right: 23px; } .right-con { margin-top: 73px; float: left; } .right-con h3 { color: #ef7641; font-size: 100px; } .right-con .sub-p { font-size: 36px; color: #ffffff; } .one { background: no-repeat; background-size: cover; /* height: 237px; */ padding-top: 56px; margin-top: 22px; float: left; width: 243px; margin-left: -20px; padding-bottom: 64px; } .one .num { font-size: 40px; color: #ef7641; font-weight: 600; margin-left: 50px; font-family: pingfang-sc-bold; } .one .con { font-size: 18px; color: #555555; font-family: pingfang-sc-regular; margin-left: 50px; } .border-icon { margin-left: 50px; margin-top: 109px; } .one .num .unit { font-size: 24px; } .box-system { overflow: hidden; } .bottom-bg { width: 586px; height:106px; background:linear-gradient(180deg,rgba(245,240,237,1),rgba(247,229,219,1)); box-shadow:0px 12px 27px 3px rgba(60,47,40,0.71); opacity:0.95; border-radius:15px 0px 15px 0px; margin-top: 16px; display: flex; align-items: center; padding-left: 20px; padding-right: 30px; } .bottom-bg p { font-size:20px; font-family:pingfang sc; font-weight:500; color:rgba(102,102,102,1); } .bottom-bg .register-fee { margin-left: 15px; margin-right: 100px; cursor: pointer; font-size:20px; font-family:pingfang sc; font-weight:500; color:rgba(102,102,102,1); text-decoration: none; } .bottom-bg .tel { background: no-repeat 0 center; padding-left: 26px; font-size: 20px; font-family: pingfang sc; font-weight: 500; color: rgba(102,102,102,1); text-decoration: none; }