list2 .flex { display: flex; } .of { overflow: hidden; } .fen img { width: 100%; transition: all .3s ease-out; } .fen:hover img { transform: scale(1.1); } .w1718 { margin-left: auto; margin-right: auto; max-width: 1718px; } @media (max-width: 1750px) { .w1718 { padding: 0 15px; } } .w1520 { margin-left: auto; margin-right: auto; max-width: 1520px; } @media (max-width: 1550px) { .w1520 { padding: 0 15px; } } .flexs { display: flex; } .tou { position: absolute; top: 0; z-index: 111; background: rgba(0, 0, 0, 0.1); width: 100%; } .tou .con { justify-content: space-between; align-items: center; padding-right: 49px; } .tou .con .logo { line-height: 80px; } @media (max-width: 780px) { .c1 .con { flex-wrap: wrap; } } .c1 .con .c1-1 { padding-top: 6.19vw; text-align: center; width: 50%; } @media (max-width: 780px) { .c1 .con .c1-1 { width: 100%; padding-top: 40px; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; } } .c1 .con .c1-1 h2 { background: no-repeat 50% 0; padding-top: 4.9vw; padding-bottom: 2.45vw; background-size: auto 100%; } @media (max-width: 780px) { .c1 .con .c1-1 h2 { padding-top: 38px; padding-bottom: 40px; } } .c1 .con .c1-1 h2 b { display: block; font-size: 30px; color: #ef5522; } @media (max-width: 1025px) { .c1 .con .c1-1 h2 b { font-size: 26px; } } @media (max-width: 780px) { .c1 .con .c1-1 h2 b { font-size: 24px; } } .c1 .con .c1-1 h2 p { font-size: 12px; color: #666666; font-weight: normal; margin-top: 8px; } .c1 .con .c1-1 h2:after { content: ''; display: block; margin-left: auto; margin-right: auto; width: 160px; height: 2px; background-color: #ef5522; margin-top: 2.34375vw; } .c1 .con .c1-1 dd { font-size: 14px; line-height: 24px; color: #999999; } .c1 .con .c1-1 .list2 { margin-top: 3.22916vw; display: flex; justify-content: center; } @media (max-width: 1025px) { .c1 .con .c1-1 .list2 { margin-top: 20px; } } .c1 .con .c1-1 .list2 li { padding: 0 2.055vw; } .c1 .con .c1-1 .list2 li a .img img { max-width: 50px; } .c1 .con .c1-1 .list2 li a p { font-size: 16px; color: #999999; } @media (max-width: 780px) { .c1 .con .c1-1 .list2 li a p { font-size: 14px; margin-top: 4px; } } .c1 .con .c1-1 a.ck { width: 190px; line-height: 43px; border: solid 1px #ef5522; margin-left: auto; margin-right: auto; font-size: 14px; font-weight: 600; color: #ef5522; display: block; margin-top: 4.16vw; transition: all .3s ease-out; } @media (max-width: 1025px) { .c1 .con .c1-1 a.ck { margin-top: 25px; } } .c1 .con .c1-1 a.ck:hover { color: #fff; background: #ef5522; } .c1 .con .c1-2 { width: 50%; } @media (max-width: 780px) { .c1 .con .c1-2 { width: 100%; } } .c1 .con .c1-2 .img img { max-width: 100%; } .c1 .con .c1-2 .zi { background-color: #ef5522; color: #fff; padding-left: 4.17vw; padding-right: 4.17vw; padding-top: 3.5vw; padding-bottom: 3.75vw; } @media (max-width: 780px) { .c1 .con .c1-2 .zi { padding: 30px; } } .c1 .con .c1-2 .zi h3 { font-size: 24px; font-weight: 600; } @media (max-width: 1025px) { .c1 .con .c1-2 .zi h3 { font-size: 20px; } } @media (max-width: 780px) { .c1 .con .c1-2 .zi h3 { font-size: 18px; } } .c1 .con .c1-2 .zi dd { font-size: 12px; line-height: 18px; max-width: 329px; margin-top: 10px; } .c1 .con .c1-2 .zi:after { content: ''; display: block; width: 306px; height: 1px; background-color: #ffffff; margin-top: 22px; } h2.bt b { display: block; font-size: 30px; color: #ef5522; font-weight: 500; } @media (max-width: 1025px) { h2.bt b { font-size: 26px; } } @media (max-width: 780px) { h2.bt b { font-size: 24px; } } h2.bt p { font-size: 12px; color: #666666; font-weight: normal; margin-top: 8px; } h2.bt:after { content: ''; display: block; margin-left: auto; margin-right: auto; width: 160px; height: 2px; background-color: #ef5522; margin-top: 1.82vw; } .c2 { padding-bottom: 6.41vw; padding-top: 7.5vw; background: no-repeat 50% 0; background-size: cover; } @media (max-width: 780px) { .c2 { padding-top: 40px; padding-bottom: 40px; } } .c2 .tit { align-items: end; justify-content: space-between; } .c2 .tit .tit1 { align-items: center; } .c2 .tit .tit1 .list2 { margin-right: 1.98vw; display: flex; } @media (max-width: 480px) { .c2 .tit .tit1 .list2 { display: none; } } .c2 .tit .tit1 .list2 li { margin-left: 1.82vw; } .c2 .tit .tit1 .list2 li:nth-child(1) { margin-left: 0; } .c2 .tit .tit1 .list2 li a { font-size: 14px; color: #666666; font-weight: bold; display: flex; align-items: center; } .c2 .tit .tit1 .list2 li a:before { display: block; margin-right: 9px; content: ''; border-radius: 10px; width: 8px; height: 8px; border: 1px solid #666666; transition: all .3s ease-out; } .c2 .tit .tit1 .list2 li:hover a:before { background: #666666; } .c2 .tit .tit1 .bd .xx { cursor: pointer; width: 37px; height: 36px; } .c2 .tit .tit1 .bd .xx.zb { margin-right: 11px; background: no-repeat 50%; } .c2 .tit .tit1 .bd .xx.zb:hover { background: no-repeat 50%; } .c2 .tit .tit1 .bd .xx.yb { background: no-repeat 50%; } .c2 .tit .tit1 .bd .xx.yb:hover { background: no-repeat 50%; } .c2 .con { margin-top: 2.45vw; } @media (max-width: 780px) { .c2 .con { margin-top: 30px; } } .c2 .con .list2 { margin-left: -0.835vw; margin-right: -0.835vw; } .c2 .con .list2 .slick-slide { margin: 0; } .c2 .con .list2 .slick-slide > div { padding: 0 0.835vw; } .c2 .con .list2 li a { position: relative; } .c2 .con .list2 li a:after { content: ''; display: block; width: 0%; height: 2px; background: #ef5522; position: absolute; z-index: 1; bottom: 0; left: 0; transition: all .3s ease-out; } .c2 .con .list2 li a:hover:after { width: 100%; } .c2 .con .list2 li .img img { width: 100%; } .c2 .con .list2 li h3 { line-height: 40px; background: #fff; padding: 1.0416vw 1.56vw; font-size: 16px; color: #333333; font-weight: bold; } @media (max-width: 780px) { .c2 .con .list2 li h3 { font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 10px; padding-right: 10px; } } .c2 .con1 { display: flex; justify-content: end; margin-top: 2.86vw; } @media (max-width: 780px) { .c2 .con1 { margin-top: 30px; } } .c2 .con1 a.ck { width: 190px; line-height: 42px; text-align: center; border: 1px solid #ef5522; background-color: #ef5522; font-size: 14px; display: block; color: #fff; transition: all .3s ease-out; font-weight: 600; } .c2 .con1 a.ck:hover { background: #fff; color: #ef5522; } .c3 { padding-top: 11.2vw; padding-bottom: 12.29vw; background: no-repeat 50% 0; background-size: cover; text-align: center; } @media (max-width: 480px) { .c3 { padding-top: 40px; padding-bottom: 40px; } } .c3 h2.bt b { color: #fff; } .c3 h2.bt p { color: #fff; } .c3 dd { font-size: 16px; color: #ffffff; line-height: 25px; margin-bottom: 3.2vw; margin-top: 1.666vw; } @media (max-width: 780px) { .c3 dd { margin-top: 20px; margin-bottom: 30px; } } .c3 a.ck { width: 191px; line-height: 42px; text-align: center; border: 1px solid #ef5522; font-size: 14px; display: block; color: #ef5522; font-weight: 600; margin-left: auto; margin-right: auto; transition: all .3s ease-out; } .c3 a.ck:hover { background: #ef5522; color: #fff; } .c4 { padding-top: 7.55vw; margin-bottom: 8.5vw; } @media (max-width: 780px) { .c4 { padding-top: 40px; padding-bottom: 20px; } } .c4 .tit { align-items: end; justify-content: space-between; display: flex; } .c4 .tit h2.bt:after { margin-left: 0; } .c4 .tit a.ck { width: 190px; line-height: 42px; border: solid 1px #ef5522; font-weight: 600; font-size: 14px; color: #ef5522; display: block; text-align: center; transition: all .3s ease-out; } .c4 .tit a.ck:hover { background: #ef5522; color: #fff; } .c4 .con { margin-top: 2.6vw; } @media (max-width: 780px) { .c4 .con { margin-top: 30px; } } .c4 .con .list2 { margin-left: -0.705vw; margin-right: -0.705vw; } @media (max-width: 780px) { .c4 .con .list2 { flex-wrap: wrap; margin-left: -7px; margin-right: -7px; } } .c4 .con .list2 li { padding: 0 0.705vw; width: 25%; } @media (max-width: 780px) { .c4 .con .list2 li { width: 50%; margin-bottom: 20px; padding: 0 7px; } } .c4 .con .list2 li .times { font-size: 14px; color: #999999; margin-bottom: 6px; } .c4 .con .list2 li .img img { width: 100%; } .c4 .con .list2 li .zi { margin-top: 26px; } @media (max-width: 1025px) { .c4 .con .list2 li .zi { margin-top: 16px; } } .c4 .con .list2 li .zi h3 { font-size: 18px; font-weight: 600; color: #333333; transition: all .3s ease-out; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c4 .con .list2 li .zi dd { margin-top: 17px; font-size: 14px; line-height: 24px; color: #999999; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1025px) { .c4 .con .list2 li .zi dd { margin-top: 8px; } } .c4 .con .list2 li:hover .zi h3 { color: #ef5522; } .c5 { background: no-repeat 50% 100%; background-size: cover; padding-top: 50px; padding-bottom: 64px; } @media (max-width: 1025px) { .c5 { padding-top: 40px; padding-bottom: 40px; } } .c5 .tit { justify-content: space-between; display: flex; align-items: flex-start; position: relative; } .c5 .tit:after { content: ''; display: block; width: 100%; height: 2px; background: #eeeeee; position: absolute; z-index: 1; bottom: 0; } .c5 .tit h2.bt { position: relative; z-index: 2; } .c5 .tit h2.bt:after { margin-left: 0; } .c5 .tit .bd { display: flex; margin-top: 1.51vw; } .c5 .tit .bd .xx { width: 37px; height: 36px; cursor: pointer; } .c5 .tit .bd .xx.zb { margin-right: 10px; background: no-repeat 50%; } .c5 .tit .bd .xx.yb { background: no-repeat 50%; } .c5 .con { margin-top: 3.7vw; } @media (max-width: 1025px) { .c5 .con { margin-top: 30px; } } .c5 .con .list2 { margin-left: -0.78125vw; margin-right: -0.78125vw; } .c5 .con .list2 li { padding: 0 0.78125vw; } .foot { padding-top: 4.9vw; background: no-repeat 50% 0; background-size: cover; } @media (max-width: 780px) { .foot { padding-top: 40px; } } .foot .con { justify-content: space-between; } @media (max-width: 480px) { .foot .con { flex-wrap: wrap; } } .foot .con .foot1-1 { max-width: 1532px; justify-content: space-between; width: 84%; } @media (max-width: 480px) { .foot .con .foot1-1 { width: 100%; flex-wrap: wrap; } } .foot .con .foot1-1 .foot1 h2 { font-size: 16px; font-family: arial; color: #ffffff; font-weight:bolder; } .foot .con .foot1-1 .foot1 dd { font-size: 16px; color: #999999; line-height: 24px; margin-top: 22px; } .foot .con .foot1-1 .foot1 dd p:nth-child(1) { margin-bottom: 1.14583vw; } @media (max-width: 480px) { .foot .con .foot1-1 .foot1 dd p:nth-child(1) { margin-bottom: 10px; } } @media (max-width: 1025px) { .foot .con .foot1-1 .foot1 dd { font-size: 14px; margin-top: 12px; line-height: 22px; } } .foot .con .foot1-1 .foot2 { font-family: arial; } @media (max-width: 480px) { .foot .con .foot1-1 .foot2 { margin-top: 20px; } } .foot .con .foot1-1 .foot1 { float:left; width:25%;} .foot .con .foot1-1 .foot2{ width:75%; float:left;} .foot .con .foot1-1 .foot2 h2 { font-size: 18px;font-weight: bold; color: #ffffff; width:140px; margin-left:15px; float:left;} .foot .con .foot1-1 .foot2 h2:nth-child(5) { font-size: 18px;font-weight: bold; color: #ffffff; width:260px; margin-left:15px; float:left;} .foot .con .foot1-1 .foot2 dd { line-height:180%; font-size: 14px; color: #ffffff; font-weight:normal; } .foot .con .foot1-1 .foot2 dd a{ color:#fff;} @media (max-width: 780px) { .foot .con .foot1-1 .foot2 dd { margin-top: 7px; font-size: 24px; } } .foot .con .foot3 { text-align: center; } @media (max-width: 480px) { .foot .con .foot3 { margin-top: 20px; } } .foot .con .foot3 .img { width: 96px; } .foot .con .foot3 .img img { width: 100%; } .foot .con .foot3 dd { font-size: 14px; color: #999999; line-height: 23px; margin-top: 13px; } @media (max-width: 1025px) { .foot .con .foot3 dd { margin-top: 8px; font-size: 13px; line-height: 22px; } } .foot .list1 { max-width: 412px; margin-top: 5.83vw; margin-bottom: 3.33vw; width: 80%; justify-content: space-between; } @media (max-width: 780px) { .foot .list1 { margin-top: 30px; margin-bottom: 20px; } } .foot .list1 li a { color: #999999; font-size: 14px; } .foot .con1 { border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; line-height: 24px; color: #999999; padding-top: 2.5vw; padding-bottom: 2.8vw; } @media (max-width: 1025px) { .foot .con1 { font-size: 13px; } } @media (max-width: 780px) { .foot .con1 { padding-top: 15px; padding-bottom: 20px; } } .foot .con1 a { color: #999999; } @media (max-width: 640px) { .foot .con .foot1-1 .foot2 .mobinone { display:none; font-size:12px; } .foot .con .foot1-1 .foot2 h2{ margin-top:80px; margin-left:10px;} .foot .con .foot1-1 .foot2 p{ font-size:14px !important; line-height:200% !important;} .foot3{ margin-top:-120px !important;} } /*# sourcemappingurl=i ndex.css.map */