.major[data-v-90f9bf18] { width: 100%; background: rgb(248, 248, 248); }
.major img[data-v-90f9bf18] { width: 100%; height: 100%; }
.major .banner[data-v-90f9bf18] { }
.major .section1[data-v-90f9bf18] { width: 100%; padding: 87px 0px 0px; }
.major .section1 .bt[data-v-90f9bf18] { width: 370px; height: 51px; margin: 0px auto; }
.major .section1 .btn[data-v-90f9bf18] { width: 170px; height: 46px; line-height: 46px; background: rgb(44, 166, 224); border-radius: 10px; margin: 20px auto 0px; text-align: center; color: rgb(255, 255, 255); }
.major .section1 .conten[data-v-90f9bf18] { width: 1120px; margin: 50px auto 0px; display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.major .section1 .conten .box[data-v-90f9bf18] { width: 265px; height: 391px; position: relative; overflow: hidden; cursor: pointer; }
.major .section1 .conten .box .top[data-v-90f9bf18] { width: 100%; height: 391px; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; text-align: center; font-family: "PingFang SC"; font-weight: 400; color: rgb(255, 255, 255); opacity: 0; margin: auto; transform: translateY(30px) scale(0.9); transition: all 0.36s ease 0s; }
.major .section1 .conten .box .top .show[data-v-90f9bf18] { position: absolute; top: 10px; bottom: 10px; right: 10px; left: 10px; border: 1px solid rgb(255, 255, 255); }
.major .section1 .conten .box .top .info[data-v-90f9bf18] { text-align: center; position: relative; top: 40%; transform: rotateX(45deg) translateY(-50%); transition: all 0.5s ease 0s; transform-origin: center center -400px; }
.major .section1 .conten .box .top .num[data-v-90f9bf18] { font-size: 22px; margin-top: 120px; transition: all 0.5s ease 0s; }
.major .section1 .conten .box .top .title[data-v-90f9bf18] { font-size: 20px; margin-top: 28px; }
.major .section1 .conten .box .top .text[data-v-90f9bf18] { font-size: 14px; margin-top: 10px; }
.major .section1 .conten .box .top .txt[data-v-90f9bf18] { width: 142px; height: 32px; line-height: 32px; border: 1px solid rgba(255, 255, 255, 0.36); font-size: 14px; text-align: center; margin: 32px auto 0px; }
.major .section1 .conten .box .btome[data-v-90f9bf18] { width: 100%; height: 42px; line-height: 42px; background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0px; text-align: center; }
.major .section1 .conten .box .btome .title[data-v-90f9bf18] { color: rgb(255, 255, 255); font-size: 14px; }
.major .section1 .conten .box:hover .top[data-v-90f9bf18] { transform: translateY(0px); opacity: 1; }
.major .section1 .conten .box:hover .info[data-v-90f9bf18] { transform: rotateX(0deg) translateY(-50%); }
.major .section1 .conten .box:hover .btome[data-v-90f9bf18] { display: none; }
.major .section1 .conten .box2[data-v-90f9bf18] { width: 835px; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; }
.major .section1 .conten .box2 .rbox[data-v-90f9bf18] { width: 265px; height: 185px; position: relative; overflow: hidden; cursor: pointer; margin-bottom: 20px; }
.major .section1 .conten .box2 .rbox .top[data-v-90f9bf18] { width: 100%; height: 185px; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; text-align: center; font-family: "PingFang SC"; font-weight: 400; color: rgb(255, 255, 255); opacity: 0; margin: auto; transform: translateY(30px) scale(0.9); transition: all 0.36s ease 0s; }
.major .section1 .conten .box2 .rbox .top .show[data-v-90f9bf18] { position: absolute; top: 10px; bottom: 10px; right: 10px; left: 10px; border: 1px solid rgb(255, 255, 255); }
.major .section1 .conten .box2 .rbox .top .info[data-v-90f9bf18] { height: 100px; text-align: center; position: relative; top: 50%; transform: rotateX(45deg) translateY(-40%); transition: all 0.5s ease 0s; transform-origin: center center -400px; }
.major .section1 .conten .box2 .rbox .top .num[data-v-90f9bf18] { font-size: 22px; margin-top: 10px; transition: all 0.5s ease 0s; }
.major .section1 .conten .box2 .rbox .top .title[data-v-90f9bf18] { font-size: 16px; margin-top: 10px; }
.major .section1 .conten .box2 .rbox .top .text[data-v-90f9bf18] { font-size: 14px; margin-top: 6px; }
.major .section1 .conten .box2 .rbox .top .txt[data-v-90f9bf18] { width: 142px; height: 32px; line-height: 32px; border: 1px solid rgba(255, 255, 255, 0.36); font-size: 14px; text-align: center; margin: 10px auto 0px; }
.major .section1 .conten .box2 .rbox .btome[data-v-90f9bf18] { width: 100%; height: 42px; line-height: 42px; background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0px; text-align: center; }
.major .section1 .conten .box2 .rbox .btome .title[data-v-90f9bf18] { color: rgb(255, 255, 255); font-size: 14px; }
.major .section1 .conten .box2 .rbox:hover .top[data-v-90f9bf18] { transform: translateY(0px); opacity: 1; }
.major .section1 .conten .box2 .rbox:hover .info[data-v-90f9bf18] { transform: rotateX(0deg) translateY(-40%); }
.major .section1 .conten .box2 .rbox:hover .btome[data-v-90f9bf18] { display: none; }
.major .section2[data-v-90f9bf18] { width: 100%; padding: 80px 0px 90px; }
.major .section2 .bt[data-v-90f9bf18] { width: 311px; height: 51px; margin: 0px auto; }
.major .section2 .conten[data-v-90f9bf18] { width: 1120px; margin: 50px auto 0px; }
.major .section2 .conten ul[data-v-90f9bf18] { display: flex; }
.major .section2 .conten ul li[data-v-90f9bf18] { width: 150px; height: 42px; line-height: 42px; border: 1px solid rgb(44, 166, 224); font-size: 16px; font-family: "PingFang SC"; font-weight: 400; color: rgb(44, 166, 224); text-align: center; margin-right: 6px; cursor: pointer; }
.major .section2 .conten ul li[data-v-90f9bf18] a{line-height: 42px; font-size: 16px; font-family: "PingFang SC"; font-weight: 400; color: rgb(44, 166, 224); text-align: center; cursor: pointer; }
.major .section2 .conten ul .btns[data-v-90f9bf18] { background: rgb(44, 166, 224); color: rgb(255, 255, 255); }
.major .section2 .conten ul .btns[data-v-90f9bf18] a{ color: rgb(255, 255, 255); }
.major .section2 .conten .main1[data-v-90f9bf18] { width: 1120px; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 35px; }
.major .section2 .conten .main1 .l_box[data-v-90f9bf18] { width: 160px; height: 236px; }
.major .section2 .conten .main1 .l_box2[data-v-90f9bf18], .major .section2 .conten .main1 .l_box3[data-v-90f9bf18] { width: 160px; height: 480px; }
.major .section2 .conten .main1 .r_box[data-v-90f9bf18] { width: 950px; display: flex; flex-wrap: wrap; }
.major .section2 .conten .main1 .r_box .r_block[data-v-90f9bf18] { width: 230px; height: 235px; background: rgb(255, 255, 255); overflow: hidden; cursor: pointer; transition: all 0.5s ease 0s; margin-right: 5px; }
.major .section2 .conten .main1 .r_box .r_block .pic[data-v-90f9bf18] { width: 230px; height: 160px; }
.major .section2 .conten .main1 .r_box .r_block .wrapper[data-v-90f9bf18] { height: 75px; box-sizing: border-box; padding: 20px 10px 0px; }
.major .section2 .conten .main1 .r_box .r_block .wrapper .infor[data-v-90f9bf18] { font-family: "PingFang SC"; font-weight: 400; color: rgb(51, 51, 51); text-align: center; transition: all 0.5s ease 0s; }
.major .section2 .conten .main1 .r_box .r_block .wrapper .infor .title[data-v-90f9bf18] { font-size: 16px; }
.major .section2 .conten .main1 .r_box .r_block .wrapper .infor .subtitle[data-v-90f9bf18] { font-size: 12px; }
.major .section2 .conten .main1 .r_box .r_block:hover .wrapper[data-v-90f9bf18] { background: rgb(44, 166, 224); transition: all 0.5s ease 0s; }
.major .section2 .conten .main1 .r_box .r_block:hover .wrapper .infor[data-v-90f9bf18] { color: rgb(255, 255, 255); }
