.ccccc{color:rgba(124, 79, 50, 0.9)} .f_12{font-size:0.625vw;} .f_13{font-size:0.677vw;} .f_14{font-size:0.729vw;} .f_15{font-size:0.781vw;} .f_16{font-size:0.833vw;} .f_17{font-size:0.885vw;} .f_18{font-size:0.938vw;} .f_19{font-size:0.99vw;} .f_20{font-size:1.042vw;} .f_21{font-size:1.094vw;} .f_22{font-size:1.146vw;} .f_23{font-size:1.198vw;} .f_24{font-size:1.25vw;} .f_25{font-size:1.302vw;} .f_26{font-size:1.354vw;} .f_27{font-size:1.406vw;} .f_28{font-size:1.458vw;} .f_29{font-size:1.51vw;} .f_30{font-size:1.563vw;} .f_31{font-size:1.615vw;} .f_32{font-size:1.667vw;} .f_33{font-size:1.719vw;} .f_34{font-size:1.771vw;} .f_35{font-size:1.823vw;} .f_36{font-size:1.875vw;} .f_37{font-size:1.927vw;} .f_38{font-size:1.979vw;} .f_39{font-size:2.031vw;} .f_40{font-size:2.083vw;} .f_41{font-size:2.135vw;} .f_42{font-size:2.188vw;} .f_43{font-size:2.24vw;} .f_44{font-size:2.292vw;} .f_45{font-size:2.344vw;} .f_46{font-size:2.396vw;} .f_47{font-size:2.448vw;} .f_48{font-size:2.5vw;} .f_49{font-size:2.552vw;} .f_50{font-size:2.604vw;} .f_51{font-size:2.656vw;} .f_52{font-size:2.708vw;} .f_53{font-size:2.76vw;} .f_54{font-size:2.813vw;} .f_55{font-size:2.865vw;} .f_56{font-size:2.917vw;} .f_57{font-size:2.969vw;} .f_58{font-size:3.021vw;} .f_59{font-size:3.073vw;} .f_60{font-size:3.125vw;} .f_61{font-size:3.177vw;} .f_62{font-size:3.229vw;} .f_63{font-size:3.281vw;} .f_64{font-size:3.333vw;} .f_65{font-size:3.385vw;} .f_66{font-size:3.438vw;} .f_67{font-size:3.49vw;} .f_68{font-size:3.542vw;} .f_69{font-size:3.594vw;} .f_70{font-size:3.646vw;} .f_71{font-size:3.698vw;} .f_72{font-size:3.75vw;} .f_73{font-size:3.802vw;} .f_74{font-size:3.854vw;} .f_75{font-size:3.906vw;} .f_76{font-size:3.958vw;} .f_77{font-size:4.01vw;} .f_78{font-size:4.063vw;} .f_79{font-size:4.115vw;} .f_80{font-size:4.167vw;} @media (max-width: 1024px) {.f_12{font-size:12px;} .f_14{font-size:14px;} .f_16{font-size:14px;} .f_18{font-size:16px;} .f_20{font-size:18px;} .f_22{font-size:20px;} .f_24 { font-size: 16px; } .f_25 { font-size: 17px; } .f_26 { font-size: 18px; } .f_27 { font-size: 19px; } .f_28 { font-size: 20px; } .f_29 { font-size: 21px; } .f_30 { font-size: 22px; } .f_31 { font-size: 23px; } .f_32 { font-size: 24px; } .f_33 { font-size: 21px; } .f_34 { font-size: 22px; } .f_35 { font-size: 23px; } .f_36 { font-size: 22px; } .f_37 { font-size: 25px; } .f_38 { font-size: 26px; } .f_39 { font-size: 27px; } .f_40 { font-size: 28px; } .f_41 { font-size: 29px; } .f_42 { font-size: 30px; } .f_43 { font-size: 31px; } .f_44 { font-size: 32px; } .f_45 { font-size: 33px; } .f_46 { font-size: 34px; } .f_47 { font-size: 35px; } .f_48 { font-size: 36px; } .f_49 { font-size: 37px; } .f_50 { font-size: 34px; } .f_51 { font-size: 35px; } .f_52 { font-size: 36px; } .f_53 { font-size: 37px; } .f_54 { font-size: 38px; } .f_55 { font-size: 39px; } .f_56 { font-size: 40px; } .f_57 { font-size: 41px; } .f_58 { font-size: 42px; } .f_59 { font-size: 43px; } .f_60 { font-size: 44px; } .f_61 { font-size: 45px; } .f_62 { font-size: 46px; } .f_63 { font-size: 47px; } .f_64 { font-size: 48px; } .f_65 { font-size: 49px; } .f_66 { font-size: 50px; } .f_67 { font-size: 51px; } .f_68 { font-size: 52px; } .f_69 { font-size: 53px; } .f_70 { font-size: 54px; } .f_71 { font-size: 47px; } .f_72 { font-size: 48px; } .f_73 { font-size: 49px; } .f_74 { font-size: 50px; } .f_75 { font-size: 51px; } .f_76 { font-size: 52px; } .f_77 { font-size: 53px; } .f_78 { font-size: 54px; } .f_79 { font-size: 55px; } .f_80 { font-size: 56px; } } html{font-size: 100px;} @media screen and (max-width: 1800px) {html {font-size: 95px;}} @media screen and (max-width: 1700px) {html { font-size: 90px;} } @media screen and (max-width: 1600px) {html {font-size: 85px;} } @media screen and (max-width: 1500px) {html { font-size: 80px;} } @media screen and (max-width: 1400px) {html { font-size: 75px;} } @media screen and (max-width: 1300px) {html { font-size: 70px;} } @media screen and (max-width: 1200px) {html { font-size: 65px;} } @media screen and (max-width: 1100px) { html { font-size: 60px; } } @media screen and (max-width: 1000px) {html { font-size: 55px;} } @media screen and (max-width: 900px) { html { font-size: 50px; } } @font-face { font-family: "sym"; src: url("../fonts/SOURCEHANSERIFCN-MEDIUM.OTF") ; font-weight: normal; font-style: normal; } @font-face { font-family: "syl"; src: url("../fonts/SOURCEHANSERIFCN-LIGHT.OTF") ; font-weight: normal; font-style: normal; } @font-face { font-family: "syb"; src: url("../fonts/SOURCEHANSERIFCN-BOLD.OTF") ; font-weight: normal; font-style: normal; } .sym{font-family: "sym";} .syl{font-family: "syl";} .syb{font-family: "syb";} *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *{ margin:0; padding:0;} body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; position: relative;padding: 0 ; width: 100%;color: #222;font-family:'sym','微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px; line-height:1;background: #fff;} html.act{overflow: hidden;width: 100%;height: 100vh;} .ul,.ul li,.ul1 li,.ul td,.ul,.ul dd,.uls,.uls li,.uls li,.uls td,.uls,.uls dd{ list-style-type:none; margin:0; padding:0; } .clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #222;} textarea,select{ outline:none; color:#666; font-size:14px; width:100%;} /* 2026 0702 调整css*/ img{margin:auto;border:none;display: block;max-width: 100%;} img[src=""]{opacity: 0;} .gdt::-webkit-scrollbar{ width:2px;} .gdt::-webkit-scrollbar-thumb{ background:#A57D57;} .gdt::-webkit-scrollbar-track{ background:#d9d9d9;} .gdt2::-webkit-scrollbar{width:3px;padding: 0 2px;} .gdt2::-webkit-scrollbar-thumb{ background:#007440;border-radius: 20px;} .gdt2::-webkit-scrollbar-track{ background:rgba(255,255,255,0);border-radius: 20px;width: 1px; background: linear-gradient(to right, transparent 0%, transparent 33.33%,#D9D9D9 33.33%, #D9D9D9 66.66%,transparent 66.66%, transparent 100%);} .f100{} .flex{display: flex;} .flex_wrap{flex-wrap: wrap;} .flex_center{justify-content: center;} .flex_sb{justify-content: space-between;} .flex_right{justify-content: flex-end;} .flex_alcen{align-items: center;align-content: center;} .flex_altop{align-items: flex-start;align-content: flex-start;} .flex_albtm{align-items: flex-end;align-content: flex-end;} /*分页*/ .page1 {text-align: center;margin: .6rem 0 0;text-align: center;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;font-family: "popr";} .page1 span a {display: block;color: #00357B;width: calc(40 / 1920 * 100vw);height: calc(40 / 1920 * 100vw);text-decoration: none;border: 1px solid #d9d9d9;border-radius: 1.5625vw;margin: 0 3px;} .page1 span.current a {background: #7B4F32;color: #fff;} .page1 span {display: inline-block;line-height: calc(38 / 1920 * 100vw);color: #999;margin: 0 3px;} .page1 span input, .page1 span .go {display: block;width: calc(72 / 1920 * 100vw);height: calc(40 / 1920 * 100vw);border-radius: 1.5625vw; border: 1px solid #d9d9d9;outline: none;text-align: center;background: rgba(0, 0, 0, 0);} .page1 span a:hover, .page1 span.current a { background: #7B4F32; color: #fff;} .page1 span.current a { background: #7B4F32;} .page1 span a.pre s { display: block; width: calc(20 / 1920 * 100vw); height: calc(20 / 1920 * 100vw); background: url(../images/svg/jt_r_1.svg) center no-repeat; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: rotate(180deg);margin-right: 3px;} .page1 span a.pre:hover s { background: url(../images/svg/jt_r_2.svg) center no-repeat; } .page1 span a.nex s { display: block; width: calc(20 / 1920 * 100vw); height: calc(20 / 1920 * 100vw); background: url(../images/svg/jt_r_1.svg) center no-repeat; margin-left: 5px;} .page1 span a.nex:hover s { background: url(../images/svg/jt_r_2.svg) center no-repeat;} .page1 span a.pre, .page1 span a.nex { width: calc(100 / 1920 * 100vw); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #00357B;} .page1 .page-text { color: #00357B; margin: 0 10px;} .page1 span.qd { width: calc(72 / 1920 * 100vw);} .page1 span.qd a { width: 100%;color: #999;} .page1 span a:hover, .page1 span.current a { background: #7B4F32; color: #fff; border: 1px solid #7B4F32;} .page2{width: 160px;background: #7B4F32;color: #fff;display: block;margin: 0 auto;line-height: 50px;display: none;text-align: center;display: none;} .a_dw{position: relative;top: 0px;} .box {width:84vw; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;position: relative;z-index: 2;} .alltime,.alltime *{ transition: all .5s cubic-bezier(.43,.195,.02,1); -webkit-transition: all .5s cubic-bezier(.43,.195,.02,1); -moz-transition: all .5s cubic-bezier(.43,.195,.02,1);} .alltime2,.alltime2 *{-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 4s; } .alltime3,.alltime3 *{-webkit-transition: all 4s cubic-bezier(.43,.195,.02,1); -moz-transition: all 4s cubic-bezier(.43,.195,.02,1); transition: all 4s cubic-bezier(.43,.195,.02,1); } .wow{opacity: 0;} .wow1{opacity: 1;} .fbd{font-weight: bold;} .w100{width: 100%;display: block;} /*改图片大小*/ .w100.pimg{width: 50%;display: block;} .wh100{width: 100%;height: 100%;display: block;object-fit: cover;} /* 头部 */ .head{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;color: #fff;} .head .head1{line-height: 40px;} .head .head1 .btn{cursor: pointer;color: #fff;} .head .head1 s{display: block;width: 1px;height: 16px;background: #D9D9D9;margin: 0 .3rem;} .head .head2 .logo{width: calc(320 / 1920 * 100vw);position: relative;} .head .head2 .logo img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .head .head2 .hrt{} .head .head2 .hrt .ul1{} .head .head2 .hrt .ul1 .li{padding: 0 .4rem;cursor: pointer;position: relative;} .head .head2 .hrt .ul1 .li .ltop{position: relative;} .head .head2 .hrt .ul1 .li .ltop a{display: block;line-height: 1rem;color: #fff;} .head .head2 .hrt .ul1 .li .ltop .xian_heng{display: block;width: 0%;height: 1px;background: #fff;position: absolute;left: 0;top: 75%;} .head .head2 .hrt .ul1 .li .ltop .xian_shu{display: block;width: 1px;height: 0;background: #fff;position: absolute;left: 50%;top: 75%;} .head .head2 .hrt .ul1 .li.act .ltop .xian_heng,.head .head2 .hrt .ul1 .li:hover .ltop .xian_heng{width: 100%;} .head .head2 .hrt .ul1 .li:hover .ltop .xian_shu{height: .25rem;} .head .head3{position: absolute;width: 100%;background: url(../images/hd_1_1.png) center no-repeat;background-size: cover;border-radius: .2rem;padding: calc(90 / 1920 * 100vw) calc(150 / 1920 * 100vw);left: 0;top: 100%;opacity: 0;pointer-events: none; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);} .head .head3 .hlt{width: 11.5%;border-right: 1px solid #ddd;} .head .head3 .hlt .a{line-height: 1.42;position: relative;margin-bottom: .3rem;} .head .head3 .hlt .a .wz{position: relative;color: #999;} .head .head3 .hlt .a .wz s{display: block;width: 0%;height: 1px;background: #000;} .head .head3 .hlt .a .jt{display: block;width: .12rem;height: .12rem;background: url(../images/svg/hd_r1.svg) center no-repeat;background-size: .08rem;margin-left: .05rem;opacity: 0;} .head .head3 .hlt .a .xian{display: block;width: 3px;height: 0%;background: #A57D57;position: absolute;top: 0;right: -2px;} .head .head3 .hlt .a.act .wz{color: #000;} .head .head3 .hlt .a.act .wz s{width: 100%;} .head .head3 .hlt .a.act .jt{opacity: 1;margin-left: .1rem;} .head .head3 .hlt .a.act .xian{height: 100%;} .head .head3 .hrt{width: 88.5%;padding-left: .35rem;} .head .head3 .hrt .dl1{} .head .head3 .hrt .dl1 .dd{display: none;} .head .head3 .hrt .dl1 .dd.act{display: block;} .head .head3 .hrt .dl1 .dd .ul1{} .head .head3 .hrt .dl1 .dd .ul1 .li{display: flex;line-height: calc(26 / 1920 * 100vw);align-items: flex-start;align-content: flex-start;padding: calc(15 / 1920 * 100vw) 0 calc(15 / 1920 * 100vw);border-bottom: 1px solid #d9d9d9;} .head .head3 .hrt .dl1 .dd .ul1 .li .llt{width: 1.3rem;border-right: 1px solid #d9d9d9;display: block;color: #7B4F32;} .head .head3 .hrt .dl1 .dd .ul1 .li .lrt{width: calc(100% - 1.3rem);display: flex;flex-wrap: wrap;} .head .head3 .hrt .dl1 .dd .ul1 .li .lrt a{display: block;color: #999;position: relative;margin-left: .3rem;margin-bottom: .15rem;} .head .head3 .hrt .dl1 .dd .ul1 .li .lrt a::after{content: '';display: block;width: 0%;height: 1px;background: #7B4F32;position: absolute;top: 100%;left: 0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .head .head3 .hrt .dl1 .dd .ul1 .li .lrt a:hover::after{width: 100%;} .head .head3 .hrt .dl1 .dd .ul1 .li .lrt a:hover{color: #7B4F32;} .head .head3.act{opacity: 1;top: 98%;pointer-events: visible;} .head .head2 .hrt .ul1 .li:last-child{padding-right: 0;} .head.act,.head.bai,.head:hover{background: rgba(124, 79, 50, 0.9);} /* .head.act .head2 .logo img:nth-child(1),.head.bai .head2 .logo img:nth-child(1),.head:hover .head2 .logo img:nth-child(1){opacity: 0;} .head.act .head2 .logo img:nth-child(2),.head.bai .head2 .logo img:nth-child(2),.head:hover .head2 .logo img:nth-child(2){opacity: 1;} .head.act,.head.bai,.head:hover{color: #000;} .head.act .head2 .hrt .ul1 .li .ltop a,.head.bai .head2 .hrt .ul1 .li .ltop a,.head:hover .head2 .hrt .ul1 .li .ltop a {color: #000;} .head.act .head2 .hrt .ul1 .li.act .ltop a,.head.bai .head2 .hrt .ul1 .li.act .ltop a,.head:hover .head2 .hrt .ul1 .li.act .ltop a {color: #7B4F32;} .head.act .head2 .hrt .ul1 .li.act .ltop .xian_heng,.head.bai .head2 .hrt .ul1 .li.act .ltop .xian_heng,.head:hover .head2 .hrt .ul1 .li.act .ltop .xian_heng{background: #7B4F32;} .head.act .head2 .hrt .ul1 .li:hover .ltop .xian_heng,.head.bai .head2 .hrt .ul1 .li:hover .ltop .xian_heng,.head:hover .head2 .hrt .ul1 .li:hover .ltop .xian_heng{background: #7B4F32;} .head.act .head2 .hrt .ul1 .li.act .ltop .xian_shu,.head.bai .head2 .hrt .ul1 .li.act .ltop .xian_shu,.head:hover .head2 .hrt .ul1 .li.act .ltop .xian_shu{background: #7B4F32;} .head.act .head2 .hrt .ul1 .li:hover .ltop .xian_shu,.head.bai .head2 .hrt .ul1 .li:hover .ltop .xian_shu,.head:hover .head2 .hrt .ul1 .li:hover .ltop .xian_shu{background: #7B4F32;} .head.act .head2 .hrt .ul1 .li .ltop a{line-height: .6rem;} .head.act .head1{line-height: 20px;padding-top: 10px;} .head .head1 .btn:hover{color: #7B4F32;} */ /* .head.act .head2 .logo{width: calc(200 / 1920 * 100vw);} */ .head.act .head2 .hrt .ul1 .li .ltop a{line-height: .8rem;} .head.act .head1{line-height: 20px;padding-top: 10px;} /* 活动 */ .huodong{position: fixed;width: 100%;height: 100vh;background: rgba(124, 79, 50, 0.9);top: -100%;left: 0;overflow: hidden;z-index: 999;padding: 0 5%;-webkit-transition: all 1s linear; -moz-transition: all 1s linear; transition: all 1s linear;} .huodong .out{display: block;width: .5rem;height: .5rem;background: url(../images/svg/out2.svg) center no-repeat;background-size: cover;position: absolute;top: .5rem;right: 5%;z-index: 5;cursor: pointer;} .huodong .out:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .huodong.act{top: 0%;} .huodong .mimg{display: none;} .huodong .hezi{width: 100%;height: 100%;} .huodong .hezi .img{position: relative;width: 100%;top: 55%;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block;} /* 首页 */ .i1{position: relative;transition: all .5s cubic-bezier(.43,.195,.02,1); -webkit-transition: all .5s cubic-bezier(.43,.195,.02,1); -moz-transition: all .5s cubic-bezier(.43,.195,.02,1);margin-top: 0px;} .swiper_in1{} .swiper_in1 .swiper-slide{} .swiper_in1 .swiper-slide .sbox{position: relative;} .swiper_in1 .swiper-slide .sbox .bg{position: relative;overflow: hidden;} .swiper_in1 .swiper-slide .sbox .bg img{width: 100%;transform: scale(1.1);-webkit-transform: scale(1.1);} .swiper_in1 .swiper-slide .sbox .bg .pimg{aspect-ratio: 1920 / 795;} .swiper_in1 .swiper-slide .sbox .bg .mimg{display: none;} .swiper_in1 .swiper-slide-active .sbox .bg img{transform: scale(1.0002);-webkit-transform: scale(1.0002);} .i1{} .i1 .sox{position: absolute;width: 100%;left: 0;bottom: 9.375vw;z-index: 2;display: flex;justify-content: center;} .i1 .sox .txt{position: relative;width: calc(1416 / 1920 * 100%);} .i1 .sox .txt .ditu{position: relative;pointer-events: none;} .i1 .sox .txt .ditu .s1{display: block;width: 50%;height: 100%;background: url(../images/in_1_2.png) center left no-repeat;position: absolute;top: 0;left: 0;background-size: cover;} .i1 .sox .txt .ditu .s2{display: block;width: 50%;height: 100%;background: url(../images/in_1_2.png) center right no-repeat;position: absolute;top: 0;right: 0;background-size: cover;} .i1 .sox .txt .hezi{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); width: 70.833vw;height: 14.0625vw;background: rgba(124, 79, 50, .2);clip-path: polygon(5.8% 0%, 94.2% 0%, 100% 24%, 100% 75%, 94.5% 100%, 5.8% 100%, 0% 76%, 0% 25%);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);} .i1 .sox .txt .hezi .xian{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .5;pointer-events: none;} .i1 .sox .txt .hezi .neirong{position: relative;width: 62.5vw;z-index: 5;margin: 3.645vw auto 2vw;} .i1 .sox .txt .hezi .neirong .ss{position: absolute;width: calc(100% - 28px);height: calc(100% - 12px);left: 14px;top: 6px;background: rgba(255,255,255,0.2);border-radius: 1.5625vw;overflow: hidden;border: 1px solid rgba(0, 0, 0, 0);} .i1 .sox .txt .hezi .neirong .ss input{display: block;width: 100%;height: 100%;border: 0;outline: none;padding: 0 2vw;background: rgba(0, 0, 0, 0);color: #fff;} .i1 .sox .txt .hezi .neirong .ss input::placeholder{color: #fff;} .i1 .sox .txt .hezi .neirong .ss input::-webkit-input-placeholder{color: #fff;} .i1 .sox .txt .hezi .neirong .ss input::-webkit-input-placeholder{color: #fff;} .i1 .sox .txt .hezi .neirong .ss input::-placeholder{color: #fff;} input{font-family:'sym';} .i1 .sox .txt .hezi .neirong .ss .a{width: 7.55vw;height: 100%;padding: 0 1.6vw;background: #7C4F32;border-radius: 1.5625vw; color: #fff;position: absolute;top: 0;right: 0;font-family: '微软雅黑';} .i1 .sox .txt .hezi .neirong .ss .a span{display: block;width: 1.56vw;margin-right: .52vw;} .i1 .sox .txt .hezi .neirong .ss .a:hover{background: #8F6040;} .i1 .sox .txt .hezi .neirong .ss:hover {border: 1px solid #fff;} .i1 .sox .txt .hezi .aox{} .i1 .sox .txt .hezi .aox a{color: #fff;line-height: 28px;} .i1 .sox .txt .hezi .aox a .ico{display: block;width: 1.458vw;margin-right: 5px;position: relative;} .i1 .sox .txt .hezi .aox a .wz{position: relative;} .i1 .sox .txt .hezi .aox a .wz s{display: block;width: 0%;height: 1px;background: #fff;position: absolute;left: 0;bottom: -2px;} .i1 .sox .txt .hezi .aox .shux{display: block;width: 1px;height: 1.05vw;background: rgba(255,255,255,0.4);margin: 0 1.05vw;} .i1 .sox .txt .hezi .aox a:hover .ico{animation: swing 1s infinite; -webkit-animation: swing 1s infinite;} .i1 .sox .txt .hezi .aox a:hover .wz s{width: 100%;} .swiper_in1 .pagination_in1{bottom: 2.6vw;display: flex;justify-content: center;align-items: center;align-content: center;} .swiper_in1 .pagination_in1 span{opacity: 1;border-radius: 0;width: 1.66vw;height: 1.66vw;background: url(../images/svg/fy1.svg) center no-repeat;background-size: cover;margin: 0 .52vw !important;display: block;} .swiper_in1 .pagination_in1 span.swiper-pagination-bullet-active{background: url(../images/svg/fy2.svg) center no-repeat;background-size: cover;} .top550{top: 650px;} .mgtop550{margin-top: 650px;} .i2{padding: 4.166vw 0 0;position: relative;z-index: 5;} .i2 .iox{} .i2 .iox .itt{line-height: 1.388;margin-bottom: 1vw;} .i2 .iox .itt .mo{display: flex;width: 2.6vw;height: 2.6vw;justify-content: center;align-items: center;align-content: center;background: url(../images/svg/in_2_1.svg) center no-repeat;background-size: cover;color: #666;font-family: 'syl';} .i2 .iox .itt .mo:hover{background: url(../images/svg/in_2_2.svg) center no-repeat;color: #fff;background-size: cover;} .i2 .iox .ilt{width: 59.6875%;} .i2 .iox .ilt .itop{} .i2 .iox .ilt .itop .img{width:50% ;height: 100%;overflow: hidden;display: block;} .i2 .iox .ilt .itop .img:hover img{transform: scale(1.00002);-webkit-transform: scale(1.00002);} .i2 .iox .ilt .itop .img:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);} .swiper_in4{position: relative;} .swiper_in4 .swiper-slide{} .swiper_in4 .swiper-slide .sbox{display: block;width: 100%;overflow: hidden;height: calc(300 / 1920 * 100vw);position: relative;} .swiper_in4 .swiper-slide .sbox img{height: 100%;object-fit: cover;} .swiper_in4 .swiper-slide .sbox .wz{width: 100%;position: absolute;bottom: 0;left: 0;padding: .35rem 5% .45rem;background: url(../images/zzc.png) center bottom no-repeat;background-size: cover;color: #fff;text-align: center;} .swiper_in4 .swiper-slide .sbox .wz span{display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .swiper_in4 .pagination_in4{bottom: .2rem;display: flex;justify-content: center;align-items: center;align-content: center;} .swiper_in4 .pagination_in4 span{opacity: .5;background: #fff;display: block;width: .1rem;height: .1rem;border-radius: 1.5625vw;} .swiper_in4 .pagination_in4 span.swiper-pagination-bullet-active{width: .3rem;opacity: 1;background: #7B4F32;} .i2 .iox .ilt .itop .ul1{width: 47.12%;padding-right: 10px;height: 13vw;overflow: auto;margin-top: 1.3vw;} .i2 .iox .ilt .itop .ul1 .li{line-height:2.7 ;border-bottom: 1px solid rgba(165,125,87,0.2);} .i2 .iox .ilt .itop .ul1 .li .llt{width: calc(100% - 6vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;position: relative;} .i2 .iox .ilt .itop .ul1 .li.li_zhiding .llt{padding-left: 3.3vw;} .i2 .iox .ilt .itop .ul1 .li.li_zhiding .llt .zd{display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 .5vw;background: #8C4951;color: #fff;line-height: 1.5;border-radius: 3px;} .i2 .iox .ilt .itop .ul1 .li .day{width: 5.2vw;text-align: right;} .i2 .iox .ilt .itop .ul1 .li:last-child{margin-bottom: 0;border-bottom: 0;} .i2 .iox .ilt .itop .ul1 .li.act{padding: 0 10px;background: #F2F2F2;} .i2 .iox .ilt .ibtm{width: 100%;padding: 1.04vw 1.56vw;background: #F5F4F1;margin-top: 1.56vw;height: 15.1vw;overflow: auto;} .i2 .iox .ilt .ibtm .li{line-height:2.7 ;border-bottom: 1px solid rgba(165,125,87,0.2);} .i2 .iox .ilt .ibtm .li .day{width: 5.2vw;} .i2 .iox .ilt .ibtm .li .wz{width: calc(100% - 6vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;position: relative;padding-left: 2vw;} .i2 .iox .ilt .ibtm .li:last-child{margin-bottom: 0;border-bottom: 0;} .i2 .iox .ilt .ibtm .li:hover{padding: 0 10px;background: #fff;} .i2 .iox .irt{width: 37.1875%;} .i2 .iox .irt .itop{margin-bottom: 1vw;} .i2 .iox .irt .itop .ul1{overflow: auto;width: 100%;padding: 0.52vw 1.04vw;background: #8F6040 url(../images/in_2_bg.png) center right no-repeat;background-size: cover;border-radius: 5px;height: 14.06vw;} .i2 .iox .irt .itop .ul1 .li{line-height: 2.7;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.2);opacity: .5;} .i2 .iox .irt .itop .ul1 .li .day{width: 5.2vw;text-align: right;} .i2 .iox .irt .itop .ul1 .li .wz{width: calc(100% - 6vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;position: relative;padding-left: 8px;} .i2 .iox .irt .itop .ul1 .li:last-child{border-bottom: 0;} .i2 .iox .irt .itop .ul1 .li:hover{padding: 0 10px;background: #724527;opacity: 1;} .i2 .iox .irt .itop .ul1::-webkit-scrollbar-thumb{ background:#8C4951;} .i2 .iox .irt .itop .ul1::-webkit-scrollbar-track{ background:#ddd;} .i2 .iox .irt .ibtm .ul1{overflow: auto;width: 100%;padding: 0 10px 0 0;border-radius: 5px;height:13vw;} .i2 .iox .irt .ibtm .ul1 .li{line-height: 2.7;border-bottom: 1px solid rgba(124, 79, 50, .2);} .i2 .iox .irt .ibtm .ul1 .li .day{width: 5.2vw;text-align: right;} .i2 .iox .irt .ibtm .ul1 .li .wz{width: calc(100% - 6vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;position: relative;padding-left: 8px;} .i2 .iox .irt .ibtm .ul1 .li:hover{padding: 0 10px;background: #F2F2F2;} .i2m{display: none;} .i3{position: relative;padding: 5.2vw 0 6.25vw;z-index: 4;} .i3 .tt{line-height: 1.388;margin-bottom: 3.125vw;} .i3 .tt .mo{display: flex;width: 2.6vw;height: 2.6vw;justify-content: center;align-items: center;align-content: center;background: url(../images/svg/in_2_1.svg) center no-repeat;background-size: cover;color: #666;font-family: 'syl';} .i3 .tt .mo:hover{background: url(../images/svg/in_2_2.svg) center no-repeat;color: #fff;background-size: cover;} .i3 .idt{width: 100%;position: absolute;top: -2.6vw;left: 0;} /* 日历组件 */ .calendar-demo {} .calendar .f_20 { font-size: calc(20 / 1920 * 100vw);} .calendar .f_18 { font-size: calc(18 / 1920 * 100vw);} .calendar .f_14 { font-size: calc(14 / 1920 * 100vw);} .calendar { position: relative; width: calc(407 / 1920 * 100vw); height: calc(423 / 1920 * 100vw); color: #7b4f32;} .calendar .frame { position: relative; width: calc(407 / 1920 * 100vw); height: calc(423 / 1920 * 100vw);} .calendar .frame-outer { position: absolute; left: 0; top: 0; width: calc(407 / 1920 * 100vw); height: calc(423 / 1920 * 100vw); max-width: none; z-index: 0;background: url(../images/svg/calendar-frame-outer.svg) center no-repeat;background-size: cover;} .calendar .panel { position: absolute; left: calc(8 / 1920 * 100vw); top: calc(8 / 1920 * 100vw); width: calc(391 / 1920 * 100vw); height: calc(407 / 1920 * 100vw); z-index: 2;} .calendar .frame-inner { position: absolute; left: 0; top: 0; width: calc(391 / 1920 * 100vw); height: calc(407 / 1920 * 100vw); max-width: none; pointer-events: none; z-index: 1;} .calendar .corner-wrap { position: absolute; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 3;} .calendar .corner-wrap .turn { flex-shrink: 0;} .calendar .corner-wrap .box { position: relative;} .calendar .corner-wrap .ico { display: block; width: 100%; height: 100%; max-width: none;} .calendar .corner-wrap-tl { left: calc(4 / 1920 * 100vw); top: calc(4 / 1920 * 100vw); width: calc(26.694 / 1920 * 100vw); height: calc(26 / 1920 * 100vw);} .calendar .corner-wrap-tl .turn { width: calc(26 / 1920 * 100vw); height: calc(26.694 / 1920 * 100vw); transform: scaleY(-1) rotate(-90deg); transform-origin: center center;} .calendar .corner-wrap-tl .box { width: calc(26 / 1920 * 100vw); height: calc(26.694 / 1920 * 100vw);} .calendar .corner-wrap-tl .ico { position: absolute; left: -1.92%; top: -1.87%; right: 0; bottom: 0;} .calendar .corner-wrap-tr { left: calc(377 / 1920 * 100vw); top: calc(4 / 1920 * 100vw); width: calc(26.694 / 1920 * 100vw); height: calc(26 / 1920 * 100vw);} .calendar .corner-wrap-tr .turn { width: calc(26 / 1920 * 100vw); height: calc(26.694 / 1920 * 100vw); transform: rotate(90deg); transform-origin: center center;} .calendar .corner-wrap-tr .box { width: calc(26 / 1920 * 100vw); height: calc(26.694 / 1920 * 100vw);} .calendar .corner-wrap-tr .ico { position: absolute; left: -1.92%; top: -1.87%; right: 0; bottom: 0;} .calendar .corner-wrap-bl { left: calc(4 / 1920 * 100vw); top: calc(393 / 1920 * 100vw); width: calc(26.694 / 1920 * 100vw); height: calc(26 / 1920 * 100vw);} .calendar .corner-wrap-bl .turn { width: calc(26 / 1920 * 100vw); height: calc(26.694 / 1920 * 100vw); transform: rotate(-90deg); transform-origin: center center;} .calendar .corner-wrap-bl .box { width: calc(26 / 1920 * 100vw); height: calc(26.694 / 1920 * 100vw);} .calendar .corner-wrap-bl .ico { position: absolute; left: -1.92%; top: -1.87%; right: 0; bottom: 0;} .calendar .corner-wrap-br { left: calc(377 / 1920 * 100vw); top: calc(393 / 1920 * 100vw); width: calc(26 / 1920 * 100vw); height: calc(26 / 1920 * 100vw);} .calendar .corner-wrap-br .turn { width: calc(26 / 1920 * 100vw); height: calc(26 / 1920 * 100vw); transform: rotate(-90deg) scaleY(-1); transform-origin: center center;} .calendar .corner-wrap-br .box { width: calc(26 / 1920 * 100vw); height: calc(26 / 1920 * 100vw);} .calendar .corner-wrap-br .ico { position: absolute; left: -1.92%; top: -1.92%; right: 0; bottom: 0;} .calendar .head-bar { position: absolute; left: 0; top: calc(40 / 1920 * 100vw); width: calc(407 / 1920 * 100vw); height: calc(28 / 1920 * 100vw); display: flex; align-items: center; justify-content: center; z-index: 4;} .calendar .head-bar .picker { top: calc(34 / 1920 * 100vw);} .calendar .head-bar .title { display: flex; align-items: center; justify-content: center; font-weight: 700; line-height: calc(28 / 20); color: #7b4f32; white-space: nowrap; margin: 0;} .calendar .head-bar .title .pick { padding: 0 calc(2 / 1920 * 100vw); border: none; background: none; font-family: inherit; font-weight: 700; font-size: inherit; line-height: calc(28 / 20); color: #7b4f32; cursor: pointer; -webkit-appearance: none; appearance: none;} .calendar .head-bar .title .pick:hover { color: #5a3a24;} .calendar .head-bar .title .unit { font-weight: 700; color: #7b4f32;} .calendar .picker { display: none; position: absolute; left: 50%; width: calc(200 / 1920 * 100vw); margin-left: calc(-100 / 1920 * 100vw); padding: calc(8 / 1920 * 100vw); background: #faf6ef; border: calc(1 / 1920 * 100vw) solid #7b4f32; border-radius: calc(4 / 1920 * 100vw); box-sizing: border-box; z-index: 6;} .calendar .picker.is-open { display: block;} .calendar .picker .list { display: flex; flex-wrap: wrap; max-height: calc(160 / 1920 * 100vw); overflow-y: auto;} .calendar .picker .list::-webkit-scrollbar{ width:2px;} .calendar .picker .list::-webkit-scrollbar-thumb{ background:#A57D57;} .calendar .picker .list::-webkit-scrollbar-track{ background:#d9d9d9;} .calendar .picker-year .list { flex-direction: column; flex-wrap: nowrap;} .calendar .picker .picker-item { display: block; width: 100%; padding: calc(6 / 1920 * 100vw) calc(10 / 1920 * 100vw); border: none; border-radius: calc(4 / 1920 * 100vw); background: none; font-family: inherit; font-size: calc(16 / 1920 * 100vw); line-height: calc(22 / 16); color: #7b4f32; text-align: center; cursor: pointer; -webkit-appearance: none; appearance: none;} .calendar .picker-month .picker-item { width: 25%; padding: calc(8 / 1920 * 100vw) 0;} .calendar .picker .picker-item:hover { background: #f0e6d4;} .calendar .picker .picker-item.is-active { background: #7b4f32; color: #fff;} .calendar .head-bar .nav { position: absolute; top: 50%; width: calc(17 / 1920 * 100vw); height: calc(17 / 1920 * 100vw); margin-top: calc(-8.5 / 1920 * 100vw); padding: 0; border: none; background: none; cursor: pointer; line-height: 0; -webkit-appearance: none; appearance: none;} .calendar .head-bar .nav img { display: block; width: calc(17 / 1920 * 100vw); height: calc(17 / 1920 * 100vw); max-width: none;} .calendar .head-bar .nav-prev { left: calc(48 / 1920 * 100vw);} .calendar .head-bar .nav-next { left: calc(342 / 1920 * 100vw);} .calendar .head-bar .nav-next .ico { display: block; width: calc(17 / 1920 * 100vw); height: calc(17 / 1920 * 100vw); transform: rotate(180deg);} .calendar .head-bar .nav-next .ico img { display: block; width: calc(17 / 1920 * 100vw); height: calc(17 / 1920 * 100vw); max-width: none;} .calendar .weekdays { display: flex; align-items: center; justify-content: space-between; width: calc(311 / 1920 * 100vw); margin: 0 auto; padding-top: calc(80 / 1920 * 100vw); font-weight: 700; line-height: calc(28 / 20); color: #7b4f32; white-space: nowrap;} .calendar .days { display: flex; flex-wrap: wrap; justify-content: flex-start; width: calc(331 / 1920 * 100vw); margin: calc(10 / 1920 * 100vw) auto 0;} .calendar .day { display: flex; align-items: center; justify-content: center; width: calc(40 / 1920 * 100vw); height: calc(40 / 1920 * 100vw); margin-right: calc(8.5 / 1920 * 100vw); margin-bottom: calc(4 / 1920 * 100vw); padding: 0; border: none; border-radius: calc(21 / 1920 * 100vw); background: none; cursor: pointer; font-weight: 500; line-height: calc(25 / 18); color: #7b4f32; box-sizing: border-box;} .calendar .day:nth-child(7n) { margin-right: 0;} .calendar .day--empty { pointer-events: none; cursor: default;} .calendar .day .num { display: block; width: 100%; text-align: center; font-weight: 500; color: inherit;} .calendar .day--activity { background: #7b4f32; color: #fff;} .calendar .day--activity .num { color: #fff;} .calendar .day.day--today { background-color: #e3cca3; color: #7b4f32;} .calendar .day.day--today .num { color: #7b4f32;} .calendar .day.day--today.day--activity {background-color: #7b4f32; color: #fff;} .calendar .day.day--today.day--activity .num { color: #fff;} .calendar .legend { position: absolute; left: 0; right: 0; bottom: calc(11 / 1920 * 100vw); display: flex; align-items: center; justify-content: center;} .calendar .legend .item { display: flex; align-items: center;} .calendar .legend .item:first-child { margin-right: calc(24 / 1920 * 100vw);} .calendar .legend .dot { display: block; width: calc(14 / 1920 * 100vw); height: calc(14 / 1920 * 100vw); margin-right: calc(8 / 1920 * 100vw); border-radius: 50%; flex-shrink: 0;} .calendar .legend .dot--activity { background: #7b4f32;} .calendar .legend .dot--today { background: #e3cca3;} .calendar .legend .label { font-weight: 400; line-height: 1.2; color: #333; white-space: nowrap;} .i3 .iox{} .i3 .iox .irt{width: calc(1093 / 1920 * 100vw);} .i3 .iox .irt .ul1{position: relative;} .i3 .iox .irt .ul1 .li{flex: auto; position: relative;display: block; width: calc(80 / 1920 * 100vw);padding-left: calc(40 / 1920 * 100vw);cursor: pointer;margin-right: calc(16 / 1920 * 100vw);} .i3 .iox .irt .ul1 .li .lzuo{width: calc(80 / 1920 * 100vw);position: absolute;top: 0;left: 0;z-index: 2;} .i3 .iox .irt .ul1 .li .lzuo .bg{width: calc(80 / 1920 * 100vw);position: relative;} .i3 .iox .irt .ul1 .li .lzuo .bg img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;} .i3 .iox .irt .ul1 .li .lzuo .wz{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: calc(110 / 1920 * 100vw) calc(20 / 1920 * 100vw) 0;text-align: center;line-height: 1.3;} .i3 .iox .irt .ul1 .li .lyou{width: 100%;overflow: hidden;position: relative;z-index: 1;opacity: 0;} .i3 .iox .irt .ul1 .li .lyou .bg{position: relative;overflow: hidden;height: calc(423 / 1920 * 100vw);} .i3 .iox .irt .ul1 .li .lyou .bg img{height: 100%;width: auto;max-width: 9999px;} .i3 .iox .irt .ul1 .li .lyou .txt{position: absolute;width: calc(493 / 1920 * 100vw);height: 100%; top: 0;left: 0;z-index: 2;padding: calc(42 / 1920 *100vw) calc(32 / 1920 * 100vw) calc(16 / 1920 * 100vw) calc(56 / 1920 * 100vw); } .i3 .iox .irt .ul1 .li .lyou .txt .ltt{line-height: 1.5;margin-bottom: 1vw;white-space:nowrap;} .i3 .iox .irt .ul1 .li:last-child,.i3 .iox .irt .ul1 .li.act{margin-right: 0;} .i3 .iox .irt .ul1 .li.act{width: calc(533 / 1920 * 100vw);} .i3 .iox .irt .ul1 .li.act .bg img:nth-child(2){opacity: 1;} .i3 .iox .irt .ul1 .li.act .lzuo .wz{color: #fff;} .i3 .iox .irt .ul1 .li.act .lyou{opacity: 1;} .i3m{display: none;} .i4{position: relative;padding: 1vw 0 7vw;z-index: 4;} .i4 .idt{width: 100%;position: absolute;top:0;left: 0;} .i4 .tt{line-height: 1.388;} .i4 .tt .mo{display: flex;width: 2.6vw;height: 2.6vw;justify-content: center;align-items: center;align-content: center;background: url(../images/svg/in_2_1.svg) center no-repeat;background-size: cover;color: #666;font-family: 'syl';} .i4 .tt .mo:hover{background: url(../images/svg/in_2_2.svg) center no-repeat;color: #fff;background-size: cover;} .i4 .hezi{width: calc(1480 / 1920 *100vw);margin: 0 auto;position: relative;} .i4 .hezi .bg{position: relative;width: calc(1318 / 1920 * 100vw);margin: 0 auto;} .i4 .hezi .bg img:nth-child(2){position: absolute;top: 0;left: 0;} .i4 .hezi .bg img:nth-child(1){animation: tmsx 4s linear infinite; -webkit-animation: tmsx 4s linear infinite;position: relative;top: 0px;} .i4 .hezi .lunbo{position: absolute;top: calc(90 / 1920 * 100vw);left: 50%;width: calc(750 / 1920 * 100vw);transform: translateX(-50%);-webkit-transform: translateX(-50%);} .i4 .hezi .ul1 div{position: absolute;top: 0;left: 0;} .i4 .hezi .ul1 .li1{width: calc(152 / 1920 * 100vw);left: -7vw;top: -1vw;animation: swing 4s linear infinite; -webkit-animation: swing 4s linear infinite;} .i4 .hezi .ul1 .li2{width: calc(134 / 1920 * 100vw);left: -9vw;top: 8vw;animation: swing 5s linear 1s infinite; -webkit-animation: swing 5s linear 1s infinite;} .i4 .hezi .ul1 .li3{width: calc(134 / 1920 * 100vw);left: -2.5vw;top: 16vw;animation: swing 3s linear infinite; -webkit-animation: swing 3s linear infinite;} .i4 .hezi .ul1 .li4{width: calc(152 / 1920 * 100vw);right: -8vw;top: -1vw;left: auto;animation: swing 4s linear .5s infinite; -webkit-animation: swing 4s linear .5s infinite;} .i4 .hezi .ul1 .li5{width: calc(152 / 1920 * 100vw);right: -12vw;top: 5vw;left: auto;animation: swing 7s linear 1.5s infinite; -webkit-animation: swing 7s linear 1.5s infinite;} .swiper_in2{z-index: 2;} .swiper_in2 .swiper-slide {cursor: pointer;padding-top: 5px;} .swiper_in2 .swiper-slide .sbox{position: relative;color: #fff;text-align: center;top: 0px;transition: all .3s ; -webkit-transition: all .3s ; -moz-transition: all .3s ;} .swiper_in2 .swiper-slide .sbox img{display: block;width: 100%;} .swiper_in2 .swiper-slide .sbox .cc{position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .swiper_in2 .swiper-slide .sbox .txt{width: 100%;position: absolute;top: calc(24 / 1920 * 100vw);left: 0;z-index: 3;} .swiper_in2 .swiper-slide .sbox .txt .zi1{font-size: 4.9vw;line-height: 1.42;font-family: 'syb';} .swiper_in2 .swiper-slide .sbox .txt .yuan{display: block;width: .52vw;height: .52vw;background: #fff;border-radius: 50%;margin: 0 auto;margin: calc(6 / 1920 * 100vw) auto calc(20 / 1920 * 100vw);} .swiper_in2 .swiper-slide .sbox .txt .zi3{line-height: 1.42;margin-bottom: calc(25 / 1920 * 100vw);} .swiper_in2 .swiper-slide .sbox .txt .zi2{line-height: 1.5;} .swiper_in2 .swiper-slide:hover .sbox .cc,.swiper_in2 .swiper-slide.act .sbox .cc{opacity: 1;} .swiper_in2 .pagination_in2{display: none;} .i4 .hezi .lunbo .btn{display: block;width: 3.125vw;height: 3.125vw;background: #A57D57 url(../images/svg/lb_r.svg) center no-repeat;background-size: .06rem;border-radius: 50%;position: absolute;right: -13.28vw;top: 50%;cursor: pointer;z-index: 5;} .i4 .hezi .lunbo .prev_in2{left: -13.28vw;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .i4 .hezi .lunbo .btn:hover{background: #8F6040 url(../images/svg/lb_r.svg) center no-repeat;background-size: .06rem;} .i4 .hezi2{width: calc(1480 / 1920 *100vw);margin: 0 auto;position: relative;} .i4 .hezi2 .ul1{display: none;margin-top: calc(-50 / 1920 * 100vw);} .i4 .hezi2 .ul1 .li{} .i4 .hezi2 .ul1 .li .a{display: flex;width: 18.9%;line-height: 3.33;background: #fff;border-bottom: 1px solid #A57D57;justify-content: center;padding: 0 5px;margin: 0 1.375% 1.375% 0;align-items: center;align-content: center;} .i4 .hezi2 .ul1 .li .a:nth-child(5n){margin-right: 0;} .i4 .hezi2 .ul1 .li .a .wz{max-width: calc(100% - 1.042vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right: .52vw;} .i4 .hezi2 .ul1 .li .a s{display: block;width: 1.042vw;height: 1.042vw;background: url(../images/svg/in_4_1.svg) center no-repeat;background-size: cover;} .i4 .hezi2 .ul1 .li .a:hover{background: #A57D57;} .i4 .hezi2 .ul1 .li .a:hover .wz{color: #fff;} .i4 .hezi2 .ul1 .li .a:hover s{background: url(../images/svg/in_4_2.svg) center no-repeat;background-size: cover;} .i4 .hezi2 .ul1.act{display: block;} .i5{position: relative;padding: 0 0 3.2vw;z-index: 4;background: url(../images/in_5_bg.png) center top no-repeat;background-size: cover;} .i5 .tt{line-height: 1.388;} .i5 .tt .mo{display: flex;width: 2.6vw;height: 2.6vw;justify-content: center;align-items: center;align-content: center;background: url(../images/svg/in_2_1.svg) center no-repeat;background-size: cover;color: #666;font-family: 'syl';} .i5 .tt .mo:hover{background: url(../images/svg/in_2_2.svg) center no-repeat;color: #fff;background-size: cover;} .i5 .lunbo{position: relative;margin-top: 20px;overflow: hidden;} .swiper_in3{width: calc(1500 / 1920 * 100vw); } .swiper_in3 .swiper-slide{padding-top: 15px;} .swiper_in3 .swiper-slide .sbox{display: block;position: relative;top: 0px;} .swiper_in3 .swiper-slide .sbox .img{overflow: hidden;position: relative;top: 0;} .swiper_in3 .swiper-slide .sbox .img img{display: block;width: 100%;} .swiper_in3 .swiper-slide .sbox .txt{line-height: 1.7;margin-top: .2rem;} .swiper_in3 .swiper-slide .sbox{transform: scale(.7);-webkit-transform: scale(.7);transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;} .swiper_in3 .swiper-slide-prev .sbox{transform-origin: 20% 50%;-webkit-transform-origin: 20% 50%;} .swiper_in3 .swiper-slide-next .sbox{transform-origin: 70% 50%;-webkit-transform-origin: 70% 50%;} .swiper_in3 .swiper-slide-active .sbox{transform: scale(1);-webkit-transform: scale(1);} .swiper_in3 .swiper-slide .sbox .txt{opacity: 0;} .swiper_in3 .swiper-slide-active .sbox .txt{opacity: 1;} .swiper_in3 .swiper-slide .sbox:hover .img{top: -20px;} .swiper_in3 .pagination_in3{display: none;} .i5 .lunbo .btn{width: 3.125vw;height: 3.125vw;background: url(../images/svg/lb_r2.svg) center no-repeat;border: 1px solid #A57D57; background-size: .15rem;border-radius: 50%;position: absolute;right: 0;top: 40%; cursor: pointer;z-index: 5;} .i5 .lunbo .prev_in3{left:0;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .i5 .lunbo .btn:hover{background: #A57D57 url(../images/svg/lb_r3.svg) center no-repeat;background-size: .15rem;} .i6{position: relative;padding: 2.6vw 0 10.4vw;} .i6 .tt{line-height: 1.388;} .i6 .tt .mo{display: flex;width: 2.6vw;height: 2.6vw;justify-content: center;align-items: center;align-content: center;background: url(../images/svg/in_2_1.svg) center no-repeat;background-size: cover;color: #666;font-family: 'syl';} .i6 .tt .mo:hover{background: url(../images/svg/in_2_2.svg) center no-repeat;color: #fff;background-size: cover;} .i6 .lunbo{position: relative;margin-top: calc(50 / 1920 * 100vw);overflow: hidden;} .i6 .lunbo .ul1{} .i6 .lunbo .ul1 .li{position: relative;display: block;overflow: hidden;width: calc(80 / 1920 * 100vw);height: calc(500 / 1920 * 100vw);margin-right: calc(26 / 1920 * 100vw);} .i6 .lunbo .ul1 .li .bg{width: calc(965 / 1920 * 100vw);} .i6 .lunbo .ul1 .li .bg img{display: block;width: 100%;height: 100%;object-fit: cover;} .i6 .lunbo .ul1 .li .wz1{width: calc(80 / 1920 * 100vw);height: 100%;position: absolute;top: 0;left: 0;z-index: 2;color: #fff;padding: calc(150 / 1920 * 100vw) calc(20 / 1920 * 100vw) 0;line-height: 1.3;text-align: center;} .i6 .lunbo .ul1 .li .txt{width: calc(965 / 1920 * 100vw);height: 100%;position: absolute;top: 0;left: 0;z-index: 3;color: #fff;padding: calc(70 / 1920 * 100vw);line-height: 1.7;opacity: 0;} .i6 .lunbo .ul1 .li .txt .mo{display: block;width: calc(106 / 1920 * 100vw);line-height: 2.3125;background: url(../images/svg/in_6_1.svg) center no-repeat;background-size: 100%;text-align: center;margin-top: calc(40 / 1920 * 100vw);color: #000;} .i6 .lunbo .ul1 .li .txt .mo:hover{background: url(../images/svg/in_6_2.svg) center no-repeat;background-size: 100%;color: #fff;} .i6 .lunbo .ul1 .li.act{width: calc(965 / 1920 * 100vw);} .i6 .lunbo .ul1 .li.act .wz1{opacity: 0;} .i6 .lunbo .ul1 .li.act .txt{opacity: 1;} .i6 .lunbo .ul1 .li:last-child{margin-right: 0;} .i6 .idt{width: 100%;position: absolute;top:-8vw;left: 0;} .i6m{display: none;} /* 登录 */ .denglu { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(0, 0, 0, 0.6); display: none;} .denglu .hezi { position: relative; width: 100%; height: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center;} .denglu .hezi .bg_dj { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer;} .denglu .hezi .dox { position: relative; z-index: 3;} .denglu .hezi .dox .bg { position: absolute; top: 12px; left: 12px; z-index: 1; width: -webkit-calc(100% - 24px); width: -moz-calc(100% - 24px); width: calc(100% - 24px); height: -webkit-calc(100% - 24px); height: -moz-calc(100% - 24px); height: calc(100% - 24px); background: rgba(253, 250, 239, 0.7); backdrop-filter: blur(15px); -webkit-mask: -webkit-radial-gradient(0 0, circle, transparent 0.5rem, red 0.51rem), -webkit-radial-gradient(100% 0, circle, transparent 0.5rem, red 0.51rem), -webkit-radial-gradient(0 100%, circle, transparent 0.5rem, red 0.51rem), -webkit-radial-gradient(100% 100%, circle, transparent 0.5rem, red 0.51rem); mask: radial-gradient(circle at 0 0, transparent 0.5rem, red 0.51rem), radial-gradient(circle at 100% 0, transparent 0.5rem, red 0.51rem), radial-gradient(circle at 0 100%, transparent 0.5rem, red 0.51rem), radial-gradient(circle at 100% 100%, transparent 0.5rem, red 0.51rem); -webkit-mask-composite: source-in; mask-composite: intersect;} .denglu .hezi .dox .xian { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; pointer-events: none; border: 2px solid #FDFAEF; -webkit-mask: -webkit-radial-gradient(0 0, circle, transparent 0.5rem, red 0.51rem), -webkit-radial-gradient(100% 0, circle, transparent 0.5rem, red 0.51rem), -webkit-radial-gradient(0 100%, circle, transparent 0.5rem, red 0.51rem), -webkit-radial-gradient(100% 100%, circle, transparent 0.5rem, red 0.51rem); mask: radial-gradient(circle at 0 0, transparent 0.5rem, red 0.51rem), radial-gradient(circle at 100% 0, transparent 0.5rem, red 0.51rem), radial-gradient(circle at 0 100%, transparent 0.5rem, red 0.51rem), radial-gradient(circle at 100% 100%, transparent 0.5rem, red 0.51rem); -webkit-mask-composite: source-in; mask-composite: intersect;} .denglu .hezi .dox .s1 { display: block; width: 0.9rem; height: 0.9rem; position: absolute; top: 0; left: 0; overflow: hidden;} .denglu .hezi .dox .s1 s { display: block; width: 100%; height: 100%; border: 2px solid #FDFAEF; border-radius: 50%; position: absolute; top: -0.38rem; left: -0.38rem;} .denglu .hezi .dox .s2 { display: block; width: 0.9rem; height: 0.9rem; position: absolute; top: 0; right: 0; overflow: hidden;} .denglu .hezi .dox .s2 s { display: block; width: 100%; height: 100%; border: 2px solid #FDFAEF; border-radius: 50%; position: absolute; top: -0.38rem; left: 0.38rem;} .denglu .hezi .dox .s3 { display: block; width: 0.9rem; height: 0.9rem; position: absolute; bottom: 0; left: 0; overflow: hidden;} .denglu .hezi .dox .s3 s { display: block; width: 100%; height: 100%; border: 2px solid #FDFAEF; border-radius: 50%; position: absolute; bottom: -0.38rem; left: -0.38rem;} .denglu .hezi .dox .s4 { display: block; width: 0.9rem; height: 0.9rem; position: absolute; bottom: 0; right: 0; overflow: hidden;} .denglu .hezi .dox .s4 s { display: block; width: 100%; height: 100%; border: 2px solid #FDFAEF; border-radius: 50%; position: absolute; bottom: -0.38rem; left: 0.38rem;} .denglu .hezi .dox .txt { width: 6rem; padding: 0.6rem 0.9rem; position: relative; z-index: 5;} .denglu .hezi .dox .txt .tt { text-align: center; color: #755128; margin-bottom: 0.6rem;} .denglu .hezi .dox .txt .dtt { line-height: 1.75;} .denglu .hezi .dox .txt .ipt { position: relative; margin: 8px 0 0.2rem;} .denglu .hezi .dox .txt .ipt input { display: block; width: 100%; height: 0.6rem; border-radius: 35px; border: 1px solid #E3D8C1; background: rgba(255, 255, 255, 0.3); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.05); padding: 0 20px; outline: none;} .denglu .hezi .dox .txt .ipt input:focus { border: 1px solid #755128; background: rgba(255, 255, 255, 0.3);} .denglu .hezi .dox .txt .ipt .mm { position: absolute; width: 0.7rem; height: 100%; background: url(../images/svg/mm1.svg) center no-repeat; position: absolute; top: 0; right: 0; z-index: 3; cursor: pointer;} .denglu .hezi .dox .txt .ipt .mm.act { background: url(../images/svg/mm2.svg) center no-repeat;} .denglu .hezi .dox .txt .dtc { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 0.5rem;} .denglu .hezi .dox .txt .dtc a { display: block; color: #755128; line-height: 1.5;} .denglu .hezi .dox .txt .dtc a:hover { text-decoration: underline;} .denglu .hezi .dox .txt .tjiao { position: relative; width: 100%; display: block;} .denglu .hezi .dox .txt .tjiao img { display: block; width: 100%;} .denglu .hezi .dox .txt .tjiao span { display: block; width: 100%; position: absolute; top: 0; left: 0; height: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; color: #fff;} .denglu .hezi .dox .txt .tjiao { margin-top: 0.5rem;} /* 底部 */ .footer1{position: relative;width: 100%;overflow: hidden;z-index: 5;margin-top: -5vw;} .footer1 > img{position: relative;z-index: 2;} .footer1 .tp{width: 0%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;overflow: hidden;} .footer1 .tp img{display: block;height: 100%;width: auto;max-width: 9999px;position: absolute;top: 0;left: 0;} .footer1.wow1 .tp{width: 100%;-webkit-transition: all 3s; -moz-transition: all 3s; transition: all 3s;} .footer2 {padding: 85px 0 40px;background: url(../images/fo_bg1.png) center top no-repeat;background-size: cover;position: relative;z-index: 2;} .footer2 .ftop{margin-top: .8rem;} .footer2 .ftop .flt{width: calc(500 / 1920 * 100vw);} .footer2 .ftop .flt .ul1{} .footer2 .ftop .flt .ul1 .li{line-height: .34rem;margin-bottom: .2rem;} .footer2 .ftop .flt .ul1 .li .ico{display: block;width: .34rem;} .footer2 .ftop .flt .ul1 .li .wz{padding-left: 10px;} .footer2 .ftop .flt .ul2{} .footer2 .ftop .flt .ul2 .li{width: 1.2rem;margin-right: .2rem;max-width: 120px;} .footer2 .ftop .frt{width: calc(910 / 1920 * 100vw);line-height: 1.5;} .footer2 .ftop .frt .ftc{margin-top: .15rem;} .footer2 .ftop .frt .ftc a{display: block;padding-right: .24rem;margin:0 .24rem .1rem 0;position: relative;} .footer2 .ftop .frt .ftc a::after{content: '';display: block;width: 1px;background: #999;opacity: .5;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);height: .16rem;right: 0;} .footer2 .ftop .frt .ftc a:last-child:after{display: none;} .footer2 .ftop .frt .ftc a:hover{color: #A57D57;} .footer2 .fbtm{line-height: 1.5;color: #666;padding-top: .27rem;margin-top: .4rem;border-top: 1px solid rgba(153, 153, 153, 0.3);} /* 日历弹窗 */ .rili_tcnhaung{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;background: rgba(193, 193, 193, 0.8);display: none;} .rili_tcnhaung .hezi{width: 100%;height: 100%;} .rili_tcnhaung .rox{display: block;width: 90%;max-width: 1000px;background: #fff;position: relative;} .rili_tcnhaung .rox .tt{line-height: 3;background:#7C4F32 ;color: #fff;text-align: center;} .rili_tcnhaung .rox .ul1{padding: .35rem .8rem;} .rili_tcnhaung .rox .ul1 .li{} .rili_tcnhaung .rox .ul1 .li .llt{width: calc(100% - 1.2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;line-height: 2.6;padding:0 .2rem;border-bottom: 1px solid rgba(124, 79, 50, 0.2);} .rili_tcnhaung .rox .ul1 .li .lrt{width: .7rem;} .rili_tcnhaung .rox .ul1 .li .lrt .btn{position: relative;width: .24rem;display: block;} .rili_tcnhaung .rox .ul1 .li .lrt .btn img{display: block;width: 100%;} .rili_tcnhaung .rox .ul1 .li .lrt .btn img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .rili_tcnhaung .rox .ul1 .li .llt:hover{background: rgba(165, 125, 87, 0.2);} .rili_tcnhaung .rox .ul1 .li .lrt .btn:hover img:nth-child(1){opacity: 0;} .rili_tcnhaung .rox .ul1 .li .lrt .btn:hover img:nth-child(2){opacity: 1;} .rili_tcnhaung .rox .out{width: .5rem;height: .5rem;background: #8F6040 url(../images/svg/out.svg) center no-repeat;background-size:.3rem;position: absolute;top: 0;right: -.6rem;cursor: pointer;} .rili_tcnhaung .rox .out:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);} /* 资讯 */ .banner{position: relative;width: 100%;height: 350px;overflow: hidden;z-index: 1;} .banner .txt{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;line-height: 60px;} .banner .txt a{align-items: center;align-content: center;color: #fff;margin-left: 8px;opacity: .6;} .banner .txt a .ico{margin-right: 8px;} .banner .txt a:hover,.banner .txt a:last-child{opacity: 1;} .mob_banner{display: none;} .ne1{padding: 0 0 11.5vw;background: url(../images/ne_1bg.png) top center no-repeat;background-size: cover;position: relative;z-index: 2;} .ne1 .nlt{width: calc(320 / 1920 * 100vw);} .ne1 .nlt{margin-top: -1.4rem;} .ne1 .nlt .dl1{background: #fff;border-radius: 10px;overflow: hidden;} .ne1 .nlt .dl1 .dt{line-height: 1.4rem;background: #7B4F32;color: #fff;text-align: center;} .ne1 .nlt .dl1 .dd{} .ne1 .nlt .dl1 .dd .ul1{} .ne1 .nlt .dl1 .dd .ul1 .li{border-bottom: 1px solid #fff;} .ne1 .nlt .dl1 .dd .ul1 .li .ltop{background: #F8E7C7;color: #7B4F32;padding: 0 1.5625vw;line-height: 3;cursor: pointer;} .ne1 .nlt .dl1 .dd .ul1 .li .ltop s{display: block;width: .2rem;height: .2rem;background: url(../images/svg/ne_1_3.svg) center no-repeat;background-size:.06rem ;} .ne1 .nlt .dl1 .dd .ul1 .li.act .ltop,.ne1 .nlt .dl1 .dd .ul1 .li:hover .ltop{background: #EEE6D6;} .ne1 .nlt .dl1 .dd .ul1 .li.act .ltop s{transform: rotate(90deg);-webkit-transform: rotate(90deg);} .ne1 .nlt .dl1 .dd .ul1 .li .lbtm{padding: .2rem;display: none;} .ne1 .nlt .dl1 .dd .ul1 .li .lbtm *{ transition: all .5s cubic-bezier(.43,.195,.02,1); -webkit-transition: all .5s cubic-bezier(.43,.195,.02,1); -moz-transition: all .5s cubic-bezier(.43,.195,.02,1);} .ne1 .nlt .dl1 .dd .ul1 .li .lbtm a{display: block;line-height: 2.5;} .ne1 .nlt .dl1 .dd .ul1 .li .lbtm a span {position: relative;} .ne1 .nlt .dl1 .dd .ul1 .li .lbtm a span s{display: block;position: absolute;left: 0;bottom: 0;width: 0%;height: 1px;background: #A57D57;left: 0;bottom: 0;} .ne1 .nlt .dl1 .dd .ul1 .li .lbtm a.act span,.ne1 .nlt .dl1 .dd .ul1 .li .lbtm a:hover span{color: #A57D57;} .ne1 .nlt .dl1 .dd .ul1 .li .lbtm a.act span s,.ne1 .nlt .dl1 .dd .ul1 .li .lbtm a:hover span s{width: 100%;} .ne1 .nrt{width: calc(1220 / 1920 * 100vw);padding-top: .6rem;} .ne1 .nrt .ul1{margin-bottom: .6rem;} .ne1 .nrt .ul1 .li{position: relative;line-height: 4.17;background: #fff url(../images/ne_1_2.png) center no-repeat;background-size: cover;padding: 0 1.5625vw 0 2.6vw;margin-bottom: .12rem;} .ne1 .nrt .ul1 .li .alt{width: calc(800 / 1920 * 100vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left: 1.5625vw;position: relative;} .ne1 .nrt .ul1 .li .alt s{display: block;position: absolute;width: .52vw;height: .52vw;background: #A57D57;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -.26vw;} .ne1 .nrt .ul1 .li:hover{background: #A57D57 url(../images/ne_1_1.png) center no-repeat;background-size: cover;box-shadow: 0 4px 13.4px 0 rgba(114, 87, 69, 0.67);} .ne1 .nrt .ul1 .li:hover .alt,.ne1 .nrt .ul1 .li:hover .art{color: #fff;} .ne1 .nrt .ul1 .li:hover .alt s{background: #fff;} /* 新闻详情 */ .ne1 .nrct{width: calc(1220 / 1920 * 100vw);padding-top: .6rem;} .nec1 .tt{text-align: center;line-height: 1.45;} .nec1 .ul1{color: #7B4F32;margin: .3rem 0 .6rem;} .nec1 .ul1 .li{margin: 0 .13rem;} .nec1 .ul1 .li .ico{width: .24rem;margin-right: 5px;} .nec1 .tc{padding: .3rem 0 6.25vw;border-top: 4px solid #A57D57;color: #666;line-height: 1.78;text-align: justify;} .nec1 .lunbo{position: relative;margin: .3rem 0;padding-bottom: 100px;} .nec1 .lunbo2{width: 100%;position: absolute;bottom: 130px;left: 0;z-index: 3;padding: 0 0 .3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.5);} .swiper_in5{} .swiper_in5 .btn{display: block;width: 3.125vw;height: 3.125vw;background: #A57D57 url(../images/svg/lb_r.svg) center no-repeat;background-size: .06rem;border-radius: 50%;position: absolute;right: .36rem;top: 45%;margin-top: -1.5625vw; cursor: pointer;z-index: 5;border: 1px solid #fff;} .swiper_in5 .btn:hover{background: #A57D57 url(../images/svg/lb_r.svg) center no-repeat;background-size: .06rem;border: 1px solid #A57D57;} .swiper_in5 .prev_in5{left: .36rem;right: auto;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .nec1 .lunbo .biaoti{width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;z-index: 2;padding: .3rem 1.5rem;align-items: end; align-content: end;color: #fff;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #000 100%);background-blend-mode: multiply;} .swiper_in6{width: 59.285%;} .swiper_in6 .swiper-slide{cursor: pointer;position: relative;border-radius: .1rem;overflow: hidden;} .swiper_in6 .swiper-slide img{position: relative;} .swiper_in6 .swiper-slide s{display: block;width: 50%;height: 100%;position: absolute;top: 0;left: 35px;z-index: 3;border: 4px solid #A57D57;border-radius: .1rem;opacity: 0; transition: all .5s cubic-bezier(.43,.195,.02,1); -webkit-transition: all .5s cubic-bezier(.43,.195,.02,1); -moz-transition: all .5s cubic-bezier(.43,.195,.02,1);} .swiper_in6 .swiper-slide.act s{opacity: 1;} .nec1 .tc video{width: 100%;display: block;} .nec1 .nbtm{padding: 0 0 .4rem;border-bottom: 2px solid #ccc;margin-bottom: .4rem;line-height: 2.78;} .nec1 .nbtm .nlt{width: calc(100% - 10.4vw);margin-top: 0;} .nec1 .nbtm .nlt a{width: 100%;} .nec1 .nbtm .nlt a .wz2{width: calc(800 / 1920 * 100vw);color: #755128;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .nec1 .nbtm .nlt a:hover .wz2{text-decoration: underline;} .nec1 .nbtm .nlt a .wz1{opacity: 0;} .nec1 .nbtm .nlt a:nth-child(1) .wz1{opacity: 1;} .nec1 .nbtm .nrt{width: 7.82vw;border: 1px solid #7B4F32;border-radius: .1rem;color: #7B4F32;padding-top: 0;} .nec1 .nbtm .nrt s{display: block;width: .2rem;height: .2rem;background: url(../images/svg/fh1.svg) center no-repeat;background-size: .11rem;margin-left: .8vw;} .nec1 .nbtm .nrt:hover{background: #7B4F32;color: #fff;} .nec1 .nbtm .nrt:hover s{background: url(../images/svg/fh2.svg) center no-repeat;background-size: .11rem;} .nec1 .nbtm2{line-height: 3.34;} .nec1 .nbtm2 .a{display: block;padding: 0 .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background: #EEEBE5;color: #7B4F32;width: calc(50% - .1rem);} .nec1 .nbtm2 .a:hover{background: #A57D57;color: #fff;} /* 豫图活动 */ .acti1{background: url(../images/acti_1bg.png) center top no-repeat;background-size: cover;} .acti1 .nrt{} .ne1 .nrt .act_top{line-height: 4.375;background: #A57D57;padding: 0 .2rem;color: #fff;position: relative;margin-bottom: .3rem;} .ne1 .nrt .act_top a{display: block;color: #fff;margin-left: 1.5625vw;opacity: .5;} .ne1 .nrt .act_top a.act,.ne1 .nrt .act_top a:hover{opacity: 1;} .ne1 .nrt .act_top::after{content: '';display: block;width: 100%;height: 4px;background: #A57D57;opacity: .5; position: absolute;top: 100%;left: 0;z-index: 3;} .acti1 .nrt .ul2{padding: 0 0 .3rem;} .acti1 .nrt .ul2 .li{width:32.2% ;margin: 0 1.7% 1.7% 0;display: block;position: relative;background: #fff;} .acti1 .nrt .ul2 .li:nth-child(3n){margin-right: 0;} .acti1 .nrt .ul2 .li .img{width: 100%;position: relative;overflow: hidden;} .acti1 .nrt .ul2 .li .img img{display: block;width: 100%;transform: scale(1.0002);-webkit-transform: scale(1.0002);} .acti1 .nrt .ul2 .li .img .video{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.3) url(../images/svg/bf.svg) center no-repeat;background-size: .72rem;opacity: 0;} .acti1 .nrt .ul2 .li .txt{padding: .25rem .2rem;line-height: 1.5;} .acti1 .nrt .ul2 .li .txt .att{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: .15rem 0 .4rem;} .acti1 .nrt .ul2 .li .txt .atc{display: flex;} .acti1 .nrt .ul2 .li .txt .atc span{line-height: 20px;padding-right: 20px;background: url(../images/svg/acti_1_1.svg) center right no-repeat;background-size: .09rem;color: #7B4F32;} .acti1 .nrt .ul2 .li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .acti1 .nrt .ul2 .li:hover .img .video{opacity: 1;} .acti1 .nrt .ul2 .li:hover .txt{background: #A57D57;color: #fff;} .acti1 .nrt .ul2 .li:hover .txt .atc span{color: #fff;background: url(../images/svg/acti_1_2.svg) center right no-repeat;background-size: .09rem;} /* 更多 */ .swiper-button-disabled{opacity: 0;pointer-events: none;} /* 动画 */ @-webkit-keyframes zhuan {0% {top: -100%;}100% {top: 100%;}} @keyframes zhuan {0% {top: -100%;}100% {top: 100%;}} @-webkit-keyframes tmsx {0% {top: 0;} 25% {top: -25px;} 50% {top: 0px;} 75% {top: 25px;} 100% {top: 0;}} @keyframes tmsx {0% {top: 0;} 25% {top: -25px;} 50% {top: 0px;} 75% {top: 25px;} 100% {top: 0;}} /* 视频弹框 */ .z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;z-index: 130;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;} .z_tanchuang .tbox .modal {background: white;padding: 0px;display: block;border-radius: 5px;position: relative;width: 90%;width: 1200px;max-height: 90%;margin: 0 auto;-webkit-transform: translateY(5%); -moz-transform: translateY(5%); -ms-transform: translateY(5%); -o-transform: translateY(5%); transform: translateY(5%);opacity: 0;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .z_tanchuang .tbox .modal .out {position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;-o-background-size: 20px; background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: -20px;right: -20px;cursor: pointer;z-index: 5; } .z_tanchuang .tbox .modal .img { width: 100%; margin: 0 auto; } .z_tanchuang .tbox .modal .img2 { width: 100%; margin: 0 auto; height: 80vh; } .z_tanchuang .tbox .modal .img video {display: block;width: 100%;max-width: 100%;-o-object-fit: cover; object-fit: cover; } .z_tanchuang .tbox .modal .img img { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); max-width: 90%;max-height: 90%;} .z_tanchuang .tbox .modal .out:hover {background: #fff url(../images/out2.png) center no-repeat;-o-background-size: 20px; background-size: 20px;-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);-webkit-transform: rotate(180deg); } .z_tanchuang.act {visibility: visible;pointer-events: visible;opacity: 1; } .z_tanchuang.act .tbox .modal {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1; } .mhead,.mnav,.mnav2{display: none;} @media (max-width:1800px) { } @media (max-width:1700px) { } @media (max-width:1600px) { } @media (max-width:1500px) { } @media (max-width:1450px) { } @media (max-width:1300px) { } @media (max-width: 1200px) { .wow {opacity: 1; } .head { display: none;} .box { width: 90%; min-width: 100px; padding: 0;} body { min-width: 200px; padding-top: 50px;font-size: 14px;} .mhead {display: block;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 19;top: 0;left: 0;background: #fff;border-bottom: 1px solid #eee; } .mhead .menu { height: 50px; padding-left: 45px; background: url(../images/svg/cdsvg.svg) center right no-repeat;background-size: 30px; float: right; cursor: pointer; } .mhead .menu.act{background: url(../images/svg/out3.svg) center right no-repeat;background-size: 30px;} .mhead .logo { display: block; position: absolute; top: 11px; left: 0; z-index: 3; height: 28px; } .mhead .logo img { display: block; height: 100%;} .mhead .logo2 { display: block; position: absolute; top: 5px; height: 40px; left: 70px; z-index: 3; padding-left: 10px; border-left: 1px solid #ddd;} .mhead .logo2 img { display: block; height: 100%;} .mhead .ss { display: block; width: 50px; height: 50px; float: right; background: url(../images/svg/ss_3.svg) center no-repeat;background-size: 30px;} .mhead .hy2 { display: block; line-height: 50px; float: right; -o-background-size: 16px; background-size: 16px; width: 70px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 10px;} .mhead.act { box-shadow: 0px 1px 5px #ddd;} .mnav { position: fixed; width: 100%; height: calc(100vh - 50px); top: -100%; left:0; z-index: 10; display: block; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-transform: capitalize;} .mnav .hei { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer;} .mnav .mbox { width: 100%; height: 100%; overflow: auto; background: #F8F8F8; position: relative; z-index: 2; left: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .mnav .mbox .ul1 {width: 90%;margin: 0 auto;padding: 30px 0;} .mnav .mbox .ul1 li .ltop { position: relative; line-height: 50px; padding: 0; border-bottom: 1px solid #ddd; cursor: pointer;} .mnav .mbox .ul1 li .ltop a { width: 100%; text-transform: capitalize;font-size: 18px;} .mnav .mbox .ul1 li .ltop span { display: block; width: 100%; height: 50px; position: absolute; top: 0; right: 0; z-index: 2;} .mnav .mbox .ul1 li .ltop span::after { width: 30px; height: 50px; background: url(../images/svg/jt_2_3.svg) center right no-repeat; opacity: .5; content: ""; position: absolute; top: 0;right: 0;} .mnav .mbox .ul1 li .ltop span.act::after { background: url(../images/svg/jt_2_4.svg) center left no-repeat; opacity: 1; transform: rotate(180deg); -webkit-transform: rotate(180deg); } .mnav .mbox .ul1 li .lbtm { display: none; border-bottom: 1px solid #ddd; padding: 10px 0;} .mnav .mbox .ul1 li .lbtm a { width: calc( 100% - 60px);margin-left: 30px; padding: 0 20px 0 0; line-height: 50px; border-bottom: 1px solid #ddd; font-size: 15px; color: #555; text-transform: capitalize;} .mnav .mbox .ul1 li .lbtm a:last-child{border-bottom: 0;} .mnav .mbox .ul1 li .lbtm a sup{padding: 5px;position: relative;top: -5px;} .mnav .mbox .ul1 .heji .ltop { height: 50px; display: flex;align-content: center;align-items: center;} .mnav .mbox .ul1 .heji .ltop .btn{display: block;padding-right: 10px;margin-right: 10px;border-right: 1px solid #ddd;line-height: 30px;} .mnav .mbox .ul1 .heji .ltop .btn:last-child{border-right: none;} .mnav .mbox .ul1 .scxz .ltop { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .mnav .mbox .ul1 .scxz .ltop .i { height: 14px; margin-right: 10px;} .mnav .mbox .ul1 li .lbtm2 { padding: 0;} .mnav .mbox .ul1 li .lbtm2 .dl1{border-bottom: 1px solid #ddd;width: calc(100% - 40px);margin-left: 20px;} .mnav .mbox .ul1 li .lbtm2 .dl1:last-child{border: 0;} .mnav .mbox .ul1 li .lbtm2 .dl1 dt { line-height: 50px; position: relative; width: 100%; padding: 0 ;} .mnav .mbox .ul1 li .lbtm2 .dl1 dt a { display: block; color: #000; font-size: 15px; line-height: 50px; padding: 0;border: 0;width: 100%;margin: 0;} .mnav .mbox .ul1 li .lbtm2 .dl1:last-child dt a {border: 0;} .mnav .mbox .ul1 li .lbtm2 .dl1 dt span { display: block; width: 100%; height: 50px; position: absolute; top: 0; right:0;} .mnav .mbox .ul1 li .lbtm2 .dl1 dt span::after { width: 30px; height: 50px; background: url(../images/svg/jt_2_3.svg) center right no-repeat; opacity: .5; content: ""; position: absolute; right: 0px; top: 0px;} .mnav .mbox .ul1 li .lbtm2 .dl1 dt.act span::after { background: url(../images/svg/jt_2_4.svg) center left no-repeat; opacity: 1;transform: rotate(180deg); -webkit-transform: rotate(180deg); } .mnav .mbox .ul1 li .ltop a .s1{display: block;line-height: 1.8;padding: 0 5px;border-radius: 30px;background: #F25D20;color: #fff;font-size: 8px;position: relative;top: -5px;margin-left: 5px;} .mnav .mbox .ul1 li .lbtm2 .dl1 dd { display: none; } .mnav .mbox .ul1 li .lbtm2 .dl1 dd .dtop { line-height: 40px; position: relative; width: 100%; padding: 0 40px 0 35px;} .mnav .mbox .ul1 li .lbtm2 .dl1 dd .dtop a { display: block; color: #000; font-size: 14px; line-height: 40px; padding: 0;} .mnav .mbox .ul1 li .lbtm2 .dl1 dd .dtop span { display: block; width: 100%; height: 40px; position: absolute; top: 0; right: 0;} .mnav .mbox .ul1 li .lbtm2 .dl1 dd .dtop span::after { width: 16px; height: 2px; background: #444444; content: ""; position: absolute; right: 15px; top: 17px;} .mnav .mbox .ul1 li .lbtm2 .dl1 dd .dtop span::before { width: 2px; height: 16px; background: #444444; content: ""; position: absolute; right: 22px; top: 10px;} .mnav .mbox .ul1 li .lbtm2 .dl1 dd .dtop.act span::before { opacity: 0;} .mnav .mbox .ul1 li .lbtm2 .dl1 dd .dbtm a { padding: 0 30px 0 45px;} .mnav .mbox .ul1 li .lbtm2 .dl1 dd .dbtm { display: none;} .mnav .mbox .ul1 li .lbtm2 dd a{width: 100%;margin: 0;padding: 0;border: 0;padding-left: 20px;} .mhead .dl {float: right;line-height: 50px;padding: 0 10px;font-size: 16px;} .mnav .mbox .ul1 .heji .ltop { height: 50px; display: flex;align-content: center;align-items: center;} .mnav .mbox .ul1 .heji .ltop .btn{display: block;padding-right: 10px;margin-right: 10px;border-right: 1px solid #ddd;line-height: 30px;width: auto;font-size: 18px;} .mnav .mbox .ul1 .heji .ltop .btn:last-child{border-right: none;} .mnav.act { top: 50px;} .mnav.act .mbox { left: 0; -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transition-delay: 0.15s;} .mnav2 { position: fixed; width: 100%; height: 100%; top: 0; left: -100%; z-index: 2000; display: block; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); display: block;} .mnav2 .hei { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; z-index: 1;} .mnav2 .mbox { width: 80%; height: 100%; overflow: auto; background: #fff; position: relative; z-index: 2; left: -100%; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .mnav2 .mbox .dl1 dd .dtop { position: relative; line-height: 50px; padding: 0 50px 0 15px; border-bottom: 1px solid #ddd;} .mnav2 .mbox .dl1 dd .dtop a { display: block; width: 100%;} .mnav2 .mbox .dl1 dd .dtop span { display: block; width: 100%; height: 50px; position: absolute; top: 0; right: 0; z-index: 2;} .mnav2 .mbox .dl1 dd .dtop span::after { width: 16px; height: 2px; background: #444444; content: ""; position: absolute; right: 15px; top: -webkit-calc(50% - 1px); top: -moz-calc(50% - 1px); top: calc(50% - 1px);} .mnav2 .mbox .dl1 dd .dtop span::before { width: 2px; height: 16px; background: #444444; content: ""; position: absolute; right: 22px; top: 17px;} .mnav2 .mbox .dl1 dd .dtop span.act::before { opacity: 0;} .mnav2 .mbox .dl1 dd .dbtm { display: none; border-bottom: 1px solid #ddd; padding: 10px 0;} .mnav2 .mbox .dl1 dd .dbtm a { display: block; width: 100%; padding: 0 15px; line-height: 30px; font-size: 12px; color: #666;} .mnav2.act { left: 0;} .mnav2.act .mbox { left: 0; -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transition-delay: 0.15s;} } @media (max-width: 1080px) { .denglu .hezi {padding: 0 5%;} .denglu .hezi .dox .txt{width: 100%;padding: 40px 25px;} .denglu .hezi .dox .txt .ipt input{height: 40px;} .swiper_in1 .swiper-slide .sbox .bg .mimg{display: block;} .swiper_in1 .swiper-slide .sbox .bg .pimg{display: none;} .i1 .sox{top: 50%;bottom: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .i1 .sox .txt{width: 90%;} .i1 .sox .txt .ditu{display: none;} .i1 .sox .txt .hezi{position: relative;top: 0;left: 0;transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);width: 100%;height: auto;clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 100% 70%, 100% 100%, 30% 100%, 0% 100%, 0% 30%);padding: 20px;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 10px;} .i1 .sox .txt .hezi .xian{display: none;} .i1 .sox .txt .hezi .neirong{width: 100%;margin: 0 0 20px;} .i1 .sox .txt .hezi .neirong img{display: none;} .i1 .sox .txt .hezi .neirong .ss{width: 100%;height: 40px;position: relative;top: 0;left: 0;border: 1px solid #fff;} .i1 .sox .txt .hezi .neirong .ss input{width: 100%;font-size: 16px;padding: 0 20px;} .i1 .sox .txt .hezi .neirong .ss .a{width: 80px;font-size: 14px;} .i1 .sox .txt .hezi .aox {flex-wrap: wrap;font-size: 16px;} .i1 .sox .txt .hezi .aox a .ico{width: 14px;} .i1 .sox .txt .hezi .aox a{margin: 5px;} .i1 .sox .txt .hezi .aox .shux{height: 14px;} .swiper_in1 .pagination_in1 span{width: 20px;height: 20px;margin: 0 10px !important;} .swiper_in1 .pagination_in1{bottom: 30px;} .i2{padding: 50px 0;display: none;} .i2 .iox{display: block;} .i2 .iox .ilt{width: 100%;} .i2 .iox .itt .mo{width: 50px;height: 50px;} .i2 .iox .ilt .itop{display: block;} .i2 .iox .ilt .itop .img{width: 100%;} .i2 .iox .itt{margin-bottom: 20px;} .i2 .iox .ilt .itop .ul1{width: 100%;height: 205px;margin-top: 10px;} .i2 .iox .ilt .itop .ul1 .li .llt{width: calc(100% - 110px);} .i2 .iox .ilt .itop .ul1 .li .day{width: 100px;} .i2 .iox .ilt .itop .ul1 .li.li_zhiding .llt{padding-left: 40px;} .i2 .iox .ilt .ibtm{height: 225px;margin-top: 20px;padding: 10px;} .i2 .iox .ilt .ibtm .li .day{width: 100px;} .i2 .iox .ilt .ibtm .li .wz{width: calc(100% - 100px);padding-left: 0;} .i2 .iox .irt{width: 100%;margin-bottom: 20px;} .i2 .iox .irt .itop .ul1{padding: 10px;height: 225px;} .i2 .iox .irt .itop .ul1 .li .wz{width: calc(100% - 100px);} .i2 .iox .irt .itop .ul1 .li .day{width: 100px;} .i2 .iox .irt .itop{margin: 20px 0 ;} .i2 .iox .irt .ibtm .ul1{height: 205px;} .i2 .iox .irt .ibtm .ul1 .li .wz{width: calc(100% - 100px);padding-left: 0;} .i2 .iox .irt .ibtm .ul1 .li .day{width: 100px;} .i3{padding: 0 0 50px;} .i3 .tt{margin-bottom: 20px;} .i3 .tt .mo{width: 50px;height: 50px;} .i3 .iox{display: block;} .calendar {width: 100%;height: auto;margin: 0 auto 30px;position: relative;} .calendar .f_20 {font-size: 16px !important;} .calendar .f_18 {font-size: 14px !important;} .calendar .f_14 {font-size: 12px !important;} .calendar .frame {width: 100%;height: auto;} .calendar .frame-outer {width: 100%;height: 100%;} .calendar .panel {position: relative;left: 2%;top: 2%;width: 96%;height: auto;padding: 20px 5% 30px;} .calendar .frame-inner {width: 96%;height: 96%;margin: 2%;} .calendar .corner-wrap {display: none;} .calendar .head-bar {position: absolute;left: 0;top: 0;width: 100%;height: 40px;display: flex;align-items: center;justify-content: center;padding-top: 20px;} .calendar .head-bar .title {font-size: 18px;line-height: 40px;} .calendar .head-bar .nav {width: 20px;height: 20px;margin-top:0;} .calendar .head-bar .nav img {width: 20px;height: 20px;} .calendar .head-bar .nav-prev {left: 10%;} .calendar .head-bar .nav-next {left: auto;right: 10%;} .calendar .picker {width: 180px;margin-left: -90px;padding: 8px;font-size: 14px;top: 30px;} .calendar .picker .list{height: 140px;max-height: 200px;} .calendar .picker .picker-item {font-size: 14px;padding: 8px 10px;} .calendar .picker-month .picker-item {width: 25%;padding: 8px 0;} .calendar .weekdays {width: 100%;padding-top: 50px;justify-content: space-around;} .calendar .weekdays span {font-size: 12px;width: calc(100% / 7);text-align: center;} .calendar .days {width: 100%;margin: 10px auto 0;} .calendar .day {width: calc(100% / 7 - 4px);height: 36px;margin-right: 4px;margin-bottom: 4px;font-size: 14px;line-height: 36px;border-radius: 18px;} .calendar .head-bar .nav-next .ico,.calendar .head-bar .nav-next .ico img{width: 100%;height: 100%;} .calendar .legend{bottom: 20px;} .rili_tcnhaung .rox .out{right: 0;top: -40px;} .rili_tcnhaung .rox .ul1{padding: 20px 5%;} .i3 .iox .irt{width: 100%;} .i3 .iox .irt .ul1 .li,.i3 .iox .irt .ul1 .li.act{width: 13%;margin: 0;padding: 0;flex: none;height: auto;} .i3 .iox .irt .ul1 .li .lzuo,.i3 .iox .irt .ul1 .li .lzuo .bg{position: relative;width: 100%;} .i3 .iox .irt .ul1 .li .lzuo .wz{line-height: 2.4;padding-top: 70px;} .i3 .iox .irt .ul1{justify-content: space-between;align-items: flex-start;align-content: flex-start;display: none;} .i3 .iox .irt .ul1 .li .lyou{display: none;} .i4{padding: 0 0 50px;overflow: hidden;} .i4 .tt{margin-bottom: 50px;} .i4 .tt .mo{width: 50px;height: 50px;} .i4 .hezi .bg{opacity: 0;display: none;} .i4 .hezi{width: 100%;} .i4 .hezi .bg{width: 100%;} .i4 .hezi .lunbo{width: 100%;position: relative;top: 0;} .i4 .hezi2{width: 100%;margin: 30px 0 0;} .swiper_in2 .swiper-slide .sbox .txt{top: 20px;} .swiper_in2 .swiper-slide .sbox .txt .zi3{margin-bottom: 20px;} .i4 .hezi2 .ul1 .li{justify-content: space-between;} .i4 .hezi2 .ul1 .li .a,.i4 .hezi2 .ul1 .li .a:nth-child(5n){width: 48%;margin: 0 0 4%;justify-content: left;} .i4 .hezi2 .ul1 .li .a s{width: 20px;height: 20px;} .i4 .hezi2 .ul1 .li .a .wz{max-width: calc(100% - 20px);padding-right: 5px;} .i5{padding: 0 0 50px;} .i5 .tt{margin-bottom: 20px;} .i5 .tt .mo{width: 50px;height: 50px;} .i5 .lunbo .btn{display: none;} .swiper_in3{width: 100%;padding: 0 0 30px;} .swiper_in3 .swiper-slide-prev .sbox{transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;} .swiper_in3 .swiper-slide-next .sbox{transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;} .i6{padding: 0 0 50px;} .i6 .tt{margin-bottom: 20px;} .i6 .tt .mo{width: 50px;height: 50px;} .i6 .lunbo .ul1 .li{width: 13%;height: 400px;} .i6 .lunbo .ul1 .li .bg{width: 100%;height: 100%;} .i6 .lunbo .ul1 .li .bg img{width: 100%;height: 100%;object-fit: cover;} .i6 .lunbo .ul1 .li .txt{display: none;} .i6 .lunbo .ul1 .li.act .wz1{opacity: 1;} .i6 .lunbo .ul1 .li.act{width: 13%;} .i6 .lunbo .ul1 .li .wz1{padding-top: 70px;line-height: 2.4;} .footer1 .tp{width: 100%;} .footer2{padding: 30px 0 20px;} .footer2 .logo{width: 200px;} .footer2 .ftop{margin: 20px 0;display: block;} .footer2 .ftop .flt{width: 100%;} .footer2 .ftop .flt .ul1 .li .ico{width: 30px;} .footer2 .ftop .flt .ul1 .li .wz{width: calc(100% - 30px);line-height: 1.5;} .footer2 .ftop .frt{width: 100%;margin-top: 20px;} .footer2 .fbtm{padding-top: 20px;margin-top: 20px;} .i2 .iox .ilt .itop .ul1 .li{line-height: 40px;} .i2 .iox .ilt .ibtm .li{line-height: 40px;} .i2 .iox .irt .itop .ul1 .li{line-height: 40px;} .i2 .iox .irt .ibtm .ul1 .li{line-height: 40px;} .i3m{display: block;} .swiper_in1m{padding: 30px;background: url(../images/in_3_5.png) center no-repeat;background-size: cover;line-height: 1.5;} .swiper_in1m .ltt{margin: 5px 0 20px;} .swiper_in1m img{width: 100%;} .swiper_in1m .pagination_in1m{top: auto;bottom: 0;} .swiper_in1m .pagination_in1m span{background: #724527;} .i6 .lunbo{display: none;} .i6m{display: block;} .swiper_in2m{line-height: 1.5;padding: 30px;background: url(../images/in_3_5.png) center no-repeat;background-size: cover;} .swiper_in2m .wz3{margin: 5px 0;} .swiper_in2m .img{margin: 20px 0;} .swiper_in2m .pagination_in2m{top: auto;bottom: 0;} .swiper_in2m .pagination_in2m span{background: #724527;} .swiper_in3 .pagination_in3{top: auto;bottom: 0;display: block;} .swiper_in3 .pagination_in3 span{background: #724527;} .swiper_in1 .swiper-slide .sbox .bg{height: 60vh;} .i2m{display: block;padding: 50px 0;} .i2m .itt{} .i2m .itt .wz{} .i2m .itt .wz .btn{display: block;margin-right: 10px;opacity: .5;} .i2m .itt .wz .btn.act{opacity: 1;} .i2m .itt .irt{position: relative;} .i2m .itt .irt .mo{display: none;width: 50px;height: 50px;justify-content: center;align-items: center;align-content: center;background: url(../images/svg/in_2_1.svg) center no-repeat;background-size: cover;color: #666;font-family: 'syl';} .i2m .itt .irt .mo:hover{background: url(../images/svg/in_2_2.svg) center no-repeat;color: #fff;background-size: cover;} .i2m .itt .irt .mo.act{display: flex;} .i2m .dl1{margin-top: 20px;} .i2m .dl1 .dd{display: none;} .i2m .dl1 .dd .li{line-height:50px ;border-bottom: 1px solid rgba(165,125,87,0.2);} .i2m .dl1 .dd .li .llt{width: calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;position: relative;} .i2m .dl1 .dd .li.li_zhiding .llt{padding-left: 3.3vw;} .i2m .dl1 .dd .li.li_zhiding .llt .zd{display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 .5vw;background: #8C4951;color: #fff;line-height: 1.5;border-radius: 3px;} .i2m .dl1 .dd .li .day{width: 100px;text-align: right;} .i2m .dl1 .dd.act{display: block;} .huodong .pimg{display: none;} .huodong .mimg{display: block;} .huodong .out{width: 40px;height: 40px;} .huodong .hezi .img{top: 50%;} .ne1{padding: 50px 0;} .ne1 .nox{display: block;} .ne1 .nlt{width: 100%;margin-top: 0;} .ne1 .nlt .dl1 .dd .ul1 .li .ltop{padding: 0 5%;} .ne1 .nlt .dl1 .dd .ul1 .li .ltop s{width: 20px;height: 20px;background-size: 6px;} .ne1 .nlt .dl1 .dd .ul1 .li .lbtm{padding: 10px 5%;} .ne1 .nlt .dl1 .dd .ul1 .li .lbtm a{line-height: 3;} .ne1 .nrt{width: 100%;padding-top: 0;} .ne1 .nrt .ul1 .li{padding: 0 5%;} .ne1 .nrt .ul1 .li .alt{width: calc(100% - 110px);} .ne1 .nrt .ul1 .li .art{width: 100px;text-align: right;} .page1{display: none;} .page2{display: block;border-radius: 5px;} .nec1 .box{width: 90%;} .nec1 .ul1 .li .ico{width: 20px;} .swiper_in5 .btn{display: none;} .swiper_in6{width: 90%;} .swiper_in6 .swiper-slide s{border: 0px solid #A57D57;background: rgba(0, 0, 0, .6);opacity: 1;} .swiper_in6 .swiper-slide.act s{opacity: 0;} .nec1 .nbtm{display: block;} .nec1 .nbtm .nlt .wz2{width: calc(1000 / 1920 * 100vw);} .nec1 .nbtm .nrt{width: 150px;margin-top: 10px;} .nec1 .nbtm .nrt s{width: 20px;height: 20px;background-size: 11px;} .nec1 .nbtm2{display: block;} .nec1 .nbtm2 .a{display: block;width: 100%;margin-bottom: 10px;} .banner{background: #000;display: none;} .banner img{opacity: .8;} .acti1 .nrt .ul2 .li{width: 100%; margin: 0 0 10px 0;} .ne1 .nlt{display: none;} .mob_banner{display: block;} .mob_nav{position: relative;width: 100%;background: #724527;color: #fff;line-height: 50px;text-align: center;} .mob_nav a{position: absolute;left: 5%;top: 0;width: 30px;height: 100%;} .mob_nav a img{display: block;width: 10px;position: relative;top: 50%;margin-top: -5px;} .swiper_erji{} .swiper_erji .swiper-slide{width: auto ;padding: 0 5%;} .swiper_erji .swiper-slide .sbox{line-height: 50px;display: block;} .swiper_erji .swiper-slide.act .sbox{color: #724527;} .swiper_sanji{background: #eee;} .swiper_sanji .swiper-slide{width: auto ;padding: 0 5%;} .swiper_sanji .swiper-slide .sbox{line-height: 50px;display: block;} .swiper_sanji .swiper-slide.act .sbox{color: #724527;text-decoration: underline;text-underline-offset: 5px;} .ne1 .nrct{width: 100%;padding-top: 0;} .nec1 .nbtm .nlt{display: block;width: 100%;} .nec1 .nbtm .nlt a .wz2{width: calc(100% - 100px);} .nec1 .nbtm .nlt a .wz1{width: 80px;} .nec1 .nbtm .nlt a .ico{width: 20px;} .nec1 .lunbo{padding-bottom: 0;} .nec1 .lunbo2{display: none;} .nec1 .lunbo .biaoti{position: relative;padding: 30px 5%;} }