*{
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;
}