*{ margin: 0; padding: 0; } body{ overflow: hidden; font-family: "寰蒋闆呴粦"; } a{ text-decoration: none; display: inline-block; } .all-nav-right a{ cursor: pointer; } li{ list-style: none; } .pro{ position: absolute; } .pre{ position: relative; } .ft12{ font-size: 12px; } .ft13{ font-size: 13px; } .ft14{ font-size: 14px; } .ft15{ font-size: 15px; } .ft16{ font-size: 16px; } .ft17{ font-size: 17px; } .ft18{ font-size: 18px; } .ft20{ font-size: 20px; } .ft22{ font-size: 22px; } .ft24{ font-size: 24px; } .ft26{ font-size: 26px; } .ft28{ font-size: 28px; } .ft30{ font-size: 30px; } .ft32{ font-size: 32px; } .ft36{ font-size: 36px; } .ft40{ font-size: 40px; } .ft44{ font-size: 44px; } .ft46{ font-size: 46px; } .ft48{ font-size: 48px; } .cl00{ color:#000; } .clff{ color:#fff; } .cl32{ color: #323232; } .cl33{ color:#333; } .cl66{ color:#666; } .cl88{ color:#888; } .cl99{ color:#999; } .clfb{ color:#ff9f5b; } .bac{ background-repeat: no-repeat; background-position: center; background-size: cover; } img{ max-width: 100%; } .w1200{ width: 1200px; margin: 0 auto; } .trs{ transition: all .4s ease; } @font-face { font-family: "dinengschrift_1"; src: url("../fonts/dinengschrift_1.woff2") format("woff2"), url("../fonts/dinengschrift_1.woff") format("woff"), url("../fonts/dinengschrift_1.ttf") format("truetype"), url("../fonts/dinengschrift_1.eot") format("embedded-opentype"), url("../fonts/dinengschrift_1.svg") format("svg"); font-weight: normal; font-style: normal; } /* header.css */ header{ width: 1680px; height:60px; line-height: 60px; position: fixed; border-bottom: 1px solid rgba(0,0,0,.2); /* border-left: 1px solid rgba(0,0,0,.2); border-right: 1px solid rgba(0,0,0,.2); */ z-index: 999; background: #fff; } .header-pc{ display: flex; justify-content: space-between; } .headpc-nav{ height: 100%; display: flex; } .header-pc .nav-a1{ width: 100px; position: relative; text-align: center; font-weight: bold; transition: all .4s ease; vertical-align: top; } .header-1{ font-size: 0; } /* .header-pc .nav-a1:after{ content:""; width: 3px; height: 3px; border-radius: 50%; background: #323232; display: inline-block; position: absolute; right: 0; top:50%; margin-top: -1.5px; } .header-pc .nav-a1:last-child:after{ background: transparent; } */ .header-2{ width: 60px; cursor: pointer; text-align: right; } .header-pc .nav-a1:hover{ color:#fff; background: #e2a777; } .on-header{ color:#fff; background: #e2a777; } /* 棣栭〉.css */ .wel-list1{ position: relative; margin-top: 60px; } .wel-list1 .swiper-slide{ width: 100%; height: 620px; } .tw12-all center{ font-size: 15px; margin: 20px 0; } .wel-list2{ padding: 50px 0; } .wel2-lf-title{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.25; transition: all .4s ease; } .wel2-left{ width: 29.6%; float: left; } .wel2-left:hover .wel2-lf-title{ color:#e2a777; } .wel2-lf-data{ font-family: "dinengschrift_1"; line-height: 1; margin: 15px 0; color:#e2a777 !important; } .wel2-lf-text{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.7; } .wel2-all{ display: flex; justify-content: start; } .wel2-lf-num{ font-family: "dinengschrift_1"; background: url(../img/yj.png) left center no-repeat; padding-left: 30px; margin: 15px 0 0 0; } .wel2-mid{ width: 29.6%; margin:0 3.6%; } .wel2-mid-top{ border-bottom: 1px solid #eeeeee; } .wel2-mftop-title{ display: inline-block; position: relative; cursor: pointer; padding-bottom: 25px; } .wel2-mftop-title:after{ content: ""; width: 100%; position: absolute; height: 4px; background: #e2a777; bottom: 0; left: 0; opacity: 0; transition: opacity .4s ease; } .wel2-mftop-title:first-child{ margin-right: 40px; } .wel2-mftop-title.on-wel2mid{ color:#333; } .wel2-mftop-title.on-wel2mid:after{ opacity: 1; } .wel2-mftop-title:hover{ color:#333; } .wel2-mftop-title:hover:after{ opacity: 1; } .wel2-mid-top a{ width: 100px; height: 30px; border-radius: 20px; background: #f3f3f3; text-align: center; line-height: 30px; transition: all .4s ease; } .wel2-mid-top a div{ font-size: 10px; display: inline-block; background: url(../img/jt1.png) right center no-repeat; padding-right: 25px; transition: all .4s ease; vertical-align: top; } .wel2-mid-top a:hover div { color:#fff; background: url(../img/jt2.png) right center no-repeat; } .wel2-mid-top a:hover{ background:#e2a777; /* animation: hue 5s linear infinite; */ } /* @keyframes hue { from { filter: hue-rotate(0); } to { filter: hue-rotate(-1turn); } } */ .wel2-mdbot-data{ width: 80px; font-family: "dinengschrift_1"; } .wel2-mid-bot{ padding: 20px 0 0 0; } .wel2-mid-bot a{ display: flex; align-items: center; line-height: 1.5; } .wel2-mid-bot a:hover .wel2-mdbot-text{ color:#e2a777; } .wel2-mdbot-text{ width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all .4s ease; } .all-nav-left .news_nav{ color:#e2a777 !important; } .news2-title { color:#e2a777 !important; } .wel2-right{ width: 33.3%; position: absolute; height: 100%; right: 0; } .wel2-rt-title2{ line-height: 1.5; margin: 10px 0 0 0; } .wel2-rt-gp{ display: flex; align-items: center; line-height: 1.1; position: absolute; bottom: 0; left: 0; color:#e2a777; font-family: "dinengschrift_1"; } .wel2-rt-gp span{ display: inline-block; margin-right: 10px; } .wel2-tr-img{ position: absolute; right: 0; top:50%; transform: translateY(-50%); } .wel-list3{ /* background: #f7f7f7; */ width: 100%; height: 365px; } .wel3-all{ height: 100%; display: flex; } .wel3-left{ width: 400px; height: 100%; padding: 45px 45px 0 0px; box-sizing: border-box; position: absolute; } .wel3-left-titlecn{ line-height: 1.1; font-weight: bold; } .wel3-left-titleeg{ color:#ddd; font-family: "dinengschrift_1"; line-height: 1.1; margin: 5px 0 15px 0; } .wel3-left-text{ line-height: 1.7; } .wel3-left-img{ position: absolute; left: 0; bottom: 0; } .wel3-right{ width: 800px; position: absolute; height: 100%; display: flex; right: 0; } .wel3-rt-list{ width: 200px; height: 100%; padding: 28px 0 28px 28px; box-sizing: border-box; position: relative; transition: all .4s ease; } .wel3-rt-list.on-wel3list{ width: 400px; } .wel3-rt-list:first-child{ background: #f3c244; } .wel3-rt-list:nth-child(2){ background: #ff9f5b; } .wel3-rt-list:nth-child(3){ background: #ff6f4d; } .wel3-rt-titleeg{ font-family: "dinengschrift_1"; line-height: 1.1; } .wel3-nav{ display: flex; position: absolute; left: 28px; bottom: 28px; } .headpc-logo img{ max-width: 85%; } .wel3-nav a{ padding-bottom: 3px; position: relative; } .wel3-nav a span{ width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,.3); transition: all .4s ease; display: block; opacity: 0; visibility: hidden; } .wel3-nav a:hover span{ opacity: 1; visibility: visible; } /* .wel3-nav a:hover:after{ background: rgba(255,255,255,.3); } */ .wel3-nav a:nth-child(n+2){ margin-left: 12px; } .wel3-nav a:hover{ color:#fff; } /* .wel3-nav a:hover:after{ content:""; width: 100%; height: 3px; background: rgba(255,255,255,.3); display: block; } */ .wel3-rt-img{ position: absolute; right: 0; top:50%; transform: translateY(-50%); } .swiper-paginationwel1{ bottom: 0; left: 0; } .swiper-paginationwel1 span{ width: 8px !important; height: 8px !important; opacity: 1 !important; background: #fff !important; } .swiper-paginationwel1 .swiper-pagination-bullet-active{ background: #e2a777 !important; } /* foot.css */ .foot-top{ width: 100%; padding: 18px 0; border-top:1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .foot-yq-name{ cursor: pointer; } .foot-yq-name:after{ content: ""; width: 9px; height: 5px; background: url(../img/jt3.png) center center no-repeat; background-size: 9px 5px; display: inline-block; margin-left: 5px; vertical-align: middle; transition: all .4s ease; } .foot-yq-name:hover:after{ transform: rotate(180deg); } .foot-tp-four{ font-size: 0; margin-left: 40px; } .foot-tp-four a{ display: inline-block; transition: color .4s ease; } .foot-tp-four a:nth-child(n+2){ margin-left: 30px; } .foot-tp-four a:hover{ color:#e2a777; } .bshare-custom{ display: inline-block; position: absolute; right: 0; } .bshare-custom a{ width: 31px !important; height: 31px !important; background-size: 31px 31px !important; padding-left: 0 !important; margin-right: 0 !important; } .bshare-custom a:nth-child(n+2){ margin-left: 10px; } .bshare-qzone{ background: url(../img/qq.png) center center no-repeat !important; } .bshare-weixin{ background: url(../img/wx.png) center center no-repeat !important; } .bshare-sinaminiblog{ background: url(../img/wb.png) center center no-repeat !important; } .foot-bot{ background: #fafafa; padding: 25px 0 35px 0; } .foot-tp-all{ display: flex; align-items: center; justify-content: space-between; } .foot-bot a{ display: block; } .foot-bot a:hover{ color:#e2a777; } /* tower.php */ .all-bg{ width: 100%; height: 140px; margin-top: 60px; } .all-bg div{ color:#fff; /* opacity: .3; */ text-align: right; line-height: 140px; font-size: 60px; } .all-nav{ width: 100%; height: 55px; line-height: 53px; background: #fcfaf9; } .all-content{ display: flex; border-bottom: 1px solid #eee; } .all-left-lists,.tw1-left-list{ width: 720px; } .all-right-lists,.tw1-right-list{ background: #fff; width: 1200px; } .all-nav-left,.tw1-left-sec1,.tw1-left-sec2,.ins1-left-sec2{ width: 360px; border-right: 1px solid #eee; } .all-nav-right{ text-align: right; } .all-nav-right,.tw1-right{ width:840px; } .all-nav-right a:nth-child(n+2){ margin-left: 65px; } .tower1-all{ display: flex; } .all-nav-right a{ font-weight: bold; transition: color .4s ease; } .all-nav-right a:after{ content: ""; width: 0; height: 3px; background: #e2a777; position: absolute; left: 0; bottom: 0; transition: width .4s ease; } .all-nav-right a.on-allnav:after{ width: 100%; } .all-nav-right a.on-allnav{ color:#e2a777; } .all-nav-right a:hover{ color:#e2a777; } .all-nav-right a:hover:after{ width: 100%; } .all-nav-left:before{ content: ""; width: 32px; height: 17px; background: url(../img/ab2.png) center center no-repeat; background-size: 32px 17px; display: inline-block; vertical-align: middle; margin-right: 9px; } .all-nav-left div{ display: inline-block; } .cle3{ color:#e2a777; } .all-nav-left a:hover{ color:#e37451; } .tw1-left-sec1 img{ width: 100%; } .tw1-sec1-content{ position: absolute; width: 100%; height: 100%; padding: 60px 45px 0 45px; box-sizing: border-box; top:0; } .tw1-sec1-content div{ font-weight: bold; text-transform: uppercase; line-height: 1.1; letter-spacing: 2px; } .tw1-sec1-titleeg{ margin: 22px 0 0 0 ; font-family: "arial" !important; } .tw1-left-sec2 img{ width: 100%; } .tw1-left{ border-bottom: 1px solid #eee; } .tw1-left-sec2 span,.ann1-left-sec1 span,.ins1-left-sec2 .ins1-span{ display:block; position: absolute; left: 0; top: 0; width: 15px; height: 135px; background: #e2a777; } .about1-titleeg1,.cloud1-titleeg1{ color:#c3c3c3 !important; } .cloud1-titlecn1,.cloud1-titlecn2{ color:#9c9c9c !important; } .tw1-left2-content{ position: absolute; width: 100%; height: 100%; padding: 40px 45px 0 45px; box-sizing: border-box; top:0; } .tw1-lf2-title{ font-weight: bold; color:#c3c3c3; opacity: .3; line-height: 1.3; font-size: 40px; text-transform: uppercase; } .tw1-lf2-title2{ color:#9c9c9c; letter-spacing: 2px; margin: 20px 0 0 0; } .tw1-left3-img{ margin: 10px 0 0 0; } .tw1-left2-sk{ width: calc(100% - 360px); height: 340px; position: absolute; left: 0; top: 0; background: #fafafa; } .tw1-rt-list1{ width: 100%; height: 255px; background: #fafafa; } .ft28{ font-size: 28px; } .tw1-rt-list1 div{ line-height: 1.6; font-weight: bold; margin-left: 80px; } .tw1-re-list2{ width: 840px; margin-top: -190px; } .tw12-all{ width: 760px; /* font-size: 0;*/ float: right; } .tw12-lists1{ margin: 40px 0 0 0; } .tw12-list-content{ position: absolute; left: 50px; top:50%; transform: translateY(-50%); } .tw12-list-title2{ color:#fff; opacity: .3; line-height: 1.7; } .tw13-left{ width: 68.4%; text-align: justify; } .tw13-left p{ line-height: 1.5; } .tw12-list-title{ line-height: 1.55; margin-bottom: 10px; } .tw13-right{ width: 31.6%; text-align: center; } .tw12-lists3{ margin: 35px 0 50px 0; min-height: 140px; } .tw13-rt-title{ color:#c3965f; } .tw12-lists3{ display: flex; } .tw13-rt-ewm:nth-child(2){ margin-top: 30px; } .tw12-lists4{ border-top:3px solid #e0e0e0; padding: 25px 0 0 0; } .tw14-list{ width: 100%; height: 155px; display: flex; margin-bottom: 20px; } .tw14-left{ width: 80px; height: 100%; background: #f6efe5; text-align: center; } .tw14-right{ width: 88.15%; height: 100%; border:1px solid #eaeaea; box-sizing: border-box; margin-left: 1.2%; padding: 25px 100px 25px 25px; box-sizing: border-box; } .tw14-lf-data{ color:#c5bcb7; } .tw14-lf-content{ width: 100%; text-align: center; top:50%; transform: translateY(-50%); } .tw14-lf-day{ line-height: 1.15; } .tw14-rt-title{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.25; font-weight: bold; transition: all .4s ease; color:#3e3a39 !important; } .tw14-rt-text{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.7; margin: 15px 0 0 0; } .tw14-rt-img{ position: absolute; right: 20px; transform: translateY(-50%); top:50%; } .tw14-list:hover .tw14-rt-title{ color:#e2a777 !important; } .tw12-lists5{ text-align: center; border-bottom: 2px solid #eaeaea; padding-bottom: 20px; cursor: pointer; } .tower-list1{ padding-bottom: 55px; } /* j闆嗗洟鏂伴椈 */ .news1-left1{ width: 100%; height: 335px; } .tw1-left2-sk2{ top:-340px; } .news1-title1{ font-weight: bold; text-transform: uppercase; line-height: 1.5; } .clc8{ color:#c8c1bc; text-transform: uppercase; line-height: 1.5; } .clcd{ color:#cd8a67; } .news1-title2{ letter-spacing: 2px; margin: 14px 0 12px 0; color:#c3c3c3 !important; } .news1-title3 ,.news1-title4{ color:#9c9c9c !important; } .news1-title3{ line-height: 1.7; margin: 0 0 25px 0; } .news2-data{ line-height: 1.1; } .news2-title-btn{ font-size: 0; margin: 10px 0 25px 0; display: flex; align-items: flex-end; justify-content: space-between; } .news2-title{ width: 82%; display: inline-block; line-height: 1.25; } .news2-title-btn .doa-btn{ width: 90px; height: 28px; text-align: center; border-radius: 20px; border:1px solid #c5bcb7; line-height: 30px; transition: all .4s ease; } .news2-title-btn .doa-btn:hover{ background: #e2a777; color:#fff; border:1px solid transparent; } .news2-text{ margin: 25px 0 55px 0; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* 鍏徃鍏憡 */ .ann1-sec1-title1,.ann1-sec1-title2{ text-transform: uppercase; color:#c3c3c3; font-weight: bold; } .ann1-sec1-title1{ font-weight: bold; line-height: 1.1; } .ann1-sec1-title2{ margin: 5px 0 10px 0; } .ann1-sec1-content,.ann12-tp-content{ width: 100%; left: 0; position: absolute; top:50%; transform: translateY(-50%); padding: 0 45px; box-sizing: border-box; } .ann1-sec1-title3 { margin: 0 0 13px 0; color:#9c9c9c !important } .clcd{ color:#cd8a67; } .ann1-sec1-lx{ color:#9c9c9c; line-height: 1.5; } .ann12-tp-content div{ color:#9c9c9c; } .ann1-left2-content{ width: 100%; height: 100%; } .ann1-left2{ width: 100%; height: 340px; } .ann1-left2-content{ width: 360px; float: right; } .ann12-top,.ann12-bot{ width: 100%; height: 50%; } .ann12-top{ background: #fffdfa; } .ann12-bot{ /* background: url(../img/images/ann3_08.jpg) center center no-repeat; */ background-size:100% 100%; } .ann12-bot img{ height: 100%; } .ann12-tp-title{ margin-bottom: 5px; } .ann12-tp-text{ color:#988d87; line-height: 1.5; } .ann2-content{ position: absolute; top:50%; transform: translateY(-50%); left: 0; width: 100%; padding: 0 55px; box-sizing: border-box; } .news2-title{ font-weight: bold; } .ann2-content a{ margin-top: 55px; width: 100%; text-align: right; } .ann2-content-title{ width: 100%; display: block; } .ann2-list-a { width: 100%; height: 85px; display: flex; margin-bottom: 20px; } .ann2-list-a .tw14-rt-title{ display: inline-block; font-weight: normal; } .ann2-list-a:hover .tw14-rt-title{ color:#e2a777; } /* 鍔犲叆鎴戜滑.css */ .join1-left-sec1{ width: 360px; padding: 50px 0 80px 0; } .join1-lf-titleeg{ text-transform: uppercase; line-height: 1.1; color:#ccc; } .join1-lf-titleeg2{ text-transform: uppercase; font-size: 72px; line-height: .9; color:#ccc; font-family: arial; font-weight: bold; } .join1-lf-gp { color:#ccc; } .join1-lf-gp span{ font-family: arial; font-weight: bold; } .join1-lf-line1{ left: 0; bottom: 0; width: 2px; height: 35px; background: #d0d0d0; } .join1-lf-line2{ left: 63px; bottom: 0; width: 1px; height: 54px; background: #eaeaea; } .join1-left3-img{ width: 100%; text-align: right; } .join2-content{ width: 100%; left: 0; top: 0; padding: 55px 40px 30px 75px; box-sizing: border-box; } .join2-all-title{ line-height: 1.1; font-weight: bold; margin-bottom: 15px; } .join2-all-text a{ border-bottom: 1px solid #fff; line-height: 1.3; color:#fff; } .join2-all-nav{ width: 100%; text-align: right; margin-top: 40px; } .join2-all-nav a{ margin-left: 50px; } .join2-all-nav a:hover{ color:#e37451; } .join2-all-nav a.on-join2{ color:#e37451; } .join2-zp-lm{ padding: 0 37px; box-sizing: border-box; height: 118px; border:1px solid #e5e5e5; } .join2-list4{ border-top:none; } .join2-zp-lm .join2-line1{ width: 9px; height: 100%; position: absolute; left: 0; top: 0; background: #eeaf9a; transition: all .4s ease; } .join2-zplm-title{ line-height: 1.2; margin-bottom: 10px; } .join2-zplm-content{ top:50%; transform: translateY(-50%); } .join2-zplm-text{ cursor: pointer; } .join2-zplm-text span{ display: inline-block; background: url(../img/jt5.png) right center no-repeat; padding-right: 25px; margin-left: 15px; transition: all .4s ease; } .join2-zplm-text:hover span{ padding-right: 30px; } .join2-zp-nr{ width: 100%; background: #fafafa; padding: 25px 35px 40px 35px; box-sizing: border-box; border:1px solid #e5e5e5; display: none; } .join2-zp-all{ box-shadow: 0 2px 5px rgba(0,0,0,0); margin-bottom: 20px; transition: all .4s ease; } .join2-zpnr-top{ width:100%; padding-bottom: 15px; border-bottom: 1px dashed #cdcdcd; } .join2-zpnr-top ul li{ width: 33.333%; float: left; font-size: 0; } .join2-zpnr-name{ width:40%; display: inline-block; } .join2-xx-name{ font-weight: bold; margin-bottom: 15px; } .join2-zpnr-wb{ width: 60%; display: inline-block; } .join2-zpnr-xx{ margin-top: 35px; } .join2-xx-text p{ line-height: 1.5; } .join2-zpnr-btn{ width: 150px; height: 45px; background: #e2a777; text-align: center; line-height: 45px; margin-top: 20px; } .join2-zp-lb{ width: 670px; margin: 0 auto; overflow: hidden; } .mem32-item-content div ,.mem32-item-content p{ font-size: 14px; color:#666; } .cloud-re-list223{ margin-top: 0 !important } .join2-zpnr-btn div{ background: url(../img/join3.png) right center no-repeat; display: inline-block; padding-right: 26px; } .join2-lb-all{ margin-top: 25px; } .swiper-button-prevjoin1,.swiper-button-nextjoin1{ width: 11px !important; height: 23px !important; background-image: url(../img/jt7.png) !important; background-size: 11px 23px !important; opacity: 1 !important; margin-top: 0 !important; outline: none; transform: translateY(-50%); cursor: pointer !important; } .swiper-button-nextjoin1{ background-image: url(../img/images/jt72.png) !important; } .swiper-button-prevjoin1:hover{ background-image: url(../img/jt71.png) !important; } .swiper-button-nextjoin1:hover{ background-image: url(../img/jt721.png) !important; } .swiper-button-prevjoin1:hover,.swiper-button-nextjoin1:hover{ /* opacity: .7 !important; */ } .tw11-list-titlecn { font-weight: bold; } .group-re-list2{ margin-top: 0; } .group1-title{ position: absolute; left: 75px; top: 55px; line-height: 1.1; font-weight: bold; } .group2-title{ font-weight: bold; } .group-list2{ padding: 45px 0; } .tw14-rt-title div{ display: inline-block; vertical-align: bottom; } .group-all-lists{ border-top:none; } .league2-title{ margin-bottom: 40px; } .league2-top-right{ position: absolute; right: 0; top: 0; } .league-all-bg{ background: #fafafa; } .ins-all-bg{ margin-bottom: 45px; } .ins-content-left { width: 81%; left: 50%; transform: translateX(-50%); top:60px; position: absolute; } .ins-content-titleeg { color:#d8d4ce; font-weight: bold; text-transform: uppercase; line-height: 1; font-family: arial; } .ins-content-titleeg2{ font-family: arial; color:#d8d4ce; text-transform: uppercase; } .ins-content-xfyj{ margin: 10px 0 15px 0; } .ins-content-xfyj{ color:#9c9c9c !important; } .ins-content-dh{ color:#9c9c9c; /* display: flex; */ } .de-all-23{ width: 100% !important; } .ins-content-dh .ins-span1{ flex: 1; } .rev1-content{ width: 100%; transform: translateY(-50%); padding: 0 0 0 80px; box-sizing: border-box; } .rev-all-bg{ background: #fafafa; width: 100%; } .rev1-title{ font-weight: bold; line-height: 1.1; } .rev1-time{ color:#ccc; margin: 8px 0 13px 0; } .rev1-text{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .enter-list1{ width: 840px; padding: 60px 0 25px 75px; box-sizing: border-box; } .rev-list1{ width: 100%; padding: 60px 75px 25px 75px; box-sizing: border-box; } .rev-list1 a{ transition: all .4s ease; } .rev-list1 a{ background: #e2a777 !important; border:none !important; color:#fff !important; } .rev-list1 a:hover{ color:#fff; background: #e37451; border:1px solid #e37451; } .rewdetail-all{ width: 100%; padding: 0 75px; box-sizing: border-box; } .rev-list1 a,.enter-list1 a{ width: 88px; height: 28px; text-align: center; line-height: 29px; border:1px solid #666; background: #fff; border-radius: 20px; } .rev2-text{ padding: 45px 0; } .rev2-text img{ max-width: 100%; /* margin: 35px 0; */ } .rev2-text p{ line-height: 1.7; } .rev-list3{ border-top:2px solid #999; padding: 15px 0 0 0; } .rev3-title{ padding: 0 40px 25px 40px; box-sizing: border-box; line-height: 1.1; font-weight: bold;; } .enter-list1 a{ background: #e37451; border:1px solid #e37451; transition: all .4s ease; } .enter-list1 a:hover{ background: #fff; border:1px solid #e37451; color:#e37451; } .rev1-text { min-height: 25px; } .enter-form{ background: #fafafa; padding: 35px 60px 50px 60px; box-sizing: border-box; width: 100%; } .enterf-name{ width: 44.5%; align-items: center; display: flex; } .enterf-name:nth-child(2){ margin-left: 11%; } .enter-span1{ color:red; display: inline-block; align-items: center; margin: 0 10px 0 7px; } .enterf-name input,.enterf-qy input,.enterf-bz textarea{ flex: 1; height: 36px; color:#333; padding: 0 0 0 5px; border:1px solid #cccccc; box-sizing: border-box; } .enterf-qy{ width: 100%; display: flex; margin: 15px 0; } .enterf-bz{ width: 100%; display: flex; } .enterf-bz span{ opacity: 0; } .enterf-bz textarea{ min-height: 75px; } .enter-tj{ width: 110px; height: 38px; text-align: center; background: #e37451; border:none; } .enter-btn-all{ margin:20px 0 0 58px; display: inline-flex; } .enter-cznr{ width: 110px; height: 38px; text-align: center; line-height: 38px; margin-left: 10px; cursor: pointer; background: #969696; } .contact1-list{ padding: 35px 0 45px 0; border-bottom: 3px solid #ededed; } .contact1-title{ line-height: 1.1; margin-bottom: 15px; font-family: arial; } .con2-list div{ line-height: 1.7; } .con2-list{ display: inline-block; vertical-align: top; } .con2-title{ font-family: arial; } .con2-list:nth-child(2){ margin: 0 110px 0 95px; } .contact2-list{ padding: 35px 0 20px 0; } .con3-list{ padding: 40px 0 70px 0; } #container{ width: 100%; height: 570px; } .all-left-lists{ background: #f7f7f7; } .all-content{ background: #fff; } .sit-list1{ padding: 100px 0 125px 0; background: #fff; } .sit1-lists{ width: 14.28%; min-height: 250px; text-align: center; border-right: 1px solid #e3e3e3; box-sizing: border-box; } .sit1-lists:last-child{ border-right: none; } .sit1-lists div{ margin-bottom: 24px; } .sit1-lists a{ display: block; line-height: 2.8; } .sit1-lists a:hover{ color:#e37451; } /* about.css */ .about1-title { margin-top: 35px; line-height: 1.6; } .about1-titleg{ text-transform: lowercase; } .about2-data { line-height: 1.1; } .about2-title { font-weight: bold; } .about3-left p{ line-height: 1.5; } .about-list4{ border-top:3px solid #ededed; /* border-bottom: 3px solid #ededed; */ } .about4-content{ left: 25px; top:30px; width: 415px; } .about4-text{ line-height: 1.6; margin-top: 15px; } .about-all-list1{ padding-bottom: 0; } .about12-list-content{ position: absolute; right: 90px; top: 50%; transform: translateY(-50%); text-align: right; } .about2-data span{ font-weight: bold; } .about1-content{ padding: 60px 45px 0 45px; box-sizing: border-box; width: 100%; top: 0; left: 0; } .about1-titleeg1{ line-height: 1.1; font-weight: bold; text-transform: uppercase; color:#c3c3c3; } .about1-titlecn1,.about1-titlecn2{ color:#9c9c9c; } .about1-titleeg2{ color:#c3c3c3; margin-bottom: 40px; } .speech1-title{ font-weight: bold; } .speech-list1{ width: 100%; height: 255px; background: #fafafa; } .speech1-title{ width: 760px; float: right; margin: 40px 0 0 0; } .speech1-all{ width: 840px; } .speech1-content{ padding: 0 45px 0 55px; box-sizing: border-box; width: 100%; top:50%; transform: translateY(-50%); } .speech1-time{ line-height: 1; } .speech1-time span{ margin-left: -5px; } .speech1-zc{ line-height: 1.6; margin: 18px 0 0 0; } .speech1-line{ font-weight: bold; margin: 35px 0 0 0; } .speech1-line span{ width: 195px; height: 1px; background: #c7bbaf; opacity: .7; display: inline-block; vertical-align: middle; margin-right: 22px; } .cloud1-titleeg1{ font-weight: bold; text-transform: uppercase; color:#bcbab5; margin-bottom: 30px; } .cloud1-titlecn1,.cloud1-titlecn2{ line-height: 1.8; } .cloud1-btn{ margin-top: 4px; position: relative; left: 0; transition: left .4s ease; } .cloud1-btn:hover{ left: 8px; } .cloud-list2{ padding: 60px 0 90px 0; background: #fafafa; } .cloud2-titleeg2,.cloud2-titleeg{ text-transform: uppercase; font-family: arial; line-height: 1.15; } .cloud2-titlecn{ font-weight: bold; margin: 5px 0 0 0; } .cloud-ty{ width: 430px; left: 0; padding:0 0 0 50px; box-sizing: border-box; } .cloud3-content{ top:50%; transform: translateY(-50%); } .cloud3-title3{ color:#fff; opacity: .4; } .cloud3-title{ line-height: 1.6; } .cloud3-title2{ line-height: 1.5; margin-bottom: 10px; } .cloud4-title{ font-weight: bold; } .cloud4-text{ line-height: 1.6; margin: 12px 0 0 0; } .cloud4-content{ top:40px; } .cloud2-text{ line-height: 1.7; margin: 15px 0 0 0; } .cloud5-text{ line-height: 1.7; margin: 25px 0; } .dig-list1 div{ width: 84%; } .dig-list1{ display: flex; justify-content: space-between; align-items: center; } .dig-list1 a{ width: 93px; height: 28px; border-radius: 20px; text-align: center; line-height: 28px; border:1px solid #c5bcb7; position: relative; z-index: 9; transition: all .4s ease; } .dig-list1 a:hover{ background: #e37451; color:#fff; border:1px solid #e37451; } .dig1-img{ margin-top: 50px; } .dig1-content{ margin-top: -35px; } .dig1-text{ line-height: 1.7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 25px 0 60px 0; } .mem-list2{ padding: 60px 0 25px 0; background: #fafafa; } .mem-list3-all{ width: 92.76%; margin: 0 auto; } .men3-all{ margin: 35px 0 0 0; } .men3-all,.men4-all,.men5-all{ border-top:3px solid #ededed; } .men3-list1{ padding: 15px 0; border-bottom: 1px solid #e0e0e0; } .men31-item-title:before{ content:""; width: 6px; height: 6px; border-radius: 50%; background: #7e7e7d; display: inline-block; vertical-align: middle; margin-right: 7px; } .men31-item{ margin: 15px 0 25px 0; } .men31-item:last-child{ margin: 15px 0 5px 0; } .men31-item-title { width: 100%; padding: 8px 15px; box-sizing: border-box; background: #fafafa; border:1px solid #e5e5e5; line-height: 1.1; margin-bottom: 10px; } .men31-item-text p{ line-height: 1.5; } .mem3-list2{ padding: 10px 0 40px 0; border-bottom: 1px solid #e0e0e0; } .mem32-items{ padding: 0 22px; box-sizing: border-box; } .mem32-item1-text{ line-height: 1.7; margin-bottom: 10px; } .mem32-item-content{ margin: 20px 0 0 0 ; } .mem32-item-content div{ line-height: 1.6; } .mem32-item-content b{ line-height: 1.5; display: block; } .mem3-list3{ border-bottom: none; } .mem3-list3 .men31-item{ margin: 45px 0 0 0; } .mem41-img{ margin: 26px 0 35px 0; } .men4-list1{ border-bottom: none; } .mem5-item-img{ padding: 5px; border:1px solid #bfbfbf; } .mem5-items{ font-size: 0; margin: 38px 0 0 0; } .mem5-item{ display: inline-block; margin-right: 24px; } .mem5-item-title{ text-align: center; margin: 10px 0 0 0; } /* 鎷涜仒琛ㄥ崟 */ .form-list1{ width: 100%; } .form-list1{ width: 840px; } .form1-title{ font-weight: bold; } .form-rt-list1{ width: 100%; padding: 60px 0 100px 0; background: #fafafa; } .form1-title { line-height: 1.2; margin-bottom: 15px; } .form-all-lists{ border:1px solid #e1e1e1; } .form-items { padding: 25px 40px; display: flex; border-bottom:1px solid #e1e1e1; justify-content: space-between; align-items: center; } .form1-re-list2{margin-top: -85px;} .form-items1{ background: #ece7e0; } .form-items1 div{ line-height: 1.45; } .form-items2 .select p{ padding: 0 0 0 25px; line-height: 50px; cursor: pointer; color:#e2a777; } .form-items2 .select ul{ list-style-type:none; background-color: #fff; width: 100.5%; overflow-y:auto; position: absolute;; top: 49px; left: -1px; max-height: 0; z-index: 20; /* border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; */ } .form-items2 .select ul li{ padding: 0 25px; line-height: 40px; cursor: pointer; transition: all .3s ease 0s; } .form-items2 .select ul li:last-child{ border-bottom:1px solid #d4d4d4; } .form-items2 .select ul li:hover{ background-color:#e2a777; color: #fff; } .form-items2 .select ul li.selected{ background-color: #e2a777; color: #fff; } .form-items2 .select:after { content: ''; display: block; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: #999999 transparent transparent transparent; position: absolute; top: 23px; right: 0; transform-origin: 50% 0; transition: transfrom .3s ease-in,top .3s ease-out; } .form-items2 .select { width: 42.13%; height: auto; font-size: 16px; background-color: #fff; position: relative; display: inline-block; z-index: 88; } @-webkit-keyframes slide-down{ 0%{transform: scale(1,0);} 25%{transform: scale(1,1.2);} 50%{transform: scale(1,0.85);} 75%{transform: scale(1,1.05);} 100%{transform: scale(1,1);} } .form-items2 .select.open ul{ max-height: 250px; transform-origin: 50% 0; -webkit-animation:slide-down .5s ease-in; transition: max-height .5s ease-out; } .form-items2 .select.open:after{ transform: rotate(-180deg); top: 28px; transition: all .3s ease-in; } .form2-select{ width: 145px; } .form-items2{ padding: 8px 40px; } .form-item3-all{ width: 90.79%; margin: 0 auto; } .form3-pad{ width: 100%; padding: 0 35px; box-sizing: border-box; } .form-items3{ padding: 25px 40px; border-bottom: 1px solid #e1e1e1; } .form3-item-name{ text-align: center; padding-bottom: 15px; border-bottom:2px solid #969696; } .form3-input{ width: 47.4%; height: 35px; line-height: 35px; float: left; display: flex; border-bottom: 1px solid #e7e7e7; justify-content: space-between; } .form2-select ul li{ font-size: 16px !important; color:#666; } .form3-inputs{ width: 100%; background: #fafafa; box-sizing: border-box; padding: 20px 35px 35px 35px; } .form3-input-title span,.form4-name span{ font-size: 14px; color:#cc3300; display: inline-block; font-weight: bold; vertical-align: middle; } .form3-input input{ border:none; font-size: 14px; color:#333; background: #fafafa; flex: 1; } .form3-input:nth-child(2n){ margin-left: 5.2%; } .form3-input select{ border:none; background: #fafafa; font-size: 12px; color:#333; height: auto !important; outline: none; } .form3-rq{ flex:1; font-size: 14px; } .form3-rq:after{ content:""; width: 16px; height: 15px; background: url(../img/images/rq.png) right center no-repeat; background-size: 16px 15px; display: inline-block; float: right; position: relative; top: 50%; transform: translateY(-50%); } .form3-xx span{ color:transparent; } .form3-chechbox input{ margin-left: 10px; display: inline-block; vertical-align: middle; } .form-items4{ background: #fafafa; } .form4-name{ width: 100%; padding-bottom: 14px; border-bottom: 2px solid #b0b0b0; } .form-items4,.form-item5{ padding: 25px 40px; border-bottom:1px solid #e1e1e1; } .form4-li-name1{ width: 5.84%; } .form4-li-name2,.form4-li-name3,.form4-li-name4,.form4-li-name5{ width: 22.19%; } .form1-re-list2 ul li:first-child div{ display: inline-block; text-align: center; margin-right: 1.3%; } .form1-re-list2 ul li div:last-child{ margin-right: 0; } .form1-re-list2 ul li{ font-size: 0; } .form4-ul ul,.form5-ul-all ul{ padding: 10px 0 25px 0; border-bottom: 1px solid #ebebeb; } .form4-ul ul li input{ width: 22.19%; display: inline-block; border:1px solid #d9d9d9; background: #ffffff;box-sizing: border-box; height: 25px; line-height: 25px; font-size: 12px; color:#333; } .form4-li-num{ display: inline-block; width: 5.84%; border:1px solid #d9d9d9; box-sizing: border-box; height: 25px; line-height: 25px; text-align: center; background: #ffffff; vertical-align: middle; } .form1-re-list2 ul li:nth-child(n+2){ margin-top: 10px; } .form4-ul ul li input{ margin-left: 1.3%; vertical-align: middle; padding: 0 7px; } .form-all-add { padding: 8px 0 0 0; text-align: center; cursor: pointer; } .form5-li-name2,.form5-li-name3,.form5-li-name4,.form5-ul ul li input{ width: 30.09%; } .form5-ul-all ul li input{ border:1px solid #d9d9d9; box-sizing: border-box; height: 25px; line-height: 25px; font-size: 12px; color:#333; vertical-align: middle; margin-left: 1.2%; } .form-items4 textarea{ width: 100%; min-height: 80px; padding: 5px; border:1px solid #d9d9d9; } .form4-name2{ border-bottom: none; } .form6-ul li div,.form6-ul ul li input{ width: 32.4%; } .form6-ul ul input:first-child,.form7-ul ul input:first-child, .form8-ul ul input:first-child{ margin-left: 0; } .form7-ul li div,.form7-ul ul li input, .form8-ul li div,.form8-ul ul li input{ width: 18.54%; } .form8-sf{ margin: 15px 0 5px 0; } .form8-sf div,.form8-sf form{ display: inline-block; vertical-align: middle; } .form8-sf form input{ vertical-align: middle; margin:0 8px 0 20px; } .form-all-tj,.form-all-qc{ width: 150px; height: 45px; text-align: center; background: #e2a777; display: inline-block; cursor: pointer; } .form-all-qc{ background: #666666; margin-left: 10px; } .form-all-btns{ margin-top: 30px; text-align: right; } .form-all-lists{ box-shadow: 0 1px 3px rgba(0,0,0,.2); } .form-all-btns input{ background-image: url(../img/form3.png); background-position: right center; background-repeat: no-repeat; background-size: 12px 14px; background-color: #e2a777; padding-right: 30px; position: relative; top:50%; transform: translateY(-50%); border:none; } .form-all-qc div{ background-image: url(../img/sx.png); display: inline-block; background-position: right center; background-repeat: no-repeat; background-size: 12px 14px; background-color: #666666; padding-right: 30px; position: relative; top:50%; transform: translateY(-50%); } /* 鍙戝睍鍘嗙▼ */ .develop1-title-main{ font-weight: bold; line-height: 1; margin-top: 60px; } .dev-list1{ background: #fafafa; height: 260px; } .dev1-all{ width: 840px; } .dev2-items,.dev3-items { width: 760px; font-size: 0; text-align: center; position: relative; } .dev2-item{ margin-top: 573px; position: relative; left: 7px; } .dev2-item,.dev2-item2{ display: inline-block; vertical-align: top; } .dev2-item-title{ font-weight: bold; } .dev2-item ul{ position: absolute; top:90px; left: -260px; } .dev2-item2 ul{ position: absolute; left: 85px; top:50px; } .dev2-item2 .dev2-item-bz{ position: absolute; left: 0; top: 13px; } .dev2-item ul li,.dev2-item2 ul li{ width: 267px; } .dev2-item2 ul li{ display: flex; justify-content: flex-end; } .dev2-item ul li:first-child{ margin-bottom: 25px; } .dev2-item ul li:nth-child(2){ margin-bottom: 45px; } .dev2-item ul li:nth-child(3){ margin-bottom: 35px; } .dev2-item ul li:nth-child(4){ margin-bottom: 65px; } .dev2-item ul li:nth-child(5){ margin-bottom: 40px; } .dev2-item ul li:nth-child(6){ margin-bottom:30px; } .dev2-item ul li:nth-child(7){ margin-bottom:35px; } .dev2-item ul li:nth-child(8){ margin-bottom:60px; } .dev2-item-title{ line-height: 1.1; } .dev2-item2 ul li:first-child{ margin-bottom: 28px; } .dev2-item2 ul li:nth-child(2){ margin-bottom: 31px; } .dev2-item2 ul li:nth-child(3){ margin-bottom: 25px; } .dev2-item2 ul li:nth-child(4){ margin-bottom: 35px; } .dev2-item2 ul li:nth-child(5){ margin-bottom: 150px; } .dev2-item2 ul li:nth-child(6){ margin-bottom: 170px; } .dev2-item2 ul li:nth-child(7){ margin-bottom: 100px; } .dev2-item2 ul li:nth-child(8){ margin-bottom: 170px; } .dev2-item2 ul li:nth-child(9){ margin-bottom: 245px; } .dev2-item-content{ width: 182px; text-align: left; } .dev2-item-text{ line-height: 1.75; margin: 7px 0 0 0; } .dev2-item .dev2-item-bz{ position: absolute; right: 0; top: 13px; } .dev2-item .dev2-item-bz:before{ content:""; width: 8px; height: 8px; background: #e37451; display: inline-block; vertical-align: middle; border-radius: 50%; } .dev2-item2 .dev2-item-bz:after{ content:""; width: 8px; height: 8px; background: #e37451; display: inline-block; vertical-align: middle; border-radius: 50%; } .dev2-item-bz span{ width: 50px; height: 1px; background: #e37451; display: inline-block; vertical-align: middle; } .dev3-item ul li{ width: 385px; float: left; position: relative; text-align: left; } .dev3-item ul li:nth-child(2n){ float: right; position: relative; text-align: right; } .dev3-item ul li .line-dev3{ width: 12px; height: 100%; position: absolute; top:0; right: 0; background: #c2beb8; box-shadow: 0px 0px 9px 4px rgba(194,190,184,.8); } .dev3-item ul li:nth-child(2n) .line-dev3{ left:-2px; } .dev3-item ul li .dev3-line2{ width: 100%; height: 2px; background: #b1a19c; display: block; } .dev3-item-time{ font-weight: bold; line-height: 1; margin: 15px 0 8px 0; } .dev3-item-time:before{ content:""; border-radius: 50%; width: 8px; height: 8px; background: #e37451; display: inline-block; vertical-align: middle; margin-right: 24px; } .dev3-item-text{ padding: 0 50px 0 35px; box-sizing: border-box; line-height: 1.75; } .dev3-item ul li .dev3-yq{ width: 20px; height: 20px; background: #f7f0e6; border-radius: 50%; text-align: center; position: absolute; right: -5px; top: -10px; z-index: 20; } .dev3-all{ padding-bottom: 135px; } .dev3-nq{ width: 10px; height: 10px; background: #b1a19c; border-radius: 50%; position: relative; left: 50%; top: 50%; margin: -5px 0 0 -5px; } .dev3-item ul li:nth-child(2n) .dev3-item-time:before{ display: none; } .dev3-item ul li:nth-child(2n) .dev3-item-time:after{ content: ""; border-radius: 50%; width: 8px; height: 8px; background: #e37451; display: inline-block; vertical-align: middle; margin-left: 24px; } .dev3-item ul li:nth-child(2n) .dev3-yq{ left: -5px; top: -10px; } .dev3-item ul li:last-child .line-dev3{ border-radius: 0 0 6px 6px; } .dev2-main-title{ width: 18px; line-height: 1.2; font-weight: bold; color:#b1a19c; position: absolute;top: 0; left: 30px; } .dev2-main2-title{ left: 45px; } .dev3-main-title{ top: -60px; left: 55%; } .review-all-items{ margin-top: 81px; } .result-nav{ margin-top: 81px; } .result-all{ padding: 60px 0; } /* 鎼滅储 */ .head-ss-tc { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.4); top: 0; left: 0; z-index: 9999; text-align: center; opacity: 0; visibility: hidden; transition: all .3s ease; } .head-ss-content { font-size: 0; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); } .head-ss-input { outline: none; border: none !important; width: 450px; height: 60px; background: #fff; margin-bottom: 0; padding-left: 13px; font-size: 16px; color: #4c4c4c; box-sizing: border-box; /* border-radius: 5px; */ display: inline-block; vertical-align: middle; } .head-ss-btn { font-size: 20px; width: 200px; height: 60px; text-align: center; background: #e2a777; color: #fff; line-height: 60px; transition: all .3s ease; border: none !important; padding-left: 0 !important; margin-bottom: 0 !important; display: inline-block; vertical-align: middle; } .head-close-ss { position: absolute; right: 10%; top: 10%; cursor: pointer; } .on-head-ss-btn { opacity: 1; visibility: visible; } /* 鍙嬫儏閾炬帴涓嬫媺 */ .foot-yq-mulu{ width: 100px; position: absolute; left: -20px; top: 24px; display: none; } .foot-yq-mulu a{ background: #fff; padding: 5px 0; display: block; color:#999; text-align: center; transition: all.4s ease; } .foot-yq-mulu a:hover{ color:#e37451; background: #fff; } .bshare-custom2,.foot-m-yqlj{ display: none; } /* 鏂板css */ .wel-list11{ display: block; } .wel-list12{ display: none; } .list-btn li { display: block; width: .3rem; height: .03rem; background-color: #1b1b1b; transform-origin: left; opacity: 1; } .list-btn li:nth-child(2) { margin: .08rem 0; } .header-m{ height: .9rem; padding: 0 .4rem; box-sizing: border-box; background: #fff; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; } .headm-img{ position: relative; } .headm-img img{ width: 1.78rem; height: .34rem; position: relative; } .addm-all-ss,.list-btn{ display: inline-block; vertical-align: middle; } .addm-all-ss img{ width: .24rem; height: .24rem; margin-top: -.05rem; } .addm-all-line{ width: 1px; height: .25rem; background: #dedede; display: inline-block; vertical-align: middle; margin: 0 .2rem; } .m1-list{ display: none; } .list_ul { width: 100%; height: auto; background: #191919; position: absolute; top: .9rem; left: 0; z-index: 106; line-height: 2 !important; display: none; } .list_ul li { width: 100%; margin: 0 auto; background: #fff; padding: 0 .35rem; box-sizing: border-box; } .list_ul li .a1 { text-align: left; border-bottom: 1px solid #e8e8e8; text-decoration: none; font-size: .28rem; color: #444; padding: .15rem 0; display: flex; justify-content: space-between; align-items: center; } .a1 span { width: .2rem; height: .11rem; background: url(../img/images/r6_29.png) center center no-repeat; background-size: .2rem .11rem; transform: rotate(180deg); display: inline-block; transition: all .3s ease; } .mulum { /* padding: 0 .4rem; */ margin: 0 auto; border-bottom: 1px solid #e8e8e8; display: none; } .mulum a { font-size: .2rem; color: #444; display: block; padding: .15rem 0.4rem; line-height: 1.5 !important; } .add-li-first { width: .32rem !important; height: .03rem !important; transition: all .3s ease 0s; transform: rotate(43deg); } .add-li-last { width: .32rem !important; height: .03rem !important; transition: all .3s ease 0s; transform: rotate(-43deg); } .zhezhao { width: 100%; height: 100%; background: #000; opacity: 0.3; position: fixed; top: 1.55rem; z-index: 104; display: none; } .mulum-on { transform: rotate(360deg) !important; } /* 鏂板css */ .wel-list11{ display: block; } .wel-list12{ display: none; } .tw1-left-sec2x{ display: none; } /* 鏂板css */ .wel-list11{ display: block; } .wel-list12{ display: none; } .tw1-left-sec2x{ display: none; } .tw1-left-listadd2{ display: none; } .social-add-ldc{ display: none; } .fz-m{ display: none; } .detail-fy{ /* display: flex; */ } .wel3-right{ padding: 45px 0; box-sizing: border-box; } .detail-fy-all{ padding: 20px 0 0 0; display: flex; justify-content: space-between; align-items: center; } .detail-fy-all{ padding: 0 70px; } .detail-fy a{ transition: all .4s ease; display: block; } .detail-fy a span{ transition: all .4s ease; } .detail-fy a:first-child{ margin-right: 20px; } .detail-fy a:hover{ color:#e2a777; } .detail-fy a:hover span{ color:#e2a777; } .detail-fh{ width: 120px; height: 40px; line-height: 40px; border-radius: 30px; border:1px solid #a7a7a7; text-align: center; transition: all .4s ease; } .detail-fh:hover{ background: #e2a777; border:1px solid #e2a777; color:#fff; } .news2-text:hover{ color:#666; } .ins-add{ display: none; } .xg-ldc1{ position: absolute; right: 0; top:-9px; } .xg-img1{ cursor: pointer; } .xg-imgg{ width: 120px; max-width: unset; height: 120px; left: 50%; transform: translateX(-50%); bottom:45px; opacity: 0; visibility: hidden; transition: all .4s ease; } .xg-ldc1:hover .xg-imgg{ bottom: 30px; opacity: 1; visibility: visible; } body{ overflow: hidden; width: 1680px; margin: 0 auto !important; } .xgs-1{ width: 1200px; float: unset; margin: 0 auto ; } .tw14-right-add{ width: unset !important; flex: 1; } .join1-lf-line1,.join1-lf-line2{ display: none; } .header-1{ font-size: 0; } .xg-ml{ display: inline-block; } .add-xg-ml{ width:100%; background: #656462; float: right; } .xg-ml .w1200{ /* left: 50%; transform: translateX(-50%); */ } .lk-1{ width: 1000px; left: 0; overflow: hidden; } .add-xg-ml{ padding: 0 20px ; box-sizing: border-box; line-height: 47px !important; } .add-xg-ml a{ line-height: 55px !important; margin-right: 20px; } .lk-2 { width: 800px; } .lk-3{ width: 600px; } .lk-4{ width: 500px; } .lk-5{ width: 400px; } .add-xg-ml a:hover{ color:#e2a777 !important; background: transparent !important; } .dc-1{ transition: all .4s ease; top:50px; opacity: 0; visibility: hidden; } .on-dc{ top:61px; opacity: 1; visibility: visible; } .lk-6{ width: 700px; } .lk-7{ width: 900px; } /* 鏂板 */ .pic-big{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.4); left: 0; top: 0; z-index: 999; opacity: 0; visibility: hidden; transition: all .4s ease; } .on-p{ opacity:1; visibility: visible; } .pic-lb{ width: 560px; overflow: hidden; margin: 0 auto; top:50%; position: relative; transform: translateY(-50%); } .pic-lb img{ width: 100%; } .pic-close{ position: absolute; right: 10%; top: 10%; cursor: pointer; } .swiper-button-prevjoin2{ left: 20% !important; opacity: 1 !important; outline: none; background: url(../img/jt7-1.png) center center no-repeat !important; } .swiper-button-nextjoin2{ right: 20% !important; opacity: 1 !important; transform: rotate(180deg); outline: none; background: url(../img/jt7-1.png) center center no-repeat !important; } .tw12-all .swiper-slide{ cursor: pointer; } .join2-all-text a img{ position: absolute; top: 50%; width: 120px; height: 120px; left: 75px; transform: translateY(-50%); max-width: unset; opacity: 0; visibility: hidden; transition: all .4s ease; } .join2-all-text a:hover img{ left:52px; opacity: 1; visibility: visible; } /* */ .form1-scwj{ display: inline-block; vertical-align: top; } .form1-scwj .scjl{ color:#008177; font-weight: bold; line-height: 1.1; float: left; } .selsycd { width: 150px; height: 45px; text-align: center; background: #e2a777; display: inline-block; cursor: pointer; line-height: 45px; margin-right: 10px; position: relative; } .selsycd:after{ content:""; width: 12px; height: 14px; background: url(../img/jlsc.png) center center no-repeat; background-size:12px 14px; display: block; position: absolute; top:50%; transform: translateY(-50%); right: 14%; } .form1-scwj input, .form1-scwj select { float: left; width: 60%; border: none; outline: none; box-shadow: none; -webkit-appearance: none; border-radius: 0; margin-left: 3%; padding: 10px 2.5%; height: 20px; border: 1px solid #ddd; font-size: 14px; border-radius: 5px; } .form1-scwj .controls { display: none; } .dew-s{ bottom: 0; left: 0; width: 250px; text-align: left; color:#999; } .photos-list{ text-align: left; } .fancybox-img{ font-size: 14px; color:#999; } .tw12-lists5322{ display: block !important; font-size: 14px !important; } .sde-kl{ line-height: 1.35; } .sde-kl a{ display: inline-block; vertical-align: middle; }