a[href="javascript:;"]{cursor:default;} *{box-sizing: border-box;} p{font-size: 14px; color: #908e91; line-height: 22px;} body .swiper-pagination-bullet-active{background: #c9952d;} #content p{margin-bottom: 22px;} #content p:last-child, #content p.no_margin{margin-bottom: 0;} .cTil{padding: 80px 0 40px;} .cH1, .cH2{font-size: 22px; color:#c5a57f; line-height: 1; font-family: "Rajdhani-Semibold"; text-transform: uppercase;} .cH1{display: none;} .cImg{transition: all .8s;} .count{display: inline-block;} .m-mark{display: none;} .paging-static{position: static; margin-top: .1rem;} #header{height:100px;position:fixed;left:0;top:0;right:0;border-bottom:1px solid rgba(255,255,255,.15);z-index:1000;transition:all .4s;} #header.on{background-color:#FFF; box-shadow: 0 0 10px rgba(0,0,0,.1); border-color: #eeece7;} #header .logo{float:left;width:147px;height:100%;background:url(../images/logo.png) no-repeat left center;margin:0 0 0 2.8vw;transition:all .4s;} #header.on .logo{background:url(../images/-logo.png) no-repeat left center} #header .ri{float:right;height:100%; margin-right: 2.8vw;} #header .ri .menu{float:left; height: 100px; margin-right: -17px;} #header .menu .seekBox{position: relative; float: left; width: 52px; height: 100%; background: url(../images/iconSeek.png) no-repeat center;transition:all .4s;} #header .menu .seekBox .dd{position: absolute; top: 100%; height: 0; transition: all .4s; padding-left: 66px; padding-right: calc(2.8vw + 51px); left: -400px; width: 700px; background: #fff; overflow: hidden;} #header .menu .seekBox .icon{position: absolute; left: 27px; top: 0; width: 25px; height: 80px; background: url(../images/iconSeekOn.png) no-repeat center;} #header .menu .seekBox input{width: 360px; height: 80px; padding: 20px 0; font-size: 15px; color: #494949;} #header .menu .seekBox .btn{position: absolute; left: 388px; top: 0; width: 80px; height: 80px; background: url(../images/iconTo.png) no-repeat center; transition:all .4s; cursor: pointer;} #header .menu .seekBox .btn:hover{background-image: url(../images/iconToOn.png);} #header .menu .seekBox.on .dd{height: 80px; box-shadow: 0 0 10px rgba(0,0,0,.05);} #header .menu .langBox{position: relative; display: flex; justify-content: center; width: 68px; text-align: center; font-size: 15px; color: #fff; height: 100px; line-height: 100px; font-weight: bold;} #header .menu .langBox .dt{padding-right: 13px; background: url(../images/iconDown.png) no-repeat right center; transition:all .4s;} #header .sub_box{display:none;position:absolute;z-index:55;left:0;top:0;width:1200px;height:80px; padding-left: 17px;} #header .sub_box a{float:left;font-size:15px;color:#494949 !important;line-height:80px;transition:all .4s;margin-right:30px; text-transform: uppercase;} #header .color_line{position:absolute;left:0;top:100px;right:0;height:80px;background:#fff;transition:all .6s;opacity:0;pointer-events:none} #header .nav{position: relative; float:left;height:100%; display: flex;} #header .nav .navSlide{position: absolute; bottom: -1px; height: 2px; background: transparent; pointer-events: none;} #header .nav .dl{float:left;height:100%;position:relative;} #header .nav .dt{display: flex; flex-wrap: wrap; align-items: center; font-size:15px; height:99px; line-height:20px;color:#fff;height:100%;font-weight:bold;padding: 0 17px; transition: all .3s;} #header .nav .dt a{text-align: center; text-transform: uppercase; font-size: ;} #header .nav .dd{height:70px;position:absolute;left:0;top:100%;} #header .nav .ul{display:inline-block;height:100%;background-color:#601d6d} #header .nav .dd a:hover{color: #c9952b !important;} #header .nav .dt a.on{color:#c9952b} #header .langBox .dd{position: absolute; padding-left: 40px; padding-right: 70px; left: -80px; top: 100%; height: 0; width: 200px; background: #fff; overflow: hidden; transition: all .4s;} #header .langBox .dd a{float: right; margin-left: 20px; font-size: 15px; height: 80px; line-height: 80px; color: #494949; transition: all .4s; cursor: pointer;} #header .langBox .dd a:hover{color: #c9952b;} #header .menu .langBox.on .dd{height: 80px; box-shadow: 0 0 10px rgba(0,0,0,.05);} #header.on .nav .dt{color:#032974} #header .color_line.on{opacity:1;height:80px; box-shadow: 0 0 10px rgba(0,0,0,.05);} #header.on .menu .seekBox{background-image: url(../images/iconSeekOn.png);} #header.on .menu .langBox{color:#032974;} #header.on .menu .langBox .dt{background-image: url(../images/iconDownOn.png);} #header.on .menu-btn .i{background: #c9952b;} #header .menu-btn {display: none; position: relative;float: left;margin-top: 23px;width: 54px;height: 54px;z-index: 900;transition: all .4s; margin:23px 17px 0 10px; cursor: pointer;} #header .menu-btn .cnt {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40px; height: 29px;margin: auto;display: flex;flex-direction: column;justify-content: space-between} #header .menu-btn .i {width: 100%; height: 3px;background: #fff;-webkit-transition: all .4s;transition: all .4s} #header .menu-btn.on .i {position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0; background: #c9952b;} #header .menu-btn.on .i:nth-child(1) {-webkit-transform: rotate(45deg);transform: rotate(45deg)} #header .menu-btn.on .i:nth-child(2) {opacity: 0} #header .menu-btn.on .i:nth-child(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)} #reTop{display:none;position:fixed;z-index:800;right:2%;bottom:13%;cursor:pointer} #footer{padding: 50px 0 30px; background: #23324b;} #footer .le{float: left; display: flex; max-width: 66%;} #footer .le li{position: relative; float: left; margin-left: 60px;} #footer .le li:first-child{margin-left: 0;} #footer .le .til{font-size: 14px; line-height: 18px; color: rgba(255,255,255,.8); margin-bottom: 10px; font-weight: 600; text-transform: uppercase;} /* #footer .le .dd{position: absolute; left: 0; top: 38px;} */ #footer .le .dd a{font-size: 14px; color: rgba(255,255,255,.3); line-height: 18px; padding: 5px 0; transition: all .4s; text-transform: uppercase;} #footer .le .dd a:hover{color: #fff;} #footer .ri{float: right; max-width: 30%;} #footer .ri .p{font-size: 14px; color: #818181; line-height: 24px; text-align: right;} #footer .ri .p a{display: inline; transition: all .4s;} #footer .ri .p a:hover{color: #fff;} #footer .share{margin: 10px 0 20px;} #footer .share .item{position: relative; float: right; margin-left: 8px; } #footer .share .ma{position: absolute; bottom: 40px;} #footer .share .pos {display: none; animation: fadeIn 1s forwards; width: 140px; height: 140px; padding: 10px; background-color: #FFF; position: absolute; left: 50%; transform: translateX(-50%); bottom: 49px; box-shadow: 0 0 29px 5px #0000000d; z-index: 50;} #footer .share .item:hover .pos {display: block;} #footer .friendLink{position: relative; float: right; width: 200px; z-index: 50;} #footer .friendLink span{display: block; border-radius: 52px; font-size: 14px; color: #a89d8a; height: 52px; line-height: 50px; padding: 0 42px; background: #23324b url(../images/friendLinkIcon.png) no-repeat 18px center; width: 200px; border: 1px solid #424e61;} #footer .friendLink span:after{content: ""; display: block; position: absolute; width: 12px; height: 12px; position: absolute; right: 21px; top: 19px; background: url(../images/iconUp.png) no-repeat center;} #footer .friendLink .hid{position: absolute; padding-bottom: 0; left: 0; bottom: 100%; width: 100%; z-index: -1; box-shadow: 0 0 29px 5px #0000000d; transition: all .4s;} #footer .friendLink .box{display: none; background: #e9d7c3; padding: 10px 15px; border-radius: 25px;} #footer .friendLink .ul{max-height: 240px; overflow: hidden; overflow-y: auto;} #footer .friendLink a{font-size: 14px; color: #c5af97; padding: 10px 0; line-height: 20px; padding: 10px 20px; transition: all .4s;} #footer .friendLink a:hover{color: #c17010;} #footer .friendLink .hid.on{padding-bottom: 6px;} #footer .contactBtn,#footer .lawBtn{cursor: pointer;} .footPop{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5555;} .footPop .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(26,39,58,.7);} .footPop .cnt{display: none; position: absolute; width: 1200px; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 5; overflow: hidden; border-radius: 20px;} .footPop .closeBtn{position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; background: url(../images/iconClose.png) no-repeat center; z-index: 5; transition: all .4s; cursor: pointer;} .footPop .closeBtn:hover{background-image: url(../images/iconCloseOn.png);} .footPop .dt{height: 270px; padding: 160px 50px 0; background: url(../images/footPopBg.jpg) no-repeat top center;} .footPop .dt h2, .footPop .dt h3{font-size: 42px; color: #f58a50; line-height: 1; font-family: "Rajdhani-Semibold"; text-transform: uppercase;} .footPop .dd{min-height: 378px; margin-top: -16px; border-radius: 20px; padding: 45px 50px; background: #fff; position: relative; z-index: 5;} .footPop .dd h4{position: relative; font-size: 16px; color: #7c7873; line-height: 26px; padding-bottom: 7px; margin: 20px 0 10px; font-weight: bold;} .footPop .dd h4:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 15px; height: 3px; background: #f58a50;} .footPop .dd h4:first-child{margin-top: 0;} .footPop .dd p{font-weight: bold; color: #adabaa;} /* .footPop .dd .h1{font-size: 36px; color: #68635c; font-weight: 300; line-height: 46px;} */ .footPop .dd .h1En, .footPop .dd .h1{position: relative; padding-bottom: 7px; font-size: 24px; color: #f1eadb; line-height: 1; font-family: "Rajdhani-Semibold"; margin-bottom: 10px;} .footPop .dd .h1En:after, .footPop .dd .h1:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 15px; height: 3px; background: #f58a50;} .footPop .contactPop .dd{background: #fff url(../images/footPopAdorn.png) no-repeat right bottom;} .footPop .contactPop .dd p{line-height: 24px;} .banner{width:100%;height:758px;overflow:hidden;position:relative} .banner .switch_btn{position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:20} .banner .switch_btn>div{width:64px;height:64px;border:2px solid #dbdbdb;cursor:pointer;top:0;transition:all .6s} .banner .switch_btn .prev{position:absolute;left:0;border-left:0 none;background:url(../images/icon-prev2.png) no-repeat center} .banner .switch_btn .next{border-right:0 none;position:absolute;right:0;background:url(../images/icon-next2.png) no-repeat center} .banner .switch_btn>div:hover{background-color:#d8161f;border-color:#d8161f} .banner .swiper-slide .link{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;} .banner .swiper-slide .animated{display:none} .banner .swiper-slide-active .animated{display:block} .banner .swiper-slide{position:relative} .banner .swiper-slide .auto{height:100%;position:relative} .banner .swiper-slide .pos{position:absolute;top:50%;left:0;transform:translateY(-50%)} .banner .swiper-slide .pos img{max-width:none} .banner .swiper-slide .st1{margin-top: 76px;} .banner .swiper-slide .st1 .h1, .banner .swiper-slide .st1 .h1En{font-size: 60px; color: #fff; line-height: 48px; font-family: "RAJDHANI_BOLD"; text-transform: uppercase; letter-spacing: -1px;} .banner .swiper-slide .st2{margin-left: 10px; margin-top: 20px;} .banner .swiper-slide .st3{left: 50%; top: 0; transform:translateY(0); margin-left: -820px;} .banner .swiper-slide .st4{left: auto; right: 0; margin-right: -160px; transform:translateY(0);} .banner .swiper-slide .st4 .box{padding-left: 294px; min-height: 180px; padding-top: 60px; background: url(../images/banT4Num.png) no-repeat;} /* .banner .swiper-slide .st4 .h1{font-size: 48px; color: #f8edc2; line-height: 52px; font-weight: 300; margin-bottom: 12px;} */ .banner .swiper-slide .st4 .h1,.banner .swiper-slide .st4 .h1En{font-size: 40px; color: #f8edc2; line-height: 1; font-family: "Rajdhani-Medium";} .banner .swiper-slide .st5{left: 0; right: 0; margin: 0 auto; max-width: 92%;} .banner .swiper-slide .st5 img{margin: 0 auto; max-width: 100%;} .banner .videoPos{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0} .banner .videoPos::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:21} .banner .videoPos video{min-width:101vw;min-height:760px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:20} .banner .videoPos .videTxt{width:1200px;height:100%;position:absolute;left:0;right:0;margin:auto;z-index:50} .banner .videoPos .videTxt .t{position:absolute;top:50%} .banner .videoPos .videTxt .t img{transform:translateY(-50%)} .banner .sw-page{width:1200px;height:0;position:absolute;left:0;right:0;bottom:7vh;z-index:200;margin:auto; z-index: 20;} .banner .sw-page .swiper-pagination-bullet{width:40px;height:6px;background-color:#FFF;border-radius:0;margin-right:10px} .banner .sw-page .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1} .indexCont1{padding: 38px 0 60px;} .indexCont1 .hd{position: relative; height: 72px; border-bottom: 2px solid #f3f3f3; width: 45%;} .indexCont1 .hd li{float: left; font-size: 16px; color:#4e4e4e; line-height: 40px; margin-right: 55px; cursor: pointer; transition: all .4s;} .indexCont1 .hd li:last-child{margin-right: 0;} .indexCont1 .hd li.on{color: #c9952d;} .indexCont1 .hd .slide{position: absolute; bottom: -2px; height: 2px; background: #ff9600;} .indexCont1 .cTab .item{display: none; position: relative; display: flex; justify-content: space-between; align-items: flex-start;} .indexCont1 .cTab .dt{position: relative; width: 45%; padding-top: 33px; height: 272px;} .indexCont1 .cTab .dd{width: 50%; overflow: hidden; border-radius: 10px; margin: 0;} .indexCont1 .cTab .time{position: absolute; right: 0; top: 33px; font-size: 20px; color: #c9952d; line-height: 28px; font-family: "Gilroy_Bold";} .indexCont1 .cTab h3{font-size: 23px; color: #4e4e4e; line-height: 28px; margin-right: 130px; margin-bottom: 14px; font-weight: 600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; transition: all .4s; font-weight: 600;} .indexCont1 .cTab p{font-size: 15px; color: rgba(87,87,87,.6); line-height: 22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;} .indexCont1 .cTab .more{font-size: 14px; color: #404eb9; line-height: 16px; text-transform: uppercase; font-family: "Gilroy_Bold"; margin-top: 26px; transition: all .4s;} .indexCont1 .cTab .item:hover h3,.indexCont1 .cTab .item:hover .more{color: #c9952d;} .indexCont1 .cTab .item:hover .dd .cImg{-webkit-transform: scale(1.1); transform: scale(1.1);} .indexCont1 .bom{margin-top: 16px;} .indexCont1 .bom .le{float: left; width: 100%;} .indexCont1 .list{display: none; border-top: 2px solid #f3f3f3;} .indexCont1 .list a{overflow: hidden; border-bottom: 2px solid #f3f3f3;} .indexCont1 .list h4{float: left; font-size: 15px; color: rgba(78,78,78,.7); height: 46px; line-height: 46px; width: calc(100% - 100px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .4s;} .indexCont1 .list .time{float: right; font-size: 16px; font-family: "Gilroy_Bold"; height: 46px; line-height: 46px; color: rgba(72,72,72,.3);} .indexCont1 .list a:hover h4{color: #f2a81a;} .indexCont1 .ri{float: right; width: 50%; padding: 4px 0 0;} .indexCont1 .ri .box{float: left; position: relative; overflow: hidden; border-radius: 10px;} .indexCont1 .ri .box:hover .cImg{-webkit-transform: scale(1.1); transform: scale(1.1);} .indexCont1 .ri .txt{position: absolute; left: 0; top: 0; width: 100%; padding: 46px 30px 0;} .indexCont1 .ri .b3{float: right;} .indexCont1 .ri .year{font-size: 47px; color: rgba(254,231,191,.18); line-height: 40px; font-family: "Rajdhani-Semibold"; letter-spacing: -2px;} .indexCont1 .ri h4{font-size: 20px; color: #e4d1ac; line-height: 24px; font-weight: bold;} .indexCont1 .ri .en{font-size: 25px; color: #f2a81a; line-height: 24px; font-family: "Gilroy_Bold"; margin-top: 6px;} .indexCont2Sw{height:700px;overflow:hidden;position:relative} .indexCont2Sw .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:center} .indexCont2Sw .swiper-slide .auto{height:100%;position:relative} .indexCont2Sw .swiper-slide .pos{top:55%;left:0;position:absolute;transform:translateY(-50%)} .indexCont2Sw .swiper-slide .animated{display:none} .indexCont2Sw .swiper-slide-active .animated{display:block} /* .indexCont2Sw .txt h2{font-size: 48px; color: #fff; line-height: 58px; margin-bottom: 6px; font-weight: 300;} */ .indexCont2Sw .txt h2, .indexCont2Sw .txt h3{font-size: 36px; color: #c9952d; line-height: 1; font-family: "Gilroy_Bold"; margin-bottom: 16px; text-transform: uppercase;} .indexCont2Sw .txt p{font-size: 15px; color: rgba(234,228,217,.6); line-height: 22px;} .indexCont2Sw .txt .btn{margin-top: 30px; width: 170px; height: 50px; line-height: 50px; padding: 0 20px; color: #fff; background: #c9952d url(../images/iconSeek2.png) no-repeat 128px center; border-radius: 50px; transition: all .4s;} .indexCont2Sw .txt .btn:hover{background-color: #b67e0e;} .indexCont2>.auto{height:0;position:relative} .indexCont2 .huxTab{height:88px;position:absolute;right:0;top:506px;border-radius:10px;background-color:#FFF;padding:0 66px 0 40px;z-index:100} .indexCont2 .huxTab ul{height:100%;display:flex;align-items:center} .indexCont2 .huxTab ul li{margin-right:36px;font-size:16px;transition:all .4s;;cursor:pointer;font-weight:bold;color:#333993} .indexCont2 .huxTab ul li.on{color:#c9952d} .indexCont2 .huxTab .btn{position:absolute;right:-50px;top:50%;height:30px;transform:translateY(-50%);background:url(../images/indexCont2-btn.png) no-repeat right center;width:90px} .indexCont2 .huxTab .btn .next{float:right;width:50px;height:100%;cursor:pointer} .indexCont2 .huxTab .btn .prev{float:left;width:40px;height:100%;cursor:pointer} .indexCont3{padding: 70px 0;} .indexCont3 .box{position: relative; overflow: hidden; border-radius: 10px;} .indexCont3 .b1 .txt{position: absolute; left: 0; top: 0; width: 100%; padding: 85px 60px 0;} /* .indexCont3 .b1 h4{font-size: 20px; color: #65470a; line-height: 30px; font-weight: bold;} */ .indexCont3 .b1 h3, .indexCont3 .b1 h4{font-size: 36px; color: #65470a; line-height: 1; text-transform: uppercase; font-family: "Gilroy_Bold"; margin-bottom: 16px;} .indexCont3 .b1 p{font-size: 15px; color: #816d47; line-height: 22px; font-weight: bold;} .indexCont3 .ri .txt{position: absolute; left: 0; bottom: 0; width: 100%; padding: 40px 30px;} .indexCont3 .ri .icon{margin-bottom: 10px;} /* .indexCont3 .ri .cn{font-size: 20px; color: #ffffff; line-height: 30px; font-weight: bold;} */ .indexCont3 .ri .cn, .indexCont3 .ri .en{font-size: 18px; color: #f7f2e6; line-height: 22px; font-family: "Gilroy_Bold"; text-transform: uppercase;} .indexCont3 .b3{margin-top: 10px;} .indexCont3 .box:hover .cImg{-webkit-transform: scale(1.1); transform: scale(1.1);} .indexCont4{padding:50px 0 55px; background-color:#f7f2e6;} .indexCont4 .auto{position: relative;} .indexCont4 .hTil{font-size: 20px; font-weight: bold; color: #71757a; line-height: 30px; margin-bottom: 30px;} .indexCont4 .more{position: absolute; right: 0; top: 0; right: -7px; width: 30px; height: 30px; background: url(../images/iconMore.png) no-repeat center; cursor: pointer;} .indexCont4 .ul{overflow: hidden;} .indexCont4 .dl{float: left; margin-right: 12px; width: 392px; border-radius: 10px; overflow: hidden; background: #fff;} .indexCont4 .dl:last-child{margin-right: 0;} .indexCont4 .dt{position: relative; height: 200px; padding: 52px 30px 0; background: no-repeat center;} .indexCont4 .dt .til{padding: 10px 0; font-size: 26px; color: #ffffff; line-height: 30px; font-weight: bold; min-height: 66px;} .indexCont4 .d1 .til{padding-left: 84px; font-size: 22px; line-height: 26px; background: url(../images/index/indexC4Icon1.png) no-repeat;} .indexCont4 .dd{position: relative; padding: 30px; height: 234px;} .indexCont4 .dd p{font-size: 15px; color: #999; line-height: 22px;} .indexCont4 .dd .next{position: absolute; left: 30px; bottom: 22px; font-size: 14px; color: #494949; line-height: 30px;} .indexCont4 .dt:after{position: absolute; left: 30px; bottom: 22px; content: "更多详情"; font-size: 14px; color: #494949; line-height: 30px; color:rgba(255,255,255,.5); opacity: 0; transition: all .4s; padding-right: 30px; background: url(../images/iconEnter2.png) no-repeat right center;} .indexCont4 .dd .next:after{content: ""; display: block; position: absolute; top: 0; left: 62px; height: 100%; width: 24px; background: url(../images/iconEnter.png) no-repeat right center; transition: all .4s;} .indexCont4 .d3:hover .dd .next:after{width: 34px;} .indexCont4 .dl:hover .dt:after{opacity: 1;} .subBan{position: relative; height: 400px; background: no-repeat center; z-index: 5;} .subBan .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: no-repeat center; background-size: cover; z-index: -1;} .subBan .le{position: absolute; left: 2.8vw; bottom: 35px; text-transform: uppercase; font-size: 17px; color: #c29d63; font-family: "Rajdhani-Semibold";} .subBan .ri{position: absolute;right: 2.8vw;left: 2.8vw;top: 160px;} .subBan .ri .t1{font-size: 46px; line-height: 56px; font-weight: 300; letter-spacing: 8px; text-align: right; margin-bottom: 14px; color: #fff1d5; margin-right: -8px;} .subBan .ri .t2{width: 100%;max-width: 600px;margin-left: auto;text-align: right;font-size: 30px;letter-spacing: -2px;color: #fff1d5;line-height: 1;text-transform: uppercase;text-align: right;font-family: "Rajdhani-Medium";} .subBan .ri .icon{float: right; margin-top: 14px;} .crumbs{background: #eeece7;} .crumbs .pageSeat{float: left;} .crumbs .pageSeat .home{width: 13px; padding: 0; background: url(../images/crumbsIcon1.png) no-repeat center; margin-left: 0;} .crumbs .pageSeat a{float: left; font-size: 14px; color: #808080; height: 70px; line-height: 70px; margin-left: 14px; padding-left: 20px; margin-left: 14px; background: url(../images/crumbsIcon2.png) no-repeat left center; text-transform: uppercase;} .crumbs .subNav{position: relative; float:right;} .crumbs .subNav a{float:left;height:70px;line-height:70px;margin-left:30px;color:#686766; text-transform: uppercase;} .crumbs .subNav a:first-child{margin-left: 0;} .crumbs .subNav a.on{color:#c2a37e;} .crumbs .subNav .slide{display: block; position: absolute; left: 0; bottom: 0; height: 2px; background: #c5a57f;} .aboutCont1{padding: 0 0 80px; background: url(../images/about/aboutC1Bg.jpg) no-repeat bottom center;} .aboutCont1 .le{float: left; width: 340px; min-height: 250px; padding: 30px 0 0; border-top: 2px solid #e3e3e3; background: url(../images/about/aboutC1Bl.png) no-repeat 56px 32px;} .aboutCont1 .le .icon{margin-bottom: 60px;} .aboutCont1 .le .time{font-size: 30px; color: #828282; font-family: "Rajdhani-Semibold"; padding-left: 66px;} .aboutCont1 .ri{float: right; width: 806px;} .aboutCont1 .ri p{margin-bottom: 22px;} .aboutCont2{height: 819px; padding-top: 240px; background: url(../images/about/aboutC2Bg.jpg) no-repeat center;} .aboutCont2 .le{float: left;} .aboutCont2 .ri{float: right; max-width: 540px;} .aboutCont2 .ri h2{font-size: 52px; color: #856a4a; line-height: 58px; font-weight: 300; margin-bottom: 16px;} .aboutCont2 .ri h3{font-size: 52px;color: #ae987f;line-height: .8;letter-spacing: -2px;font-family: "Rajdhani-Semibold";margin-bottom: 16px;} .aboutCont2 .ri .txt{border-top: 3px solid #c29a65; padding-top: 20px;} .aboutCont2 .ri p{font-size: 16px; line-height: 20px; color: #908e91;} .about2{padding-bottom: 80px;} .about2Cont1 .auto{position: relative;} .about2Cont1 .adorn{position: absolute; right: -5px; top: 80px;} .about2Cont1 .public-listul a{position: relative;} .about2Cont1 .public-listul a:before{position: absolute; right: 138px; top: 0; bottom: 0; margin: auto 0; content: ""; display: block; position: absolute; width: 24px; height: 30px; background: url(../images/about/about2Icon.png) no-repeat center; opacity: 0; z-index: 5; transition: all .4s;} .about2 .about2Cont1 .public-listul a:hover:before{opacity: 1;} .about3{padding-bottom: 80px;} .about3Cont1 .auto{position: relative;} .about3Cont1 .adorn{position: absolute; right: -57px; top: 80px;} .about3Cont1 .synopsis{max-width: 730px; margin-bottom: 16px;} .about3Cont1 .above{display:flex;background:#eeece7;border-radius:10px;height:50px;padding:2px; margin-bottom: 40px;} .about3Cont1 .above .item{flex: 1; font-size:16px;color:#b3aba2;text-align:center;width:25%;display:inline-block;line-height:46px;cursor:pointer} .about3Cont1 .above .item.on{background:#fff;border-radius:10px;color:#595858} .about3Cont1 .public-botitem{display: block;} .about3Cont1 .below .item{display: none;} .about4Cont1{overflow: hidden;} .about4Cont1 .auto{position: relative; padding-bottom: 80px;} .about4Cont1 .adorn1,.about4Cont1 .adorn2{position: absolute;} .about4Cont1 .adorn1{right: 0; top: 80px;} .about4Cont1 .adorn2{left: -560px; bottom: -204px;} .about4Swiper{margin-left: -300px; padding-left: 300px; width: calc(50vw + 900px);} .swiper-line{position: absolute; left: 50%; margin-left: -50vw; top: 325px; width: 100vw; border-bottom: 1px solid rgba(168,164,155,.2);} .about4Swiper .swiper-pagination{position: static; margin-bottom: 40px; text-align: left; line-height: 12px;} .about4Swiper .swiper-pagination .swiper-pagination-bullet{position: relative; width: 12px; height: 12px; background: #d4cbb5; border: 3px solid #fff; border-radius: 50%; margin: 0 8px; opacity: 1;} .about4Swiper .swiper-pagination .swiper-pagination-bullet:before, .about4Swiper .swiper-pagination .swiper-pagination-bullet:after{content: ""; display: block; position: absolute; top: 2px; height: 2px; width: 10px; background: #e5e5e5; opacity: 0; transition: all .4s;} .about4Swiper .swiper-pagination .swiper-pagination-bullet:before{left: -17px;} .about4Swiper .swiper-pagination .swiper-pagination-bullet:after{right: -17px;} .about4Swiper .swiper-pagination .swiper-pagination-bullet-active{border-color: #f86735; background-color: #fff;} .about4Swiper .swiper-pagination .swiper-pagination-bullet-active:before, .about4Swiper .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;} .about4Swiper .swiper-pagination .swiper-pagination-bullet:first-child:before,.about4Swiper .swiper-pagination .swiper-pagination-bullet:last-child:after{display: none;} .about4Swiper .swiper-btns{display: flex; justify-content: flex-end; width: 1200px; margin-top: 36px;} .about4Swiper .swiper-btns .btn{margin-left: 10px; width: 56px; height: 56px; background: no-repeat center; transition: all .4s; cursor: pointer;} .about4Swiper .swiper-btns .prev{background-image: url(../images/iconPrev2.png);} .about4Swiper .swiper-btns .next{background-image: url(../images/iconNext2.png);} .about4Swiper .swiper-btns .prev:hover{background-image: url(../images/iconPrev2On.png);} .about4Swiper .swiper-btns .next:hover{background-image: url(../images/iconNext2On.png);} .about4Swiper .swiper-slide{z-index: 5; width: 590px; height: 295px; padding: 44px 40px; background: url(../images/about/about4ItemBg.jpg) no-repeat center; border-radius: 20px; overflow: hidden; transition: all .7s;} .about4Swiper .swiper-slide-prev{transform: perspective(960px) rotateY(-90deg) scale(0.8);} .about4Swiper .swiper-slide *{transition: all .4s;} .about4Swiper .swiper-slide:after{content: ""; display: block; position: absolute; z-index: -1; left: 0; top: 0; width: 0; height: 100%; background: url(../images/about/about4ItemBgOn.jpg) no-repeat center left; transition: width 1s;} .about4Swiper .swiper-slide:before{content: ""; display: block; position: absolute; left: 0; top: 130px; width: 100%; border-bottom: 1px solid rgba(168,164,155,.2); z-index: 5;} .about4Swiper .swiper-slide .time{font-size: 80px; color: #d7d2c7; font-family: "RAJDHANI_BOLD"; line-height: .8; letter-spacing: -5px;} .about4Swiper .swiper-slide .dot{position: relative; z-index: 10; margin: 20px 0; width: 13px; height: 5px; border-radius: 5px; background: #e1c481;} .about4Swiper .swiper-slide p{font-size: 18px; line-height: 24px; color: #7c7873;} .about4Swiper .swiper-slide.on:after{left: auto; right: 0; width: 100%; background-position: center right;} .about4Swiper .swiper-slide.on .time{color: #d94a19;} .about4Swiper .swiper-slide.on p{color: #eeece7;} .newsBan .subBan .ri .t1{color: #002e7c;} .newsBan .subBan .ri .t2{color: rgba(75,79,87,.5);} .newsCont1 .auto{position: relative; padding-bottom: 64px;} .newsCont1 .filtrateBox{position: absolute; right: 0; top: 88px; z-index: 20; display: none;} .newsCont1 .ul a{float: left; width: 32.6%; margin-right: 1.1%; overflow: hidden; border-radius: 10px; background: #f8f8f8;} .newsCont1 .ul a:last-child{margin-right: 0;} .newsCont1 .ul .dt{overflow: hidden;} .newsCont1 .ul .dd{height: 226px; padding: 28px 30px;} .newsCont1 .ul h4{font-size: 20px; color: #35322f; line-height: 24px; font-weight: bold; margin-bottom: 16px; height: 48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .newsCont1 .ul p{font-size: 14px; color: #b9b8b8; line-height: 22px; margin-bottom: 16px; height: 44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .newsCont1 .ul .time{font-size: 22px; color: #d1cabe; line-height: 1.4; font-family: "Rajdhani-Semibold"; transition: all .4s;} .newsCont1 .ul a:hover .time{color: #d80000;} .newsCont1 .ul a:hover .cImg{-webkit-transform: scale(1.1); transform: scale(1.1);} .newsCont1 .filtrateBox .btn{position: relative; z-index: 5; float: left; margin-left: 5px; width: 44px; height: 42px; background: linear-gradient(to bottom, #f1e6d8, #e9d8c5); -webkit-transition: all .4s; transition: all .4s; border-radius: 10px;} .newsCont1 .filtrateBox .btn:after{content: ""; display: block; position: absolute; width: 44px; height: 100%; position: absolute; right: 0; top: 0; background: no-repeat center;} .newsCont1 .filtrateBox .calendarBtn{transition-delay: .4s;} .newsCont1 .filtrateBox .calendarBtn:after{background-image: url(../images/news/newsIconCalendar.png);} .newsCont1 .filtrateBox .seekBtn:after{background-image: url(../images/news/newsIconSeek.png);} .newsCont1 .filtrateBox span,.newsCont1 .filtrateBox input{position: absolute; right: 0; top: 0; width: 180px; height: 100%; z-index: 5; border-radius: 10px;} .newsCont1 .filtrateBox .show{position: relative; overflow: hidden; width: 100%; height: 100%;} .newsCont1 .filtrateBox input{font-size: 14px; color: #686766; line-height: 42px; padding: 0 45px 0 15px;} .newsCont1 .filtrateBox span{width: 150px; padding: 0 15px; font-size: 15px; color: #c17010; font-family: "Gilroy_Bold"; line-height: 42px;} .newsCont1 .filtrateBox .hid{position: absolute; top: 100%; left: 0; width: 150px; padding-top: 4px; overflow: hidden; max-height: 0; transition: all .4s;} .newsCont1 .filtrateBox .box{padding: 10px 15px; width: 100%; border-radius: 10px; background: #e9d7c3;} .newsCont1 .filtrateBox ul{max-height: 160px; overflow: hidden; overflow-y: auto;} .newsCont1 .filtrateBox li{font-size: 15px; color: #c5af97; line-height: 26px; font-family: "Gilroy_Bold"; transition: all .4s; cursor: pointer;} .newsCont1 .filtrateBox li.on, .newsCont1 .filtrateBox li:hover{color: #c17010;} .newsCont1 .filtrateBox .calendarBtn:hover{width: 150px; transition-delay: 0s;} .newsCont1 .filtrateBox .calendarBtn:hover .hid{max-height: 200px; transition-delay: .4s;} .newsCont1 .filtrateBox .seekBtn:hover{width: 180px;} .newsCont2{padding: 60px 0; background: #ececec url(../images/news/newsC2Bg.jpg) no-repeat top center;} .newsD{padding: 100px 0;} .newsDCont1 .tilBox .top{overflow: hidden;} .newsDCont1 .tilBox h2{float: left; font-size: 34px; color: #35322f; line-height: 40px; width: calc(100% - 210px);} .newsDCont1 .tilBox .time{float: right; border-left: 3px solid #f3f2ed; width: 152px;} .newsDCont1 .tilBox .time .year{text-align: right; font-size: 20px; color: #ff6f00; line-height: 24px; font-family: "Gilroy-ExtraBold";} .newsDCont1 .tilBox .time .day{text-align: right; font-size: 40px; color: #ff6f00; line-height: 40px; font-family: "Gilroy-ExtraBold";} .newsDCont1 .tilBox .bom{margin-bottom: 50px; padding-top: 14px; width: 100%; clear: both; margin-top: 20px; border-top: 3px solid #dfdcd3; overflow: hidden;} .newsDCont1 .tilBox .p{float: left; font-size: 14px; color: #b3b3b3; line-height: 24px; margin-right: 30px;} .newsDCont1 .tilBox .size{float: right; font-size: 14px; color: #7a7977; line-height: 26px;} .newsDCont1 .tilBox .btn{position: relative; display: inline-block; vertical-align: top; margin-left: 8px; width: 26px; height: 26px; border-radius: 50%; background: #f3f2ed; transition: all .4s; cursor: pointer;} .newsDCont1 .tilBox .btn:before, .newsDCont1 .tilBox .btn:after{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; content: ""; display: block; width: 10px; height: 2px; background: #6e7139; transition: all .4s;} .newsDCont1 .tilBox .btn:after{transform: rotate(90deg);} .newsDCont1 .tilBox .minus:after{display: none;} .newsDCont1 .tilBox .btn:hover{background: #242c7d;} .newsDCont1 .tilBox .btn:hover:before,.newsDCont1 .tilBox .btn:hover:after{background: #edeae4;} .newsDCont1 .main p{font-size: 16px; color: #868686; line-height: 1.6; margin-bottom: 26px;} .newsDCont1 .main p img{display: inline-block; margin: 5px 0;} .newsDCont1 .pageBtn{display: flex; align-items: center; margin-top: 40px;} .newsDCont1 .pageBtn .line{flex: 1; height: 2px; background: #d6d6d6;} .newsDCont1 .pageBtn .btn{width: 70px; height: 40px; border: 2px solid #d6d6d6; border-radius: 4px; margin-left: 2px; background: #fff no-repeat center; transition: all .4s;} .newsDCont1 .pageBtn .prev{background-image: url(../images/news/iconPrev.png);} .newsDCont1 .pageBtn .next{background-image: url(../images/news/iconNext.png);} .newsDCont1 .pageBtn .retList{background-image: url(../images/news/iconList.png);} .newsDCont1 .pageBtn .btn:hover{background-color: #242c7d;} .newsDCont1 .pageBtn .btn:hover{border-color: #242c7d;} .newsDCont1 .pageBtn .prev:hover{background-image: url(../images/news/iconPrevOn.png);} .newsDCont1 .pageBtn .next:hover{background-image: url(../images/news/iconNextOn.png);} .newsDCont1 .pageBtn .retList:hover{background-image: url(../images/news/iconListOn.png);} .newsDCont2 .cTil{padding-top: 60px;} .newsDCont2 .more{text-align: center; font-size: 0; line-height: 20px; margin-top: 30px;} .newsDCont2 .more .i{display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 50%; margin: 0 4px; background: #e40000; animation: zFlicker .8s linear alternate backwards infinite;} .newsDCont2 .more .i:nth-child(2){animation-delay: .2s;} .newsDCont2 .more .i:nth-child(3){animation-delay: .4s;} .seekCont1{padding-bottom: 35px;} .seekCont1 .cTil{padding-bottom: 6px;} .seekCont1 .p{font-size: 16px; color: #837e6c; line-height: 26px;} .seekCont2{padding-bottom: 70px;} .businessCont1 .auto{position: relative; z-index: 5;} .businessCont1 .dl{padding-bottom: 100px;} .businessCont1 .synopsis{padding-bottom: 25px;} .businessCont1 .adorn{position: absolute; right: -46px; top: 63px; z-index: -1;} .businessCont1 .adorn1{position: absolute; right: -103px; top: 74px; z-index: -1;} .businessCont1 .le{float: left; width: 340px;} /* .businessCont1 .le h2, .businessTxtTab .synopsis .le h2{font-size: 36px; color: #e88714; line-height: 46px; margin-bottom: 6px; font-weight: 300;} */ .businessCont1 .le h2, .businessTxtTab .synopsis .le h2,.businessCont1 .le h3, .businessTxtTab .synopsis .le h3{font-size: 26px; color: #e88714; line-height: 23px; font-family:'Rajdhani-Semibold'; text-transform: uppercase;} .businessCont1 .ri{float: right; width: 806px;} .businessCont1 .ri p, .businessTxtTab .synopsis .ri p{margin-bottom: 22px;} .businessTxtTab{position: relative; z-index: 5;} .businessTxtTab .hd {width: 1200px; margin: 0 auto; display: flex; background: #eeece7; border-radius: 10px; height: 50px; padding: 2px; margin-bottom: 40px;} .businessTxtTab .hd .li { flex: 1; font-size: 16px; color: #b3aba2; text-align: center; width: 25%; display: inline-block; line-height: 46px; cursor: pointer; transition: all .4s;} .businessTxtTab .hd .li.on { background: #fff; border-radius: 10px; color: #595858} .businessTxtTab .bd .synopsis{overflow: hidden; width: 1200px; padding-bottom: 55px; margin: 0 auto;} .businessTxtTab .synopsis .le{float: left; width: 400px;} .businessTxtTab .synopsis .ri{float: right; width: 750px;} .business1Cont2{position: relative; height: 683px; padding-top: 127px; background: url(../images/business/business1C2Bg.jpg) no-repeat center;} .business1Cont2 .auto{position: relative;} .business1Cont2 .mid{position: absolute; z-index: 10; left: 50%; top: 30px; margin-left: -175px; width: 350px; height: 350px; padding-top: 145px; background: url(../images/business/business1C2Min.png) no-repeat center;} .business1Cont2 .mid .icon{width: 38px; margin: 0 auto 3px;} .business1Cont2 .mid h3{font-size: 16px; color: #fbf3df; line-height: 18px; text-align: center; font-weight: bold;} .business1Cont2 ul{display: flex; flex-wrap: wrap; justify-content: space-between;} .business1Cont2 li{position: relative; display: flex; align-items: center; width: 578px; height: 190px; padding: 20px; background: #fff; border-radius: 4px; margin-bottom: 37px;} .business1Cont2 li .num{position: absolute; top: 19px; left: 20px; font-size: 21px; color: #ebeae7; line-height: 1; font-family: 'Gilroy_Bold';} .business1Cont2 li .icon{width: 110px; height: 110px; background: no-repeat center; margin: 0 30px;} .business1Cont2 li .txt{flex: 1;} .business1Cont2 li h4{font-size: 20px; color: #625e51; line-height: 30px; font-weight: bold; margin-bottom: 4px;} .business1Cont2 li h4, .business1Cont2 li h5{font-size: 20px; color: #625e51; line-height: 1; font-family: 'Rajdhani-Semibold'; text-transform: uppercase;} .business1Cont2 li:nth-child(even){padding-left: 80px;} .business1Cont2 li:nth-child(even) .icon{order: 5;} .business1Cont2 li:nth-child(even) .num{left: auto; right: 20px;} .business1Cont3{padding: 70px 0;} .business1Cont3 .list{display: flex; flex-wrap: wrap; justify-content: space-between;} .business1Cont3 dl{width: 590px; margin-bottom: 30px;} .business1Cont3 dt{overflow: hidden; border-radius: 4px 4px 0 0;} .business1Cont3 dt img{transition: all .8s;} .business1Cont3 dl:hover dt img{transform: scale(1.1);} .business1Cont3 dd{height: 80px; padding: 10px 25px; display: flex; align-items: center; border: 1px solid #cacaca; border-radius: 0 0 4px 4px;} .business1Cont3 dd h4{font-size: 18px; color: #837e6c; line-height: 28px;} .business2Cont2{height: 683px; background: url(../images/business/business2C2Bg.jpg) no-repeat center;} .business2Cont2 .auto{position: relative; padding-top: 530px;} .business2Cont2 .h1{position: absolute; left: 0; top: 132px;} .business2Cont2 ul{padding-top: 28px; display: flex; justify-content: flex-end; background: url(../images/business/business2CLine.png) no-repeat top right;} .business2Cont2 li{margin-left: 56px;} .business2Cont2 .num{font-size: 14px; color: #ed321c; line-height: 40px; white-space: nowrap;} .business2Cont2 .num em{display: inline-block; vertical-align: top; font-size: 46px; font-family: 'Rajdhani-Semibold';} .business2Cont2 li p{color: #e9d7c3;} .business2Cont2 .tilBox{position: absolute; left: 0; top: 196px;} .business2Cont2 .tilBox .en, .business2Cont2 .tilBox .cn{font-size: 72px; color: #c5a57f; font-family: 'Gilroy_Bold'; line-height: 63px; margin-bottom: 10px; text-transform: uppercase;} /* .business2Cont2 .tilBox .cn{font-size: 40px; color: #fff; line-height: 50px;} */ .business3 .businessCont1 .auto,.business4 .businessCont1 .auto,.business5 .businessCont1 .auto,.business6 .businessCont1 .auto{padding-bottom: 0;} .business3Cont2{height: 683px; padding-top: 190px; background: url(../images/business/business3C2Bg.jpg) no-repeat center;} .business3Cont2 .tilEn{margin-bottom: 10px;} .business3Cont2 .en, .business3Cont2 h3{font-size: 42px; color: #e88714; font-family: 'Gilroy_Bold'; line-height: 36px; margin-bottom: 30px; text-transform: uppercase;} /* .business3Cont2 h3{font-size: 40px; color: #f0dfc2; line-height: 50px; margin-bottom: 20px;} */ .business3Cont2 .line{width: 37px; height: 2px; background: #e88714; margin-bottom: 20px;} .business3Cont2 p{font-size: 14px; color: #bc9f8e; line-height: 30px;} .business3Cont2 p em{display: inline-block; color: #e88714; font-family: 'Gilroy_Bold'; font-size: 36px;} .business4 .businessCont1 .le{width: 400px;} .business4 .businessCont1 .ri{width: 750px;} .business4Cont2{height: 683px; padding-top: 225px; background: url(../images/business/business4Bg.jpg) no-repeat center;} .business4Cont2 .tilEn{margin-bottom: 25px;} .business4Cont2 h3{font-size: 40px; line-height: 50px; color: #fff; margin-bottom: 28px; font-weight: 300;} .business4Cont2 .line{width: 37px; height: 2px; background: #f8cb02; margin-bottom: 20px;} .business4Cont2 .line3{background: #4dc7e5;} .business4Cont2 p{font-size: 14px; color: #a2a2a5; line-height: 24px;} .business4Cont2 p em{font-size: 36px; color: #f8cb02; font-family: 'Gilroy_Bold';} .business4Cont2 .h1En,.business4Cont2 .h1Cn{font-size: 48px; color: #fff; line-height: 42px; font-family: 'Gilroy_Bold'; margin-bottom: 10px;} /* .business4Cont2 .h1Cn{font-size: 32px; line-height: 40px; font-weight: 300; color: #fff;} */ .business4Cont2 .til3En{font-size: 70px; color: #e88714; line-height: 60px; font-family: 'Gilroy_Bold'; margin-bottom: 26px; text-transform: uppercase;} .business4Cont2 li{float: left; margin-right: 38px;} .business4Cont2 li .num{font-size: 36px; color: #e88714; font-family: 'Gilroy_Bold'; line-height: 40px;} .business4Cont2 li p{font-size: 14px; color: #a2a2a5; line-height: 24px;} .business5Cont2{height: 683px; padding-top: 225px; background: url(../images/business/business5Bg.jpg) no-repeat center;} .business5Cont2 h3{font-size: 40px; line-height: 50px; color: #fff; margin-bottom: 28px; font-weight: 300;} .business5Cont2 p{font-size: 14px; color: #a2a2a5; line-height: 24px;} .business5Cont2 p em{font-size: 36px; color: #c5a57f; font-family: 'Gilroy_Bold';} .business5Cont2 .line{width: 37px; height: 2px; background: #c5a57f; margin-bottom: 30px;} .business5Cont2 .tilEn{font-size: 70px; color: #c5a57f; line-height: 60px; font-family: 'Gilroy_Bold'; margin-bottom: 6px; text-transform: uppercase;} .business5Cont2 .box2{margin-top: 25px;} .business5Cont2 .box2 .tilEn{font-size: 54px; color: #c5a57f; line-height: 46px; font-family: 'Gilroy_Bold'; margin-bottom: 6px; text-transform: uppercase;} .business5Cont2 .box2 p{color: #889fc3;} .business5Cont2 .box3{margin-top: 25px;} .business5Cont2 .box3 .tilEn{font-size: 54px; color: #c5a57f; line-height: 46px; font-family: 'Gilroy_Bold'; margin-bottom: 6px; text-transform: uppercase;} .business5Cont2 .box3 p{color: #7e7f81;} .business6Cont2{height: 683px; padding-top: 225px; background: url(../images/business/business6Bg.jpg) no-repeat center;} .business6Cont2 h3{font-size: 40px; line-height: 50px; color: #fff; margin-bottom: 28px; font-weight: 300;} .business6Cont2 p{font-size: 14px; color: #a2a2a5; line-height: 24px;} .business6Cont2 p em{font-size: 36px; color: #c5a57f; font-family: 'Gilroy_Bold';} .business6Cont2 .line{width: 37px; height: 2px; background: #c5a57f; margin-bottom: 30px;} .business6Cont2 .tilEn{font-size: 57px; color: #b79c52; line-height: 50px; font-family: 'Gilroy_Bold'; margin-bottom: 6px; text-transform: uppercase;} .business6Cont2 li{float: left; margin-right: 38px;} .business6Cont2 li .num{font-size: 14px; color: #b79c52; line-height: 1;} .business6Cont2 li .num em{font-size: 36px; font-family: 'Gilroy_Bold';} .business6Cont2 li p{font-size: 14px; color: #b5aca3; line-height: 24px;} .business6Cont2 .box2{margin-top: 35px;} .business6Cont2 .box2 .tilEn{font-size: 50px; line-height: 40px; color: #e88714;} /* 李 */ .party .subBan .ri .t1{color: #fff1d5;} .party .subBan .ri .t2{color: rgba(255, 241, 213, .5);} .party .par-npm1 .auto{position:relative} .party .par-npm1 .auto::before{content:'';width:156px;height:281px;background:url(../images/pageimg/img5.png) no-repeat;position:absolute;right:-90px;top:115px} .party .par-npm1{padding-bottom:100px} .par-npm1 .chartBox{position: relative; background: #f0eee8; border-radius: 10px; padding: 50px 56px; margin-bottom: 20px;} .par-npm1 .chartBox .describe{position: absolute; left: 7.3%; top: 50px; right: 419px; border-top: 1px dashed #d5c4b4;} .par-npm1 .chartBox .describe .li{display: flex; align-items: center; font-size: 14px; color: #a37b53; line-height: 18px; border-bottom: 1px dashed #d5c4b4;} .par-npm1 .chartBox .describe .i1{height: 64px;} .par-npm1 .chartBox .describe .i2{height: 42px;} .par-npm1 .chartBox .describe .i3{height: 58px;} .par-npm1 .chartBox .describe .i4{height: 173px;} .par-npm1 .chartBox .describe .i5{height: 96px;} .par-npm1 .chartBox .chart{position: relative; z-index: 5; width: 727px; margin-left: auto;} .par-npm1 .chartBox .box1{height: 107px; margin-bottom: 5px; padding: 26px 0 0; background: url(../images/pageimg/party2Chart1.png) no-repeat top center; background-size: contain;} .par-npm1 .chartBox .box1 .til{font-size: 14px; color: #aa6f33; text-align: center; line-height: 18px; margin-bottom: 16px;} .par-npm1 .chartBox .box1 ul{display: flex; justify-content: space-around; width: 56%; margin: 0 auto;} .par-npm1 .chartBox .box1 li{font-size: 14px; color: #aa6f33; line-height: 18px;} .par-npm1 .chartBox .box2{display: flex; align-items: center; justify-content: center; height: 53px; background: url(../images/pageimg/party2Chart2.png) no-repeat top center; margin-bottom: 10px;} .par-npm1 .chartBox .box2 p{max-width: 50%; margin: 0 auto; font-size: 14px; color: #fff; line-height: 18px; margin: 0; text-align: center;} .par-npm1 .chartBox .box3 ul{display: flex; justify-content: center; margin-bottom: 7px;} .par-npm1 .chartBox .box3 li{display: flex; margin: 0 5%; align-items: center; justify-content: center; padding: 0 25px; font-size: 14px; color: #fff; line-height: 16px; width: 67px; height: 155px; text-align: center; background: url(../images/pageimg/party2Chart3.png) no-repeat center; background-size: contain;} .par-npm1 .chartBox .box4{display: flex; justify-content: center; align-items: center; height: 97px; background: url(../images/pageimg/party2Chart4.png) no-repeat center; background-size: contain;} .par-npm1 .chartBox .box4 ul{display: flex; justify-content: center; margin-top: 10px;} .par-npm1 .chartBox .box4 li{width: 15%; margin: 0 1.5%; font-size: 14px; color: #fff; line-height: 18px; text-align: justify;} .par-npm1 .chartBox .p{font-size: 14px; color: #74685b; line-height: 18px; text-align: center; margin-top: 13px;} .party4 .party-npm1 .box .fl .cn{font-size:36px;line-height:1;font-weight:300;color:#e88714} .party4 .party-npm1 .box .fl .en{font-size:30px;margin-top:5px;line-height:1;font-family:'Rajdhani-Semibold';color:#d4cfc8} .party4 .party-npm1 .box{position:relative} .party4 .party-npm1 .box .fr{width:60.83%} .party4 .party-npm1 .box .fr h5{font-size:20px;margin-bottom:15px;color:#f69123} .party4 .party-npm1 .box .fr .p p{color:#908e91;margin-bottom:15px} .party4 .party-npm1 .box::before{content:'';width:156px;height:281px;background:url(../images/pageimg/img5.png) no-repeat;position:absolute;top:-50px;right:-167px} .party4 .party-npm2{background:url(../images/pageimg/bg7.jpg) no-repeat;padding:45px 0 40px;margin-top:70px;background-size:cover;background-position:center} .party4 .party-npm2 .fl{width:47.25%} .party4 .party-npm2 .fr{margin-right:-50px;width:53.42%} .party4 .party-npm2 .above{margin-top:70px} .party4 .party-npm2 .above .cn{font-size:52px;line-height:46px;color:#ffa052;font-family:'Gilroy_Bold'} .party4 .party-npm2 .above h5{font-size:40px;margin:10px 0 15px;line-height:1;color:#ffffff;font-weight:300} .party4 .party-npm2 .above h6{font-size:14px;line-height:20px;color:#d9d3c5} .party4 .party-npm2 .below .toptab{display:flex;margin-top:40px;border-bottom:2px solid #224b8f} .party4 .party-npm2 .below .toptab .item{color:#c5a57f;margin-right:22px;padding-bottom:10px;position:relative;cursor:pointer} .party4 .party-npm2 .below .toptab .item::after{content:'';width:0;height:2px;background:#ff9e4f;position:absolute;bottom:-2px;left:0;right:0;margin:auto;transition:all .4s;opacity:0} .party4 .party-npm2 .below .toptab .item.on::after{opacity:1;width:100%} .party4 .party-npm2 .below .bottab .item{display:none;margin-top:25px} .party4 .party-npm2 .below .bottab .item:nth-child(1){display:block} .party4 .party-npm2 .below .bottab .item h5{font-size:20px;margin-bottom:15px;color:#8399ba} .party4 .party-npm2 .below .bottab .item p{font-size:14px;line-height:22px;color:#91a8c8} .party5 .party-npm1 .box{position:relative} .party5 .party-npm1 .box::before{content:'';width:156px;height:281px;background:url(../images/pageimg/img5.png) no-repeat;position:absolute;top:0;right:-167px} .party5 .party-npm1 .box .fl .cn{font-size:36px;line-height:1;font-weight:300;color:#e88714} .party5 .party-npm1 .box .fl .en{font-size:30px;margin-top:10px;line-height:1;font-family:'Rajdhani-Semibold';color:#d4cfc8} .party5 .party-npm1 .box .item{border-top:2px solid #eeece7;position:relative;padding:30px 0;min-height:230px} .party5 .party-npm1 .box .item::before{content:'';width:65px;left:0;height:2px;top:-2px;position:absolute;background:#c38a5e} .party5 .party-npm1 .box .fr{width:60.84%} .party5 .party-npm1 .box .fr h5{font-size:20px;color:#837e6c;margin-bottom:15px} .party5 .party-npm1 .box .fr .p p{line-height:22px;color:#908e91;margin-bottom:20px} .party5 .party-npm1 .box .fr .ul{display:flex;flex-wrap:wrap;justify-content:space-between} .party5 .party-npm1 .box .fr .ul .li{width:48%;margin-bottom:35px} .party5 .party-npm1 .box .fr .ul .li h5{margin-bottom:0} .party5 .party-npm1 .box .fr .ul .top{display:flex;align-items:center;margin-bottom:10px} .party5 .party-npm1 .box .fr .ul .top .ico{margin-right:17px} .party5 .party-npm1 .box .fr .ul .top h6{font-size:18px;line-height:15px;margin-top:5px;color:#c5a57f;font-family:'Rajdhani-Semibold'} .party5 .party-npm1 .box .fr .ul .bot p{line-height:22px;color:#908e91} .party5 .party-npm1 .box .item .img{float: left; width: 100%; clear:both;margin-top:40px} .party5 .party-npm1{padding-bottom:85px} .information1 .cTil{padding:0 0 30px} .information2 .info-npm1{background:url(../images/pageimg/bg2.jpg) no-repeat;background-size:cover;background-position:center;overflow:hidden} .information2 .info-npm1 .inp{height:90px;background:#fff;border-radius:10px;position:relative;margin-top:35px} .information2 .info-npm1 .inp input{width:100%;height:100%;padding:0 80px 0 20px} .information2 .info-npm1 .inp input::placeholder{font-size:16px;color:#acacac} .information2 .info-npm1 .inp .search{background:url(../images/pageimg/bg2.png) no-repeat;background-size:cover;width:60px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:absolute;right:16px;top:16px;cursor:pointer} .information2 .info-npm1 .txt{display:flex;color:#ababae;font-size:14px;margin-top:20px} .information2 .info-npm1 .txt em{color:#182b7c} .information2 .info-npm1 .txt span{color:#ababae;transition:all .4s;cursor:pointer;margin:0 10px} .information2 .info-npm1 .txt span:hover{color:#182b7c} .information2 .info-npm1 .en{font-size:143px;line-height:84px;margin:45px 0 0;text-align:right;text-transform:uppercase;font-family:'RAJDHANI_BOLD';color:#fff} .information2 .info-npm2{padding:70px 0 115px;background:url(../images/pageimg/bg3.jpg) no-repeat;background-position:center bottom} .information2 .info-npm2 .seabox h3{color:#ffb116;font-size:18px;line-height:1;font-family:'Rajdhani-Semibold';text-transform:uppercase} .information2 .info-npm2 .seabox h4{font-size:20px;color:#1e2b7d} .information2 .info-npm2 .ul{overflow:hidden;display:flex;flex-wrap:wrap;margin-top:40px} .information2 .info-npm2 .ul .li{width:32.83%;background-image:url(../images/pageimg/bg5.jpg);background-size:cover;background-position:center;border-radius:10px;padding:90px 27px 85px;min-height:293px;transition:all .4s;margin:0 0.75% 0.75% 0} .information2 .info-npm2 .ul .li:hover{background-image:url(../images/pageimg/bg4.jpg);background-size:cover;background-position:center} .information2 .info-npm2 .ul .li:nth-child(3n){margin:0 0 0.75% 0} .information2 .info-npm2 .ul .li h5{font-size:20px;margin-bottom:15px;color:#31302e} #content.information2 .info-npm2 .ul .li p{font-size:15px;line-height:24px;color:#8b877e;transition:all .4s; margin: 0;} .information2 .info-npm2 .ul .li:hover p{color:#865f15} .csr1 .csr-npm1 .ul{display:flex} .csr1 .csr-npm1 .ul .li{width:32.583%;border-radius:10px;overflow:hidden;margin-right:1.16%} .csr1 .csr-npm1 .ul .li:nth-child(3n){margin-right:0} .csr1 .csr-npm1 .ul .li:hover .play{opacity:1} .csr1 .csr-npm1 .ul .li:hover em{color:#d80000} .csr1 .csr-npm1 .csrSwpper2 li{width: 48%;} .csr1 .csr-npm1 .csrSwpper2 .img{height: 350px;} .csr1 .csr-npm1 .csrSwpper2 .txt h5{margin-bottom: 6px;} .csr1 .csr-npm1 .csrSwpper2 .txt em{margin-top: 0;} .csr1 .csr-npm1 .img{position:relative;height:235px} .csr1 .csr-npm1 .img img{width:100%;height:100%;object-fit:cover} .csr1 .csr-npm1 .play{position:absolute;left:0;right:0;margin:auto;bottom:0;top:0;background:#d80000 url(../images/pageimg/ico4.png) no-repeat;background-position:center;width:57px;height:57px;border-radius:50%;cursor:pointer;transition:all .4s;opacity:0} .csr1 .csr-npm1 .txt{background:#f8f8f8;padding:40px 30px 50px} .csr1 .csr-npm1 .txt h5{font-size:20px;margin-bottom:15px;color:#35322f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .csr1 .csr-npm1 .txt p{font-size:14px;line-height:22px;min-height:44px;color:#b9b8b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .csr1 .csr-npm1 .txt em{font-size:22px;margin-top:20px;transition:all .3s;display:block;font-family:'Gilroy_Bold';color:#d1cabe} .csr1 .csr-npm2{padding:60px 0 60px;margin-top:65px;background:url(../images/pageimg/bg6.jpg) no-repeat;background-size:cover;background-position:center} .csr1 .csr-npm2 .pagination{display:table;width:40px;height:40px;margin:20px auto;padding-top:20px;cursor:pointer} .csr1 .csr-npm2 .public-listul a{background:#fff} .anniversary-npm3{padding: 60px 0 80px;} .video-pop{display:none;position:fixed;z-index:5555;height:100%;left:0;top:0;width:100%} .video-pop .bg{height:100%;left:0;top:0;width:100%;background:rgba(0,0,0,.55);position:absolute} .video-pop .close{background:url(../images/pageimg/close.png) no-repeat;background-position:50%;cursor:pointer;height:40px;position:absolute;right:10px;top:10px;transition:all .4s;width:40px;z-index:5} .video-pop .cont{height:450px;left:50%;max-height:600px;max-width:800px;position:absolute;top: 50%;transform:translate(-50%,-50%)} .video-pop .cont video{height:100%;width:100%} .information1 .info-npm1 .below .txtbox{border-radius:10px;overflow:hidden} .information1 .info-npm1 .below .b{display:flex;margin-bottom:2px} .information1 .info-npm1 .below .txtbox .b1{background:#f2eee4;width:25%;font-size:16px;color:#9f9479;text-align:center;padding:38px 0} .information1 .info-npm1 .below .txtbox .b2{background:#f7f7f7;width:75%;padding:38px 55px;font-size:16px;color:#83786c} .information1 .info-npm1 .below .txtbox .b:last-child .b2{font-size:14px} .information1 .info-npm1 .below .toptab{overflow:hidden;display:flex;justify-content:flex-end; margin-bottom: 20px;} .information1 .info-npm1 .below .toptab .c{float:right;font-size:16px;margin-left:23px;padding-bottom:4px;position:relative;color:#b4b1a8;cursor:pointer} .information1 .info-npm1 .below .toptab .c::after{content:'';width:0;height:2px;position:absolute;bottom:0;background:#c5a57f;transition:all .3s;left:0;opacity:0} .information1 .info-npm1 .below .toptab .c.on::after{width:100%;opacity:1} .information1 .info-npm1 .below .item{display:none} .information1 .info-npm1 .below .item:nth-child(1){display:block} .information1 .info-npm1 .below .botbox{margin-top:10px} .information1 .info-npm1 .below .botbox .public-botitem:nth-child(1){display:block} .public-botitem{display:none} .public-botitem .c{background-repeat:no-repeat;background-position:center;background-size:cover;width:49.583%;height:340px;float:left;margin:0 0.833% 0.833% 0;border-radius:10px;background-image:url(../images/pageimg/img4.jpg);display:flex;align-items:center;padding:0 45px;} .public-botitem .c .tt{max-width: 50%;} .public-botitem .c:nth-child(2n){margin:0 0 0.833% 0} .public-botitem .c h5{overflow: hidden; font-size:30px;color:#aeaba4;position:relative;transition:all .3s; line-height: 1.1;} .public-botitem .c h5::after{content:'';width:28px;height:2px;display:block;background:#f9b135;margin:15px 0 10px} .public-botitem .c h6{overflow: hidden; font-size:16px;line-height:18px;color:#aeaba4;transition:all .3s; padding-bottom: 4px;} .public-botitem .c:hover h5,.public-botitem .c:hover h6{color:#c7b891;} .public-botitem .c em{display: inline-block; vertical-align: top;} .public-botitem .c:hover em{animation: reveal3 1s forwards; opacity: 0;} .public-botitem .c:hover h5::after{animation: reveal4 1s .4s forwards; width: 0;} @keyframes reveal3 { from { transform: translateY(200%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes reveal4 { from { width: 0; } to { width: 28px; } } .hr1 .hr-npm1{padding:80px 0} .hr1 .hr-npm2{padding:60px 0 55px;background:#f7f5f2} .hr1 .hr-npm1 .img img,.hr1 .hr-npm2 .img img,.hr1 .hr-npm3 .img img{text-align:center;margin:auto} .hr1 .hr-npm3{padding:108px 0;position:relative} .hr1 .hr-npm3 .img{position:relative;z-index:3} .hr1 .hr-npm3 .bg{background:url(../images/pageimg/bg1.png) no-repeat;background-position:center bottom;height:222px;width:108%;position:absolute;left:0;bottom:0} .hr1 .cTil{padding:0} .hr1 .subBan .le{color:#3c4c98} .hr1 .hr-npm3 .bg.animated{animation:ban_bg 20s linear forwards;} @keyframes ban_bg{ 0%{transform:translate(0) scale(1)} to{transform:translate(-4%) scale(1)} } .information1 .info-npm1{padding:80px 0} .information1 .info-npm1 .above{display:flex;background:#eeece7;border-radius:10px;height:50px;padding:2px} .information1 .info-npm1 .above .item{font-size:16px;color:#b3aba2;text-align:center;width:25%;display:inline-block;line-height:46px;cursor:pointer} .information1 .info-npm1 .above .item.on{background:#fff;border-radius:10px;color:#595858} .information .subBan .ri .icon{display:none} .information .subBan .le{color:#907d6b} .clear::after{content:'';clear:both;display:block} .information1 .info-npm1 .below{margin-top:40px} .public-listul a{margin-bottom:10px;border-radius:10px;background:#eeece7;padding:30px 35px 30px 30px;position:relative;overflow:hidden} .public-listul a::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/pageimg/bg1.jpg) no-repeat;background-position:center;background-size:cover;transition:all .6s;opacity:0} .public-listul a:hover::after{opacity:1} .public-listul a:hover .fl{color:#fff} .public-listul a:hover .fr{border-left:3px solid rgba(255,255,255,.2)} .public-listul .fl{font-size:18px;margin-top:10px;width:70%;color:#7c7873;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2;transition:all .3s} .public-listul .fr{border-left:3px solid #f8f8f8;padding-left:17px;position:relative;z-index:2;transition:all .3s} .public-listul .fr>div{font-size:16px;color:#d1cabe;font-family:'Gilroy_Bold';line-height:1} .public-listul .fr .b1{font-size:26px;line-height:20px;margin-bottom:3px} .public-listul .pagination{overflow:hidden;margin-top:40px} .public-listul .spage-number{float:right} .public-listul .spage-number .prev{width:28px;height:28px;background:url(../images/pageimg/ico1.png) no-repeat; transition: all .4s;} .public-listul .spage-number .prev:hover{background-image: url(../images/pageimg/ico1On.png);} .public-listul .spage-number .next{width:28px;height:28px;background:url(../images/pageimg/ico2.png) no-repeat;margin:0 0 0 5px; transition: all .4s;} .public-listul .spage-number .next:hover{background-image: url(../images/pageimg/ico2On.png);} .public-listul .spage-number button{font-size:16px;color:#d1cabe;font-family:'Gilroy_Bold';margin:0 5px;line-height:28px;float:left} .public-listul .spage-number .active{color:#c9952b} .newsCont2 a{background-color: #fff;} .anniversary .csr-npm1 .cTil{padding-bottom: 0;} .csrCont1{padding-bottom: 66px;} .csrCont1 .wr{display: flex;} .csrCont1 .le{position: relative; float: left; width: 69.6%;} .csrCont1 .le .txt{position: absolute; left: 6.6%; top: 14.8%;} .csrCont1 .le .year{font-size: 76px; color: #f2f2e8; font-family: 'RAJDHANI_BOLD'; line-height: .9; letter-spacing: 20px; margin-bottom: 12px;} .csrCont1 .le .tilCn{font-size: 24px; color: #3d6e6b; line-height: 26px; margin-bottom: 10px;} .csrCont1 .le .tilEn{font-size: 22px; color: #80a2b6; line-height: 20px; font-family: "Rajdhani-Medium"; text-transform: uppercase;} .csrCont1 .le .icon{margin-top: 26px;} .csrCont1 .ri{float: right; width: 30.2%;} .csrCont1 .ri .dt{height: calc(50% + 10px); background: no-repeat top center; border-radius: 6px 6px 0 0;} .csrCont1 .ri .dd{position: relative; z-index: 5; height: 50%; margin-top: -10px; padding: 33px 34px; background: url(../images/pageimg/csrC1Pic3.jpg) no-repeat center; background-size: cover; border-radius: 6px;} .csrCont1 .ri .tilCn{font-size: 32px; color: #fff; line-height: 36px; font-weight: 300; margin-bottom: 6px;} .csrCont1 .ri .tilEn{font-size: 16px; color: #e7cf86; line-height: .96; font-family: "Gilroy_Bold"; text-transform: uppercase;} .csrCont2{height: 586px; background: url(../images/pageimg/csrC2Bg.jpg) no-repeat center;} .csrCont2 .cTil{padding-top: 50px;} .csrCont2 .csrSwiper{padding-bottom: 70px;} .csrCont2 .csrSwiper .swiper-wrapper{z-index: 20;} .csrCont2 .swiper-slide{position: relative; border-radius: 6px; padding: 4px; background: #ebe6da;} .csrCont2 .swiper-slide img{margin: 0 auto;} .csrCont2 .swiper-slide:after{position: absolute; z-index: 20; left: 50%; bottom: -75px; margin-left: -8px; content: ""; display: block; width: 16px; height: 20px; background: url(../images/pageimg/csrC2Icon.png) no-repeat bottom center; opacity: 0; pointer-events: none; transition: all .4s;} .csrCont2 .shade{position: absolute;left:4px;top:4px;right:4px;bottom:4px; background: rgba(0,0,0,.7); opacity: 0; z-index: 5; transition: all .4s;} .csrCont2 .shade .icon{position: absolute; left: 50%; top: 50%; margin: -29px 0 0 -29px; width: 58px; height: 58px; background: #d80000 url(../images/pageimg/csrC2Icon2.png) no-repeat center; border-radius: 50%;} .csrCont2 .swiper-slide:hover .shade{opacity: 1;} .csrCont2 .swiper-slide:hover:after{bottom: -65px; opacity: 1;} .csrCont2 .swiper-pagination{bottom: 10px; display: flex; justify-content: flex-end; align-items: center;} .csrCont2 .swiper-pagination:before{content: ""; display: block; flex: 1; height: 1px; background: rgba(255,255,255,.2);} .csrCont2 .swiper-pagination-bullet{display: block; margin:0 0 0 8px !important; background: #508a98; opacity: 1;} .csrCont2 .swiper-pagination-bullet-active{background: #e2a232;} .mobile-nav .bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:800;background:rgba(0,0,0,.8)} .mobile-nav .vux{opacity:0;position:fixed;right:-360px;width:358px;top:0;padding-top:106px;height:100%;overflow:hidden;overflow-y:auto;z-index:850;background:#fff url(../images/menu-bg.png) no-repeat bottom left;transition:all .4s;box-shadow:0 0 10px rgba(0,0,0,.1);background-size:100%} .mobile-nav .vux.on{opacity:1;right:0} .mobile-nav li{position:relative} .mobile-nav li .til{position:relative;padding:20px 45px;line-height:30px;font-size:22px;color:#63605d;} .mobile-nav li .til:after{display:none;content:'';position:absolute;bottom:24px;right:45px;background:url(../images/icon-this.png) no-repeat;background-size:contain;width:16px;height:16px;transition:all .3s} .mobile-nav li.on .til{color:#937124} .mobile-nav li.show .til:after{display:block} .mobile-nav li.n_c .til:after{display:none} .mobile-nav li .bt{display:none;padding:6px 0;margin:0 45px;border-top:1px solid #ebeae9} .mobile-nav li .bt a{display:block;position:relative;font-size:16px;color:#666;line-height:40px} .mobile-nav li .bt a.on,.mobile-nav li .bt a:hover{color:#937124} /* 移动端 */ .mobile-head .language-con{display:none;position:absolute;right:.3rem;padding-bottom:.2rem;left:.6rem;top:.2rem} .mobile-head .language-con a{display:flex;justify-content:center;align-items:center;width:.8rem;font-size:.26rem;height:.8rem;margin-right:.1rem;line-height:.4rem;border:1px solid #ebeae9;color:#63605d} .mobile-head .language-con a.on{color:#fff;background:#c9952b;border-color:#c9952b} .tach-tips{display: none; position: absolute; top: 2rem; right: .6rem; width: .9rem; pointer-events: none;} .tach-tips.animated {animation: tachTips 3s forwards;} .Reports,.Practices{padding-bottom: 60px;} /* hr3 */ .hr3{padding-bottom: 50px;} .hr3Cont1 .big{margin-bottom: 40px;} .hr3Cont1 .list{display: flex; flex-wrap: wrap;} .hr3Cont1 .list a{position: relative; padding: 28px 25px; z-index: 5; width: 24.34%; height: 136px; margin: 0 0.88% 10px 0; background: #eeece7; border-radius: 10px; overflow: hidden;} .hr3Cont1 .list a:nth-child(4n){margin-right: 0;} .hr3Cont1 .list a:after{content: ""; display: block; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/hr/hr3ItEmBg.jpg) no-repeat center; background-size: cover; opacity: 0; -webkit-transition: all .4s; transition: all .4s;} .hr3Cont1 .list h3{font-size: 20px; color: #514e47; line-height: 24px; margin-bottom: 4px; -webkit-transition: all .4s; transition: all .4s;} .hr3Cont1 .list h4{font-size: 18px; color: #dbd1b9; line-height: 1; font-family: "Gilroy_Bold"; text-transform: uppercase; -webkit-transition: all .4s; transition: all .4s;} .hr3Cont1 .list .more>div{position: absolute; right: 20px; bottom: 15px; font-size: 14px; color: #bbb8af; line-height: 20px; opacity: 0; -webkit-transition: all .4s; transition: all .4s;} .hr3Cont1 .list .more .p1{opacity: 1;} .hr3Cont1 .list .more .p2{right: 18px; display: flex; align-items: center;} .hr3Cont1 .list .more .p2 .c-dot{display: none;} .hr3Cont1 .list .more .p2 .c-dot .i{background: #d8ccb6; width: 6px; height: 6px; margin-left: 4px;} .hr3Cont1 .list a:hover:after{opacity: 1;} .hr3Cont1 .list a:hover .p1{opacity: 0;} .hr3Cont1 .list a:hover .p2{opacity: 1; color: #e2ddcf;} .hr3Cont1 .list a:hover .p2 .c-dot{display: flex;} .hr3Cont1 .list a:hover h3{color: #fff;} .hr3Cont1 .list a:hover h4{color: rgba(205,190,173,.5);} /* hr3end */ /* 20241010 */ .subBan .ri{top: 180px;} .indexCont1 .cTab .more{font-weight: 600;} .aboutCont1 .le{margin-top: 5px;} .crumbs .pageSeat a,.crumbs .subNav a,#header .sub_box a{font-weight: 600;} .indexCont1 .cTab .item:hover .dd .cImg, .indexCont1 .ri .box:hover .cImg, .indexCont3 .box:hover .cImg, .newsCont1 .ul a:hover .cImg, .business1Cont3 dl:hover dt img {-webkit-transform: none; transform: none;} p{font-size: 15px; line-height: 25px; color: #4D4D4D;} #header .menu .langBox{width: 50px;} #header .menu .langBox .dt{background: no-repeat !important; padding-right: 0;} #header .menu .langBox .dt:hover{color: #c9952b;} #header .nav .dt,#header .sub_box a,.crumbs .subNav a,.crumbs .pageSeat a{font-size: 15px;} #footer .ri .p{color: #93918f; font-weight: 600;} .footPop .dt{padding-top: 170px;} .footPop .dt h2{line-height: .8;} .footPop .dt h3{line-height: 1;} .footPop .dd p{font-weight: 500; color: #9b9b9b;} .c-dot{display: flex;} .c-dot .i{width: 6px; height: 6px; border-radius: 50%; background: #c9952d; margin-left: 4px;} .c-dot .i:nth-child(2){animation-delay: .1s;} .c-dot .i:nth-child(3){animation-delay: .2s;} .indexCont1 .cTab .link{margin-top: 30px;} .indexCont1 .cTab .more{float: left; line-height: 20px; margin: 0; display: flex; align-items: center; color: #032974;} .indexCont1 .cTab .more:hover{color: #c9952d;} .indexCont1 .cTab .more2{position: relative; margin-left: 33px;} .indexCont1 .cTab .more2:after{content: ""; display: block; position: absolute; left: -18px; top: 0; bottom: 0; margin: auto 0; width: 3px; height: 10px; background: #bbb;} .indexCont1 .cTab .dot{display: none; padding-left: 6px; align-items: center;} .indexCont1 .cTab .more:hover .dot{display: flex;} .indexCont1 .cTab p{color: rgba(87,87,87,.7);} .indexCont1 .list h4{color: rgba(78,78,78,.8);} .indexCont1 .cTab .dd .txt{position: absolute; z-index: 5; transform: translate(0,0); left: 0; top: 0; width: 100%; padding: 20px 50px;} .indexCont1 .cTab .dd .txt .icon{height: 90px; display: flex; align-items: center; overflow: hidden;} .indexCont1 .cTab .dd .txt .tilCn{font-size: 32px; color: #c9b387; line-height: 1.2; margin-bottom: 10px; overflow: hidden;} .indexCont1 .cTab .dd .txt .tilEn{font-size: 24px; color: rgba(189,173,142,.5); line-height: 1.2; font-family: "RAJDHANI_BOLD"; letter-spacing: 18px; overflow: hidden;} .indexCont1 .cTab .item:last-child .txt .tilEn{color: rgba(157,162,169,.5);} .indexCont1 .cTab .dd .txt em{display: inline-block; vertical-align: top; animation: reveal3 1s both;} .indexCont1 .cTab .dd .txt .icon em{animation-delay: .2s;} .indexCont1 .cTab .dd .txt .tilCn em{animation-delay: .4s;} .indexCont1 .cTab .dd .txt .tilEn em{animation-delay: .6s;} .indexCont1 .ri .box:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 5; opacity: 0; -webkit-transition: all .4s; transition: all .4s;} .indexCont1 .ri .txt{position: absolute; right: 0; bottom: 40%; top: auto; width: 100%; padding: 0 42px; text-align: left;} .indexCont1 .ri .year{font-size: 38px; color: #ff96628C; font-family: "Gilroy_Bold"; line-height: 1; margin-bottom: 5px;} .indexCont1 .ri h4{font-size: 22px; color: #e4d1ac; line-height: 1.4; font-weight: bold;} .indexCont1 .ri .more{position: absolute; right: 0; top: 50%; right: 40px; transform: translateY(-50%); display: flex; z-index: 10; opacity: 0; -webkit-transition: all .4s; transition: all .4s;} .indexCont1 .ri .more .i{display: none; width: 7px; height: 7px; border-radius: 50%; background: #edcfc6; margin-left: 6px; -webkit-animation-duration: .6s; animation-duration: .6s;} .indexCont1 .ri .more .i:nth-child(2){animation-delay: .1s;} .indexCont1 .ri .more .i:nth-child(3){animation-delay: .2s;} .indexCont1 .ri .box:hover:after, .indexCont1 .ri .box .more{opacity: 1;} .indexCont1 .ri .box:hover .more .i{display: block;} .indexCont2Sw .txt .btn{position: relative; background: #c9952d; font-size: 15px; font-weight: 600; width: 122px;} .indexCont2Sw .txt .btn .c-dot{position: absolute; z-index: 5; right: 20px; top: 50%; transform: translateY(-50%); margin: auto 0;} .indexCont2Sw .txt .btn .c-dot .i{background: #fff;} .indexCont2Sw .txt .btn:hover .c-dot{display: flex;} .indexCont4 .dt{padding-top: 40px;} .indexCont4 .dt .til{padding: 0; font-size: 24px; min-height: auto; margin-bottom: 10px;} .indexCont4 .dt .time{font-size: 16px; color: rgba(255,255,255,.6); line-height: 1.2; font-family: "Gilroy_Bold";} .indexCont4 .dt:after{transform: translateY(10px); content: "详情"; bottom: 30px; font-weight: 600; color: rgba(255,255,255,.7);} .indexCont4 .dt:hover:after{transform: translateY(0);} .newsCont2{background-size: cover;} .business1Cont3 dd{border-color: #f8f8f8; background: #f8f8f8;} .business1Cont3 dd h4{color: #252320;} .information1 .info-npm1 .above .item{flex: 1;} #header.hover + * .subBan:after, #header.hover + .subBan:after{opacity: 1;} .subBan:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); opacity: 0; transition: all .4s;} .indexCont4 .more{right: 0; display: flex; align-items: center; width: auto; background: no-repeat; font-size: 14px; color: #c9952d; font-weight: 600;} .crumbs .subNav a:hover{color: #c2a37e;} /* 20241010end */ /* 20241010en */ #header .nav .dt,#header .sub_box a{font-size: 16px;} /* 20241010en-end */ @keyframes tachTips { 0% {opacity: 1; transform: translateX(.3rem);} 50% {opacity: 1;transform: translateX(-.3rem);} 51% {opacity: 1;transform: translateX(.3rem);} 99% {opacity: 1;transform: translateX(-.3rem);} 100% {opacity: 0;display: none;transform: translateX(-.3rem);} } @keyframes zFlicker{ 0%{opacity: 0;} to{opacity: 1;} } @media screen and (min-width: 601px) { #header:hover{background-color:#FFF; box-shadow: 0 0 10px rgba(0,0,0,.1); border-color: #eeece7;} #header:hover .logo{background:url(../images/-logo.png) no-repeat left center} #header:hover .nav .dt{color:#032974} #header:hover .menu .seekBox{background-image: url(../images/iconSeekOn.png);} #header:hover .menu .langBox{color:#032974;} #header:hover .menu .langBox .dt{background-image: url(../images/iconDownOn.png);} #header:hover .nav .navSlide{background: #c9952b;} #header:hover .menu-btn .i{background: #c9952b;} } @media screen and (max-width: 1800px) { .banner .swiper-slide .st3{margin: 0; top: 50%; transform: translate(-50%, -50%); width: 92vw;} .banner .swiper-slide .st3 img{max-width: 100%;} } @media screen and (max-width: 1600px) { .banner .swiper-slide .st4{margin-right: 0;} } @media screen and (max-width: 1240px) { html{font-size: 60px;} .auto, .banner .sw-page{width: 92vw;} #footer .le{display: none;} #footer .ri{max-width: 100%;} #header .menu-btn{display: block;} #header .nav{display: none;} .footPop .cnt{width: 92vw;} .banner{height: calc(40vw + 100px); min-height: 400px;} .swiper-fade .swiper-slide{background-size: cover !important;} .banner .videoPos video{left: 0; top: -1%; transform: none; width: 100%; height: 102%; min-width: auto; min-height: auto; object-fit: cover;} .banner .videoPos .videTxt{width: 92%;} .banner .swiper-slide .pos,.banner .swiper-slide .pos img{max-width: 100%;} .indexCont1 .le{width: 45%;} .indexCont1 .hd ul{display: flex; flex-wrap: wrap; justify-content: space-between;} .indexCont1 .hd li{margin-right: 10px;} .indexCont1 .ri{width: 50%;} .indexCont1 .ri .box{width: 49%;} .indexCont1 .ri .b1{width: 100%;} .banner .swiper-slide .st1 .h1{font-size: 36px; line-height: 42px;} .banner .swiper-slide .st1 .h1En{font-size: 40px; line-height: 30px;} .banner .swiper-slide .st2{margin: 0; left: 50%; transform: translate(-50%, -40%);} .banner .swiper-slide .st2 img{max-width: 70vw;} .banner .swiper-slide .st4 .box{padding-left: 200px; min-height: 160px; background-size: 180px; } .banner .swiper-slide .st4 .h1{font-size: 34px; line-height: 1.2;} .banner .swiper-slide .st4 .h1En{font-size: 28px;} .banner .switch_btn>div{display: none;} .indexCont2{position: relative;} .indexCont2 .huxTab .btn{right: -20px;} .indexCont2Sw{height: 50vh; min-height: 400px;} .indexCont2>.auto{position: static;} .indexCont2 .huxTab{top: auto; bottom: 6%; right: 4vw;} .indexCont3{padding: 60px 0;} .indexCont3 .le{width: 66%;} .indexCont3 .ri{width: 32%;} .indexCont4 .dl{width: 32%;} .aboutCont1 .le{width: 28%;} .aboutCont1 .ri{width: 68%;} .aboutCont2{height: 60vh; padding-top: 10vw; background-size: cover;} .aboutCont2 .le{width: 50%;} .aboutCont2 .ri{width: 48%;} .aboutCont2 .ri h2{font-size: 42px; line-height: 48px;} .about4Swiper{width: 130vw; margin-left: -26vw; padding-left: 26vw;} .about4Swiper .swiper-btns{width: 92%;} .newsCont1 .filtrateBox{display: none;} .businessCont1 .ri{width: calc(100% - 360px);} .business1Cont2 li{width: 48%;} .business1Cont3 dl{width: 49%;} .businessTxtTab .hd{width: 92vw; margin: 0 auto 30px;} .businessTxtTab .bd .synopsis{width: 92vw;} .businessTxtTab .synopsis .le{width: 340px;} .businessTxtTab .synopsis .ri{width: calc(100% - 360px);} .video-pop .cont{width: 80vw; height: 40vw;} .csrCont1 .le .year{font-size: 5.8vw;} .csrCont1 .le .tilCn{font-size: 2vw; line-height: 1.06;} .csrCont1 .le .tilEn{font-size: 1.8vw; line-height: .96;} .csrCont1 .le .icon{max-width: 4vw;} .csrCont1 .ri .dd{padding: 2.5vw 0 0 2.5vw;} .csrCont1 .ri .tilCn{font-size: 2.6vw; line-height: 1.1;} .par-npm1 .chartBox{padding: 40px;} .par-npm1 .chartBox .describe{top: 40px; left: 40px; right: 403px;} } @media screen and (max-width: 900px){ .indexCont1 .hd{width: 100%;} .indexCont1 .cTab .bd{padding-top: 40px;} .indexCont1 .cTab .item{flex-wrap: wrap;} .indexCont1 .cTab .item .dt{width: 100%;} .indexCont1 .cTab .item .dd{width: 100%; order: -1; max-width: 600px; margin: 0 auto;} .indexCont1 .bom .le{float: none; width: 100%;} .indexCont1 .bom .ri{float: none; width: 100%; max-width: 600px; margin: 0 auto; padding-top: 40px;} .indexCont2>.auto{height: auto;} .indexCont2 .huxTab{width: 100vw; margin-left: -4vw; position: static; padding: 0 4vw; height: 60px; border-top: 1px solid #ebebeb; border-radius: 0;} .indexCont2 .huxTab ul{display: flex; justify-content: space-between;} .indexCont2 .huxTab ul li{height: 60px; line-height: 60px; border-top: 1px solid transparent; margin: 0; color:#4e4e4e;} .indexCont2 .huxTab ul li.on{border-top-color: #c9952d;} .indexCont2 .huxTab .btn{display: none;} .indexCont3 .b1 .txt{padding: 40px;} .indexCont3 .ri .txt{padding: 20px;} .indexCont4 .dt{height: 140px; padding: 30px 20px;} .indexCont4 .d1 .til{font-size: 16px; line-height: 20px;} .indexCont4 .dt .til{font-size: 20px; line-height: 26px;} .indexCont4 .dd{padding: 20px;} .aboutCont1 .le{float: none; width: 100%;} .aboutCont1 .ri{float: none; width: 100%;} .aboutCont2{height: auto; padding: .9rem 0;} .aboutCont2 .le{float: none; width: 50%; margin-bottom: .4rem;} .aboutCont2 .ri{float: none; width: 100%;} .public-botitem .c{height: 30vw; background-position: right bottom;} .businessCont1 .le, .businessTxtTab .synopsis .le{width: 100%; float: none; margin-bottom: .4rem;} .businessCont1 .ri, .businessTxtTab .synopsis .ri{width: 100%; float: none;} .business1Cont2 li .icon{width: 24%; margin: 0 4%; background-size: contain;} .party4 .party-npm1 .box .fl, .party5 .party-npm1 .box .item .fl{float: none; width: 100%; margin-bottom: .4rem;} .party4 .party-npm1 .box .fr, .party5 .party-npm1 .box .item .fr{float: none; width: 100%;} .information2 .info-npm2 .ul .li{width: 49.5%;} .information2 .info-npm2 .ul .li:nth-child(odd){margin: 0 1% 1% 0;} .information2 .info-npm2 .ul .li:nth-child(even){margin: 0 0 1%;} .csrCont1 .wr{justify-content: space-between;} .csrCont1 .le{overflow: hidden; height: 300px; width: 60%; border-radius: 6px;} .csrCont1 .le img{max-width: none; height: 100%;} .csrCont1 .ri{width: 38%;} .par-npm1 .chartBox{overflow: hidden; overflow-x: auto; padding-left: 80px;} .par-npm1 .chartBox .describe{right: auto; width: 405px;} /* hr3 */ .hr3Cont1 .list a{width: 32.6%; height: 136px; margin: 0 1.1% 10px 0;} .hr3Cont1 .list a:nth-child(3n){margin-right: 0;} .hr3Cont1 .list a:nth-child(4n){margin-right: 1.1%;} /* hr3end */ } @media screen and (max-width: 600px) { #reTop{width: .8rem; height: .8rem; right: .3rem;} .p-mark{display: none;} .m-mark{display: block;} .tach-tips{display: block;} html{font-size: calc(100vw / 7.5);} #header{height:1.2rem; border-color: transparent;} #header .logo{background-image: url(../images/m-logo.png);} #header .logo,#header.on .logo{margin-left: 4vw; width:2.4rem;background-size:contain;height:1.2rem;margin-left:.3rem} #header.on .logo{background-image: url(../images/m--logo.png);} #header .ri .menu{height:1.2rem} #header .nav{padding-right:.3rem} #header .menu .seekBox,#header .menu .langBox{display:none} #header .ri{margin-right: 4vw;} #header .menu-btn{width: .8rem; height: .8rem; margin-top: .2rem;} #header .menu-btn .cnt{width: .48rem; height: .36rem;} #footer{height: auto; padding: .6rem .3rem;} #footer .ri{display: flex; flex-wrap: wrap; float: none;} #footer .ri .p{width: 100%; text-align: left; color: #bcbfc4;} #footer .share{order: 2; margin: .3rem 0 0 .2rem;} #footer .share .item{float: left; display: flex; align-items: center; justify-content: center; width: .6rem; height: .6rem; margin: 0 .1rem 0 0;} #footer .friendLink{float: left; width: 3rem; margin-top: .2rem;} #footer .friendLink a{font-size: .24rem;} #footer .friendLink span:after{top: .3rem; width: .2rem; height: .2rem; background-size: contain;} #footer .friendLink span{font-size: .24rem; height: .8rem; line-height: .8rem; width: 3rem; background-size: .3rem; background-position: .3rem center;} .footPop .dt{padding: 1.4rem .3rem 0; height: 3rem;} .footPop .dt h2{font-size: .52rem;} .footPop .dt h3{font-size: .3rem; line-height: .4rem;} .footPop .dd{min-height: auto; padding: .5rem .3rem;} .footPop .dd .box{max-height: calc(90vh - 4rem); overflow: hidden; overflow-y: auto; margin-right: -.2rem; padding-right: .2rem;} .footPop .dd .h1{font-size: .46rem; line-height: 1.1; padding-bottom: .1rem;} .footPop .dd .h1En{font-size: .34rem;} .footPop .dd h4{font-size: .26rem; line-height: .4rem;} .footPop .dd p{font-size: .24rem; line-height: .4rem;} .footPop .contactPop .dd{background-size: 80%;} .mobile-head .language-con{display: flex; border-bottom: 1px solid #ebeae9;} .mobile-nav .vux{right:-5.5rem; width:5.4rem; padding-top: 1.4rem;} .mobile-nav li .til{position: relative; padding:.25rem .6rem;line-height:.4rem;font-size:.36rem;color:#63605d;} .mobile-nav li .til:after{display:none;content:'';position:absolute; top: 0; bottom: 0;right:.6rem; margin: auto 0; background:url(../images/icon-this.png) no-repeat;background-size:contain;width:.24rem;height:.24rem;transition:all .3s} .mobile-nav li .bt{display:none; padding: .1rem 0; margin: 0 .6rem; border-top: 1px solid #ebeae9; border-bottom: 1px solid #ebeae9;} .mobile-nav li .bt a{display:block;position:relative;font-size:.28rem;color:#666;line-height:.6rem;} #content p{font-size: .24rem; line-height: .4rem; margin-bottom: .4rem;} .banner{height: 11rem; min-height: 11rem;} .banner .swiper-slide .st2,.banner .swiper-slide .st3{max-width: none; left: -.3rem; right: -.3rem; top: 0; width: 100vw; height: 11rem; transform:none;} .banner .swiper-slide .st2 img{max-width: 100%;} .banner .swiper-slide .st4{transform: translateY(-50%);} .banner .swiper-slide .st4 .box{width: 6.7rem; padding: 2.04rem 0 0; background-size: 2.7rem;} .banner .swiper-slide .st4 .h1{font-size: .6rem; margin-bottom: .1rem;} .banner .swiper-slide .st4 .h1En{font-size: .36rem;} .banner .swiper-slide .st1 .h1{font-size: .6rem; margin-bottom: .1rem;} .banner .swiper-slide .st1 .h1En{font-size: .5rem; line-height: .4rem;} .banner .sw-page .swiper-pagination-bullet{width: .5rem; height: .08rem; margin: 0 .16rem 0 0;} .indexCont1{padding: .8rem 0 .9rem;} .indexCont1 .cTab .bd{padding: .4rem 0;} .indexCont1 .cTab .item .dt{padding-top: .3rem; height: auto;} .indexCont1 .hd{height: .8rem;} .indexCont1 .hd li{font-size: .26rem; height: .6rem; line-height: .6rem;} .indexCont1 .cTab h3{font-size: .34rem; line-height: .5rem; margin-right: 2rem; margin-bottom: .2rem;} .indexCont1 .cTab .time{top: .3rem; font-size: .3rem; line-height: .5rem;} #content .indexCont1 .cTab p{margin-bottom: .2rem;} .indexCont1 .cTab .more{margin: 0;} .indexCont1 .le .list h4,.indexCont1 .le .list .time{font-size: .26rem; height: .8rem; line-height: .8rem;} .indexCont1 .ri .txt{padding: .5rem .3rem;} .indexCont1 .ri .year{font-size: .58rem; line-height: .9;} .indexCont1 .ri h4{font-size: .3rem; line-height: .4rem;} .indexCont1 .bom .ri{padding-top: .4rem;} .indexCont2 .huxTab{height: 1rem;} .indexCont2 .huxTab ul li{display: flex; align-items: center; height: 1rem; line-height: .3rem; font-size: .24rem; text-align: center; padding: 0 .1rem;} .indexCont2 .tach-tips{position: absolute; z-index: 5;} .indexCont2Sw{height: 6rem; min-height: auto;} .indexCont2Sw .swiper-slide .pos{top: 0; transform: translateY(0); padding-top: 1rem;} .indexCont2Sw .txt h2{font-size: .48rem; line-height: 1.2;} .indexCont2Sw .txt h3{font-size: .36rem;} #content .indexCont2Sw .txt p{line-height: .3rem; color: rgba(234, 228, 217, .9); max-width: 5rem;} .indexCont2Sw .txt .btn{margin-top: 0; width: 1.6rem; height: .7rem; line-height: .7rem; padding: 0 .3rem; background-size: .3rem; background-position: 1rem;} .indexCont3{padding: .9rem 0;} .indexCont3 .le{float: none; width: 100%;} .indexCont3 .b1 .txt{padding: .6rem .3rem 0;} .indexCont3 .b1 h4{font-size: .3rem; line-height: .4rem;} .indexCont3 .b1 h3{font-size: .46rem; line-height: 1;} #content .indexCont3 .b1 p{line-height: .3rem;} .indexCont3 .ri{float: none; display: flex; justify-content: space-between; width: 100%;} .indexCont3 .ri .box{width: 49%; margin-top: .2rem;} .indexCont3 .ri .box .txt{padding: .3rem;} .indexCont3 .ri .icon{height: .5rem;} .indexCont3 .ri .cn{font-size: .3rem; line-height: .4rem;} .indexCont3 .ri .en{font-size: .26rem; line-height: .32rem;} .indexCont4{padding: .8rem 0 .7rem;} .indexCont4 .dl{width: 100%; margin-bottom: .2rem;} .indexCont4 .dt{display: flex; align-items: center; height: 2.6rem; padding: .3rem; background-size: cover;} .indexCont4 .d1 .til{padding-left: 1.2rem; background-size: 1rem; background-position: left center;} .indexCont4 .dd{padding: .3rem; height: 3.5rem;} #content .indexCont4 .dd p{font-size: .26rem; line-height: .4rem;} .indexCont4 .dd .next{left: .3rem; font-size: .24rem;} .indexCont4 .dd .next:after{width: .5rem; background-size: auto .2rem;} .indexCont4 .hTil{font-size: .3rem; line-height: .5rem; margin-bottom: .3rem;} .indexCont4 .ul{overflow: visible;} .indexSwiper4 .swiper-pagination{position: static;} .subBan{display: flex; flex-wrap: wrap; padding: 2.4rem .3rem 0; height: 6rem; background-size: cover;} .subBan .ri{position: static; width: 100%; right: .3rem;} .subBan .ri .t1{float: right; font-size: .6rem; line-height: 1.1; letter-spacing: .04rem;} .subBan .ri .t2{float: right; font-size: .4rem; line-height: 1; max-width: 5rem; letter-spacing: -.02rem;} .subBan .ri .icon{display: none; width: .6rem;} .subBan .le{display: none; position: static; width: 100%; text-align: right; font-size: .28rem; line-height: 1.2;} .crumbs .pageSeat a{height: 1rem; line-height: 1rem;} .crumbs .subNav a{display: none; height: 1rem; line-height: 1rem;} .crumbs .subNav a.on{display: block;} .cTil{padding: .9rem 0 .4rem;} .cH1, .information2 .info-npm2 .seabox h3{font-size: .36rem;} .cH2, .information2 .info-npm2 .seabox h4{font-size: .32rem; line-height: .4rem;} .about2{padding-bottom: .9rem;} .aboutCont1{padding-bottom: .9rem;} .aboutCont1 .le{width: 3.4rem; padding: .3rem 0 .5rem; min-height: auto; background-size: 1.6rem; background-position: .5rem .3rem; margin-bottom: .4rem;} .aboutCont1 .le .icon{width: .5rem; margin-bottom: .6rem;} .aboutCont1 .le .time{font-size: .44rem; line-height: 1.4; padding-left: .7rem;} .aboutCont2{background-position: 64% center;} .aboutCont2 .ri h2{font-size: .62rem; line-height: 1.1;} .aboutCont2 .ri h3{font-size: .6rem; line-height: 1;} .public-listul a{padding: .3rem; margin-bottom: .2rem;} .public-listul .fl{font-size: .28rem; margin-top: .1rem;} .public-listul .fr .b1{font-size: .36rem; line-height: .9;} .public-listul .fr>div{font-size: .26rem;} .about2Cont1 .public-listul a:before{right: 1.8rem; width: .3rem; background-size: contain;} .public-listul .pagination{margin-top: .4rem;} .about2Cont1 .adorn,.about3Cont1 .adorn,.businessCont1 .adorn1{width: 2rem; right: 0; top: .4rem;} .public-botitem .c{width: 100%;} .about3{padding-bottom: .7rem;} .about3Cont1 .above, .information1 .info-npm1 .above{height: auto; padding: .04rem; margin-bottom: .4rem;} .about3Cont1 .above .item, .information1 .info-npm1 .above .item{padding: .18rem; line-height: .72rem; font-size: .26rem; line-height: .36rem; display: flex; align-items: center;justify-content: center;} .public-botitem .c{height: 4rem; padding: 0 .6rem; margin-bottom: .2rem;} .public-botitem .c:nth-child(2n){margin-bottom: .2rem;} .public-botitem .c h5{font-size: .4rem; line-height: 1;} .public-botitem .c h6{font-size: .3rem; line-height: .4rem;} .about4Swiper .swiper-slide{width: 6rem; height: 3.6rem; padding: .5rem;} .about4Swiper .swiper-slide .time{font-size: .9rem; letter-spacing: -.04rem;} .about4Swiper .swiper-slide .dot{margin: .3rem 0; width: .2rem; height: .09rem;} .about4Swiper .swiper-slide:before{top: 1.55rem; border-bottom-width: .01rem;} .about4Cont1 .swiper-line{top: 4.48rem; border-bottom-width: .01rem;} .about4Swiper .swiper-pagination{margin-bottom: .6rem;} .about4Swiper .swiper-btns{margin-top: .5rem; justify-content: flex-start;} .about4Swiper .swiper-btns .btn{width: .6rem; height: .6rem; margin: 0 .2rem 0 0; background-size: contain;} .about4Cont1 .auto{padding-bottom: .9rem;} .about4Cont1 .adorn1{width: 3rem; top: .4rem;} .about4Cont1 .adorn2{width: 5rem; left: -.2rem; bottom: -2rem;} .newsSwpper{max-width: 392px; width: 100%; margin: 0 auto;} .newsCont1 .auto{padding-bottom: .9rem;} .newsCont1 .ul .dd, .csr1 .csr-npm1 .txt{padding: .3rem; height: 3.4rem;} .newsCont1 .ul h4, .csr1 .csr-npm1 .txt h5{font-size: .3rem; line-height: .46rem; max-height: .92rem; height: auto; margin-bottom: .2rem;} #content .newsCont1 .ul p, #content.csr1 .csr-npm1 .txt p{max-height: .8rem; height: auto; margin-bottom: .2rem;} .newsCont1 .ul .time, .csr1 .csr-npm1 .txt em{font-size: .32rem; margin: 0;} .newsCont2{padding: .9rem 0 .7rem;} .newsD{padding: .9rem 0;} .newsDCont1 .tilBox h2{font-size: .44rem; line-height: .6rem; width: 100%;} .newsDCont1 .tilBox .time{float: left; display: flex; width: auto; border: 0 none; padding: 0; margin-top: .2rem;} .newsDCont1 .tilBox .time .year{margin-right: .1rem;} .newsDCont1 .tilBox .time .year, .newsDCont1 .tilBox .time .day{font-size: .34rem; line-height: 1;} .newsDCont1 .tilBox .bom{margin: .3rem 0 .6rem;} .newsDCont1 .tilBox .p{font-size: .24rem; line-height: .4rem; margin-right: .4rem;} .newsDCont1 .tilBox .size{width: 100%; margin-top: .2rem; font-size: .24rem;} .newsDCont1 .pageBtn{margin-top: .6rem;} .newsDCont1 .pageBtn .btn{width: 1.2rem; height: .6rem;} #content .newsDCont1 .main p{line-height: 1.6;} .newsDCont2 .cTil{padding-top: .6rem;} .businessCont1 .adorn{width: 4rem; right: 0; top: .4rem;} .businessCont1 .dl{padding-bottom: .9rem;} .businessCont1 .le h2, .businessTxtTab .synopsis .le h2, .party4 .party-npm1 .box .fl .cn, .party5 .party-npm1 .box .fl .cn{font-size: .46rem; line-height: .6rem; margin:0 0 .1rem;} .businessCont1 .le h3, .businessTxtTab .synopsis .le h3, .party4 .party-npm1 .box .fl .en, .party5 .party-npm1 .box .fl .en{font-size: .36rem; line-height: .9; margin:0 0 .4rem;} .business1Cont2{padding: .9rem 0 .6rem; height: auto; background-size: cover; overflow: hidden;} .business1Cont2 .mid{position: static; margin: 0 0 .3rem; height: auto; width: 100%; padding: 0; background: no-repeat;} .business1Cont2 .mid .icon{display: none; width: .5rem; margin-bottom: .1rem;} .business1Cont2 .mid h3{text-align: left; font-size: .3rem; line-height: .4rem;} .business1Cont2 li{width: 100%; height: 2rem; float: none; padding: .3rem; margin-bottom: .3rem;} .business1Cont2 li h4{font-size: .3rem; line-height: .46rem;} .business1Cont2 li h5{font-size: .28rem; line-height: .9;} .business1Cont2 li .icon{width: 1rem; margin: 0 .3rem 0 .8rem; background-size: auto 1rem;} .business1Cont2 li:nth-child(even){padding: .3rem;} .business1Cont2 li:nth-child(even) .icon{order: 0;} .business1Cont2 li .num,.business1Cont2 li:nth-child(even) .num{left: .3rem; top: .3rem;} .business1Cont3{padding: .9rem 0 .6rem;} .business1Cont3 dl{width: 100%; margin-bottom: .3rem;} .business1Cont3 dd{padding: .3rem; height: 1.4rem;} .business1Cont3 dd h4{font-size: .3rem; line-height: .4rem;} .businessTxtTab .hd{height: .8rem; padding: .04rem; margin-bottom: .4rem;} .businessTxtTab .hd .li{min-height: .72rem; line-height: .3rem; font-size: .26rem; display: flex; align-items: center; justify-content: center;} .businessCont1 .synopsis{padding-bottom: .6rem;} .business2Cont2,.business3Cont2,.business4Cont2,.business5Cont2,.business6Cont2{height: 6rem; background-size: cover; padding-top: .9rem;} .business2Cont2 .h1{width: 50%; top: .9rem;} .business2Cont2 .auto{padding-top: 3.5rem;} .business2Cont2 .num{font-size: .24rem; line-height: .4rem;} .business2Cont2 .num em{font-size: .6rem;} .business2Cont2 .auto{height: 100%;} .business2Cont2 ul{position: absolute; right: 0; bottom: .3rem; background-size: 100%; padding-top: .3rem;} .business2Cont2 li{margin-left: .3rem;} #content .business2Cont2 li p{line-height: .3rem;} .business2Cont2 .tilBox{top: .9rem;} .business2Cont2 .tilBox .cn,.business3Cont2 h3,.business4Cont2 h3,.business4Cont2 .h1Cn,.business5Cont2 h3,.business6Cont2 h3{font-size: .48rem; line-height: .6rem; margin-bottom: .3rem;} .business3Cont2 .tilEn{height: .8rem; margin-bottom: .2rem;} .business3Cont2 .tilEn img, .business4Cont2 .tilEn img{max-height: 100%;} .business3Cont2 .line, .business4Cont2 .line,.business5Cont2 .line{width: .5rem; margin-bottom: .3rem;} .business3Cont2 p{color: #bc9f8e;} .business3Cont2 p em, .business4Cont2 p em, .business5Cont2 p em, .business6Cont2 li .num em{font-size: .46rem;} .business3Cont2 .en{font-size: .5rem; line-height: .9;} .business3Cont2 .item:nth-child(1) p{width: 5.2rem;} .business4Cont2 .tilEn{height: 1.4rem; margin-bottom: .2rem;} .business4Cont2 .h1En, .business5Cont2 .box2 .tilEn, .business5Cont2 .box3 .tilEn,.business6Cont2 .tilEn, .business6Cont2 .box2 .tilEn,.business2Cont2 .tilBox .en, .business4Cont2 .til3En, .business5Cont2 .tilEn{font-size: .6rem; line-height: .9;} .business4Cont2 li{margin-right: .3rem;} .business4Cont2 li .num{font-size: .46rem; line-height: 1;} .business5Cont2 .box2, .business5Cont2 .box3, .business6Cont2 .box2{margin-top: 0;} .business6Cont2 li .num{font-size: .24rem;} .party .par-npm1{padding-bottom: .9rem;} .party .par-npm1 .auto::before{width: 2rem; right: 0; top: .4rem; background-size: contain;} .party4 .party-npm1 .box .fl .en{margin-bottom: .4rem;} .party4 .party-npm1 .box .fr h5{font-size: .32rem; line-height: 1.4; margin-bottom: .2rem;} .party4 .party-npm2{ padding: .5rem 0 .9rem; margin-top: .9rem;} .party4 .party-npm2 .auto{display: flex; flex-wrap: wrap;} .party4 .party-npm2 .fr{order: -1; width: 100%; margin: 0 auto .3rem;} .party4 .party-npm2 .fl{width: 100%;} .party4 .party-npm2 .above{margin-top: 0;} .party4 .party-npm2 .above .cn{font-size: .62rem; line-height: .9;} .party4 .party-npm2 .above h5{font-size: .5rem; margin: .2rem 0 .3rem;} .party4 .party-npm2 .above h6{font-size: .24rem; line-height: .4rem;} .party4 .party-npm2 .below .toptab{margin-top: .6rem;} .party4 .party-npm2 .below .toptab .item{font-size: .24rem; line-height: .4rem; margin-right: .4rem;} .party5 .party-npm1{padding-bottom: .3rem;} .party5 .party-npm1 .box .fr h5{font-size: .3rem; margin-bottom: .2rem;} .party5 .party-npm1 .box .item{padding: .6rem 0; margin-bottom: 0;} .party5 .party-npm1 .box .fr .ul .top .ico{width: .9rem;} .party5 .party-npm1 .box .fr .ul .li{margin-bottom: .4rem;} .csr1 .csr-npm1 .ul .li{width: 100%;} .csr1 .csr-npm1 .play{opacity: 1;} .video-pop .cont{width: 92vw; height: 50vw;} .csr1 .csr-npm2{margin: .9rem 0 0; padding: .9rem 0;} .csr1 .csr-npm2 .pagination{margin: .3rem auto 0;} .csr1 .csr-npm1 .img{height: 4rem;} .information1 .info-npm1{padding: .9rem 0;} .information1 .info-npm1 .below{margin-top: 0;} .information1 .info-npm1 .below .txtbox .b1{padding: .3rem; font-size: .26rem; line-height: .4rem;} .information1 .info-npm1 .below .txtbox .b2{padding: .3rem; font-size: .24rem; line-height: .4rem;} .information1 .info-npm1 .below .toptab .c{font-size: .26rem; line-height: .4rem; margin-left: .4rem;} .hr1 .hr-npm1,.hr1 .hr-npm2,.hr1 .hr-npm3{padding: .9rem 0;} .hr1 .hr-npm3 .bg{height: 2rem; background-size: auto 100%;} .information2 .info-npm1{padding-bottom: .9rem;} .information2 .info-npm1 .inp{margin-top: 0; height: 1rem; padding: .2rem 1rem .2rem .3rem;} .information2 .info-npm1 .inp input{padding: 0; height: .6rem; line-height: .6rem; font-size: .24rem;} .information2 .info-npm1 .inp input::placeholder{font-size: inherit;} .information2 .info-npm1 .inp .search{width: .8rem; height: .8rem; right: .1rem; top: .1rem;} .information2 .info-npm1 .inp .search img{width: .3rem;} .information2 .info-npm1 .txt{font-size: .24rem; line-height: .4rem;} .information2 .info-npm1 .txt em{white-space: nowrap;} .information2 .info-npm1 .txt span{display: inline-block; vertical-align: top;} .information2 .info-npm1 .en{display: none; font-size: 1.6rem; line-height: .7; margin-top: .6rem;} .information2 .info-npm2{padding: .9rem 0; background-position: 15% bottom;} .information2 .info-npm2 .ul .li:nth-child(odd),.information2 .info-npm2 .ul .li:nth-child(even){width: 100%; min-height: auto; padding: .3rem; margin: 0 0 .2rem;} .information2 .info-npm2 .ul .li h5{font-size: .3rem; line-height: .4rem; margin-bottom: .3rem;} #content.information2 .info-npm2 .ul .li p{font-size: .25rem; line-height: .42rem;} .information2 .info-npm2{background-size: auto 9.2rem;} .information2 .info-npm2 .ul{margin-top: .4rem;} .csrCont1{padding-bottom: .9rem;} .csrCont1 .wr{flex-wrap: wrap;} .csrCont1 .le{width: 100%; height: 4.2rem;} .csrCont1 .le .txt{top: 14%; left: .3rem;} .csrCont1 .le .year{font-size: .86rem; letter-spacing: .1rem; margin-bottom: .1rem;} .csrCont1 .le .tilCn{font-size: .34rem; margin-bottom: .1rem;} .csrCont1 .le .tilEn{font-size: .32rem; margin-bottom: .1rem;} .csrCont1 .le .icon{max-width: .6rem; margin-top: .2rem;} .csrCont1 .ri{width: 100%; margin-top: .3rem;} .csrCont1 .ri .dt{height: 3.5rem;} .csrCont1 .ri .dd{padding: .5rem .3rem; margin-top: -.5rem; height: 3rem;} .csrCont1 .ri .tilCn{font-size: .42rem; line-height: 1.1;} .csrCont1 .ri .tilEn{font-size: .26rem;} .csrCont2{height: auto; padding-bottom: .9rem; background-size: cover;} .csrCont2 .csrSwiper{padding-bottom: .7rem;} .csrCont2 .swiper-slide{width: 3rem;} .csrCont2 .swiper-pagination-bullet{margin: 0 .06rem !important;} .csrCont2 .swiper-pagination:after{content: ""; display: block; flex: 1; height: 1px; background: rgba(255, 255, 255, .2);} .csrCont2 .shade{opacity: 1; background: rgba(0,0,0,.2);} .csrCont2 .shade .icon{width: .6rem; height: .6rem; background-size: 40%; margin: 0; left: auto; top: auto; right: .1rem; bottom: .1rem;} .csr1 .csr-npm1 .csrSwpper2 .img{height: 5rem;} .csr1 .csr-npm1 .csrSwpper2 .txt{height: auto;} .par-npm1 .chartBox{width: 7.5rem; margin-left: -.3rem; padding: .6rem .3rem .4rem; overflow: hidden; border-radius: 0;} .par-npm1 .chartBox .chart{width: 6.86rem; margin-left: auto; margin-right: -.3rem;} .par-npm1 .chartBox .box1{height: 1.2rem; padding: .28rem 0 0; background-size: 100% 100%; margin-bottom: .05rem;} .par-npm1 .chartBox .box1 .til{font-size: .16rem; line-height: .2rem; margin-bottom: .24rem;} .par-npm1 .chartBox .box1 li{font-size: .16rem; line-height: .2rem;} .par-npm1 .chartBox .box2{height: .66rem; background-size: 100% 100%; margin-bottom: .1rem;} #content .par-npm1 .chartBox .box2 p{max-width: 66%; font-size: .16rem; line-height: .2rem;} .par-npm1 .chartBox .box3 ul{margin-bottom: .06rem;} .par-npm1 .chartBox .box3 li{width: .63rem; height: 1.45rem; font-size: .16rem; line-height: .18rem; padding: 0 .2rem; margin: 0 .28rem; background-size: 100% 100%;} .par-npm1 .chartBox .box4{height: 1.1rem; background-size: 100% 100%;} .par-npm1 .chartBox .box4 ul{margin-top: .1rem;} .par-npm1 .chartBox .box4 li{width: .9rem; font-size: .16rem; line-height: .2rem; margin: 0 .1rem;} .par-npm1 .chartBox .box4 li:nth-child(2),.par-npm1 .chartBox .box4 li:nth-child(3){width: 1rem;} .par-npm1 .chartBox .p{font-size: .2rem; line-height: .24rem;} .par-npm1 .chartBox .describe{left: .3rem; top: .6rem; width: 3.8rem;} .par-npm1 .chartBox .describe .li{font-size: .16rem; line-height: .2rem;} .par-npm1 .chartBox .describe .i1{height: .76rem;} .par-npm1 .chartBox .describe .i2{height: .49rem;} .par-npm1 .chartBox .describe .i3{height: .64rem;} .par-npm1 .chartBox .describe .i4{height: 1.62rem;} .par-npm1 .chartBox .describe .i5{height: 1.08rem; align-items: flex-start; padding-top: .24rem;} /* hr3 */ .hr3{padding-bottom: .8rem;} .hr3Cont1 .list a{width: 49%; height: 2.2rem; padding: .3rem; margin: 0 2% .16rem 0;} .hr3Cont1 .list a:nth-child(3n){margin-right: 2%;} .hr3Cont1 .list a:nth-child(2n){margin-right: 0;} .hr3Cont1 .list a:after{opacity: 1;} .hr3Cont1 .list h3{font-size: .3rem; color: #fff;} .hr3Cont1 .list h4{font-size: .28rem; color: rgba(205,190,173,.5);} .hr3Cont1 .list .more div{font-size: .24rem; line-height: .3rem; opacity: 1;} .hr3Cont1 .list .more .p1{opacity: 0;} .hr3Cont1 .big{margin-bottom: .4rem;} /* hr3end */ /* 20241010 */ .indexCont1 .cTab .dd .txt{padding: .3rem;} .indexCont1 .cTab .dd .txt .icon{height: .8rem; width: 1rem; margin-bottom: .2rem;} .indexCont1 .cTab .dd .txt .icon img{max-width: 100%; max-height: 100%;} .indexCont1 .cTab .dd .txt .tilCn{font-size: .42rem;} .indexCont1 .cTab .dd .txt .tilEn{font-size: .34rem; letter-spacing: .2rem;} .indexCont2Sw .txt .btn{font-size: .24rem; width: 1.8rem;} .c-dot .i{width: .1rem; height: .1rem; margin-left: .06rem;} .indexCont4 .dt{display: block; height: 3rem; padding: .6rem .3rem;} .indexCont4 .dt:after{opacity: 1; left: .3rem;} .subBan:after{display: none;} .mobile-nav li .til.on{color: #937124;} .about4Cont1 .swiper-line{top: 4.38rem;} .csrCont1 .ri .dt{background-size: 100%;} .indexCont1 .cTab .more{color: #c9952d;} .indexCont1 .cTab .more2{margin-left: 33px;} .indexCont1 .cTab .dot{display: flex;} /* 20241010end */ }