锘?* (0 0) +=====oOO====(_)=========+ | Powered By Anxin | | Tel: 0572-5220701 | | Creation:2020.10.17 | +=================oOO====+ |__|__| || || ooO Ooo */ body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, figure, form, fieldset, legend, button, input, textarea, th, td, s { margin: 0; padding: 0; list-style: none } body { font-family: "Microsoft YaHei", sans-serif; } html, body { position: relative; height: 100% } h1, h2, h3, h4, h5, h6 { font-weight: 100; text-transform: capitalize } button, input, select, textarea { font-size: 100%; outline: 0 } a { color: #369; text-decoration: none } .clearfix:after { content: '\0020'; display: block; height: 0; clear: both; font-size: 0; visibility: hidden } .clearfix { zoom: 1 } .clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 } .fl { float: left; display: inline } .fr { float: right; display: inline } em, i { font-style: normal } .none { display: none } .block { display: block } .inline { display: inline-block !important; margin-right: 10px; } img { border: 0 } table { border-collapse: collapse; border: 0; cellspacing: 0; cellpadding: 0 } ::selection { background: #ddd; color: #111 } ::-webkit-scrollbar {width:8px;height:8px} ::-webkit-scrollbar-track {border-radius:2px;background: #fff;} ::-webkit-scrollbar-thumb {border-radius:2px;background: #aa862b;} ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {background: #aa862b;} .tipMain { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 40px; border-top: solid 1px #ccc; background: #fff; text-align: center; font-size: 13px; line-height: 40px } .tipMain .close { position: absolute; top: 0; right: 10px; width: 40px; height: 40px; color: red; text-align: center; font-weight: 400; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer } span.spanleft, .news-list .txt h5 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }/*瓒呭嚭鐨勬枃瀛楃渷鐣ワ紝瑕佸畾涔夊搴?/ a, .featured-post .byline, :after, :before,.scroll-qq-icon,.scroll-qq-wrap .swiperPic .prev, .swiperPic .next { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @font-face { font-family: 'iconfont'; /* project id 278253 Anxin閫氱敤鍥炬爣 */ src: url('https://at.alicdn.com/t/font_278253_r7hoyaymqx.eot'); src: url('https://at.alicdn.com/t/font_278253_r7hoyaymqx.eot?#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_278253_r7hoyaymqx.woff2') format('woff2'), url('https://at.alicdn.com/t/font_278253_r7hoyaymqx.woff') format('woff'), url('https://at.alicdn.com/t/font_278253_r7hoyaymqx.ttf') format('truetype'), url('https://at.alicdn.com/t/font_278253_r7hoyaymqx.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'SourceHanSansCN-Light'; font-style: normal; font-weight: 100; src: url('../font/SourceHanSansCN-Light.eot'); src: url('../font/SourceHanSansCN-Light.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSansCN-Light.woff') format('woff'), url('../font/SourceHanSansCN-Light.ttf') format('truetype'), url('../font/SourceHanSansCN-Light.svg#chantilly_lightregular') format('svg'); font-weight: normal; font-style: normal } /******************************* -------[=椤甸潰------- ********************************/ body { font-size: 16px;line-height: 1.8; overflow-x: hidden;position: relative; background: url(../images/body.jpg) center top no-repeat fixed; } .wrapper{width:1200px; margin:0 auto; position: relative;} .text { padding: 0; } .text,.text * { color: #666; font-size: 18px; line-height: 34px; letter-spacing: 0.75px; word-wrap: break-word; } .text img { max-width: 100%; margin: 10px auto; display: block; } .info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; font-weight: normal !important; white-space: normal !important; word-wrap: normal !important; }/*-webkit-line-clamp: 8;*/ .info * { -webkit-box-orient: horizontal; width: auto; display: inline !important; padding: 0; margin: 0; font-weight: normal !important; white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important } .info img { display: none !important; opacity: 0; } .flex { display: -webkit-box; display: -webkit-flex; display: flex; display:table \9; width:100% \9 } .flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display:table-cell \9} #header{background:url(../images/header.png) center top no-repeat; position: absolute;left:0; top:0;z-index: 100; width:100%;height:209px;} .header{height:150px; display:block;} #nav a{ font-family: "SourceHanSansCN-Light";font-size: 20px; color:#000;font-weight: 300; display: inline-block; margin-right: 75px;padding-top: 68px;background: url(../images/nav-active.png) center -36px no-repeat;} #nav a span{font-family: "SourceHanSansCN-Light"; display: block;font-size: 12px;font-weight: 100;text-transform: uppercase; text-align: center;margin-top: -5px; opacity: 0.4;} #nav a.active,#nav a:hover{background-position: center 0; color:#aa862b} #nav a.active span,#nav a:hover span{ color:#aa862b} #nav .fr{ text-align: right;} #nav .fr a{margin-right:0; margin-left:75px;} .title{background: url(../images/title-below.png) center bottom no-repeat;margin:150px 0 70px 0; padding: 0 0 50px 0;font-family: "SourceHanSansCN-Light"; font-size: 36px; color:#262626; text-align: center;} .title span{font-family: "SourceHanSansCN-Light"; display:block; text-align: center;font-weight:100;text-transform: uppercase; font-size: 24px; color: #d9cbba; margin-bottom: -10px;} .more{background:#ac8f49; display:inline-block; padding:0 15px;line-height: 30px; height:30px; border-radius: 15px;font-family: "SourceHanSansCN-Light"; } .more a{font-size: 16px; color:#fff;text-transform: uppercase;color:#fff;} /******************************* -------[=鍥剧墖鍒囨崲------- ********************************/ .swiperPic { width: 100%;position: relative; } .swiperPic .bd { position: relative; z-index: 0; } .swiperPic .bd li { zoom: 1; vertical-align: middle; background-position: center; background-repeat: no-repeat; } .swiperPic .hd { position: absolute; width: 100%; left: 0; bottom: 20px; } .swiperPic .hd ul { position: relative; float: left; left: 50%; } .swiperPic .hd ul li { position: relative; float: left; right: 50%; margin: 0 5px; text-indent: -90000px; background: none; width: 6px; height: 6px; border-radius: 50%; background: #ddd; cursor: pointer; } .swiperPic .hd ul li.on, .swiperPic .hd ul li:hover { background: #aa862b; } .swiperPic .prev, .swiperPic .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 50px; height: 50px;border-radius: 50%; background: rgba(0,0,0,0.2); text-align: center;line-height: 50px; filter: alpha(opacity=0); opacity: 0; } .swiperPic .next { left: auto; right: 3%; } .swiperPic .prev .iconfont, .swiperPic .next .iconfont { font-size: 30px;line-height: 50px; color: rgba(255,255,255,0.5); } .swiperPic:hover .prev, .swiperPic:hover .next { filter: alpha(opacity=80); opacity: 0.8; } .swiperPic:hover .prev:hover, .swiperPic:hover .next:hover {background: #aa862b} .swiperPic:hover .prev {left: 0 } .swiperPic:hover .next { right:0;} /******************************* -------[=鍒嗛〉------- ********************************/ .fenye { overflow: hidden; width: 100%; padding: 0; margin: 15px 0 50px 0; } .fenye .page { text-align: center } .fenye .page .TotalPages { font-size: 14px; color: #444; padding-left: 10px; } .fenye .page a { font-size: 14px; height: 32px; line-height: 32px; font-weight: normal; padding: 0 13px; display: inline-block; margin: 0 5px; background: #FFFFFF; border: 1px solid #ddd; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08); border-radius: 4px; color: #333; } .fenye .page a.on { background: #c4a38e; color: #fff; border: 1px solid #111; } .fenye .page span.more { width: 37px; height: 32px; line-height: 32px; font-weight: normal; padding: 0px; display: inline-block; margin: 0 5px -11px 5px; background: url(../images/FenyePageMore.png) no-repeat center center #fff; border: 1px solid #D8E6E0; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08); border-radius: 4px; color: #333; } .fenye .page a.current { height: 32px; line-height: 32px; padding: 0 13px; border-radius: 3px; display: inline-block; margin: 0 5px; background: #333; border: 1px solid #111; color: #fff; } .page a.next, .page a.prev { height: 32px; } .page a.prev { /*background: url(../images/FenyePagePrev.png) left center no-repeat #fff; padding-left: 30px;*/ text-align: left; } .page a.next { /*background: url(../images/FenyePageNext.png) right center no-repeat #fff; padding-right: 30px;*/ text-align: right } .fenye .page a:hover, .fenye .page a.on, .fenye .page a.current { background: #aa862b; border-color: #aa862b; color: #fff } .toTop { position: fixed; opacity: 1 !important; z-index: 9998; bottom: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; right: 0; -webkit-transform: translate3d(0, 0, 0); background-color: #888; cursor: pointer; display: none; *display: none !important } .toTop i { font-size: 26px; color: #fff; } .toTop:hover { background: #aa862b; } .toTop:active { background: #aa862b; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); } #scroll-qq{position:absolute;z-index: 1000;right:0px; top:160px;} #scroll-qq .scroll-qq-icon{display: inline-block;} #scroll-qq .scroll-qq-wrap{display: none; position: relative;background: url(../images/qq-icon-2.png) center no-repeat; width:160px; height:500px;} #scroll-qq .scroll-qq-wrap img{display: none;opacity: 0} #scroll-qq .scroll-qq-wrap a{display: block; width:100%; height:200px;z-index: 10;} /******************************* -------[=椤甸潰搴曢儴------ ********************************/ #footer{background:#e8e8e8; padding-top: 40px;} #footer .fl .img{margin-bottom: 25px;} #footer .fl .img img{display:block; float:left;} #footer .fl .img a{display:inline-block; margin-left:30px; width:60px; height:60px; border-radius: 50%;border: solid 1px #858585;text-align: center;position: relative;} #footer .fl .img a .icon{font-size: 30px; color:#000;line-height: 60px;} #footer .fl .img a .qrcodePop {width: 180px;box-sizing: border-box; background: #fff; padding: 6px; position: absolute; border-radius: 5px;left:0px;bottom:80px;margin-left:-60px;opacity: 0; -webkit-transition: .5s cubic-bezier(.3, 0, 0, 1.3); -moz-transition: .5s cubic-bezier(.3, 0, 0, 1.3); -ms-transition: .5s cubic-bezier(.3, 0, 0, 1.3); -o-transition: .5s cubic-bezier(.3, 0, 0, 1.3); transition: .5s cubic-bezier(.3, 0, 0, 1.3); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); border:solid 1px #858585; display:none \9} #footer .fl .img a .qrcodePop p {font-family: "SourceHanSansCN-Light"; font-size: 16px; text-align: center; color:#111;} #footer .fl .img a .qrcodePop .arrow { position: absolute; overflow: hidden; pointer-events: none;width: 30px; height: 15px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); left:0; bottom:0;margin-left:90px; margin-bottom:-30px;display:none \9;} #footer .fl .img a .qrcodePop .arrow:after { content: ''; position: absolute; box-sizing: border-box; width: 17px; height: 17px; margin: -10px; border: 1px solid #858585; background: #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); pointer-events: auto; left: 50%; top: 0px; } #footer .fl .img a .qrcodePop img{display:block; width:100%; height:100%} #footer .fl .img a:hover .qrcodePop {opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); display:block \9;} #footer .fl .img a:hover{background: #aa862b;border-color:#aa862b} #footer .fl .img a:hover .icon{color:#fff;} #footer .fl .txt p{line-height: 45px;font-family: "SourceHanSansCN-Light"} #footer .fr{width: 720px} #footer .fr ul li{width:120px; padding-left: 120px;float:left;} #footer .fr ul li a{color:#000} #footer .fr ul li a:hover{color:#aa862b} #footer .fr ul li h5{font-family: "SourceHanSansCN-Light"; font-size: 24px;margin-bottom: 30px;} #footer .fr ul li p{font-family: "SourceHanSansCN-Light"; font-size: 18px;line-height: 45px; text-align: left;white-space: nowrap;} #footer #copyright{background:#000000;padding:15px 0; margin-top: 40px;} #footer #copyright,#footer #copyright *{ font-size: 18px; text-align: center; font-weight: 100; color:#f6f0dd;font-family: "SourceHanSansCN-Light";} /******************************* -------[=鍐呴〉------ ********************************/ .main-head { width: 100%; height: 430px; position: relative; overflow: hidden; } .main-head .main-head-img { position: absolute; width: 100%; height: 430px; z-index: 1; left: 50%; top: 0; margin-left: -960px; } .sub-nav.flex{padding:150px 0 80px 0} .sub-nav.flex .flex-item{position: relative;} .sub-nav.flex .flex-item:after{content:"";position: absolute; right:0; top:0;width:1px; height:100%; display:block; background: #cacaca;} .sub-nav.flex .flex-item:nth-last-child(1):after{display:none;} .sub-nav.flex .flex-item a img{display: block;margin:0 auto} .sub-nav.flex .flex-item:nth-child(1) a,.sub-nav.flex .flex-item:nth-child(3) a{display: table;text-align: center;} .sub-nav.flex .flex-item:nth-child(3) a{float:right;} .sub-nav.flex .flex-item a .img,.sub-nav.flex .flex-item a.active .active-img{display:block;} .sub-nav.flex .flex-item a.active .img,.sub-nav.flex .flex-item a .active-img{display:none;} .sub-nav.flex.pinpai .flex-item:nth-child(1) a{display: block} /*浼佷笟浠嬬粛*/ #aboutus-1{background: url(../images/aboutus-1.png) center center no-repeat;height:1200px;} #aboutus-1 .wrapper{padding-top: 230px;} #aboutus-1 .wrapper h4{font-size:72px;font-weight: 600; color:#000; letter-spacing: -2px;} #aboutus-1 .wrapper h4 span{font-size:30px; display: block;margin-top:-20px;} #aboutus-1 .wrapper h4:after{content:""; width:90px; height:5px; background: #000; margin: 15px 0 50px 0; display: block;} #aboutus-1 .wrapper .txt{width: 420px; } #aboutus-1 .wrapper .txt p{font-weight: 300;line-height: 40px; font-size: 18px; margin-bottom: 20px; } #aboutus-1 .wrapper .txt p:nth-child(1){font-size:22px;font-weight: 600;} #aboutus-2{background: url(../images/aboutus-2.png) center top no-repeat;height:650px;box-sizing: border-box; padding-top: 80px;} #aboutus-2 h4{font-size: 30px;font-weight: 600; line-height: 48px; text-align: center;color:#f6f0dd; margin-bottom: 15px;} #aboutus-2 p{font-family: "SourceHanSansCN-Light"; font-size: 18px; line-height: 60px; text-align: center;color:#f6f0dd;} /*鍙戝睍鍘嗙▼*/ .aboutus2{position:relative; padding: 50px 0} .aboutus2:before{content:""; width:2px; height:calc(100% - 340px);display:block;background:#aa862b;position:absolute;z-index: -1; left:230px; top:140px;bottom:200px;opacity: 0.3;} .aboutus2 ul li{background:url(../images/aboutus2-icon.png) 212px center no-repeat;display:table; width:100%; margin-bottom: 80px;} .aboutus2 ul li .year,.aboutus2 ul li .middle,.aboutus2 ul li .txt-wrap{display:table-cell;vertical-align: middle;word-break:break-all} .aboutus2 ul li .year{width: 210px;font-weight: 600; font-size: 72px; color:#000000;} .aboutus2 ul li .middle{width: 140px;} .aboutus2 ul li .txt-wrap{width: 850px; position:relative;border-radius: 10px; box-shadow: 0 1px 10px 2px rgba(0,0,0,0.1);border:solid 1px #ddd \9;} .aboutus2 ul li .txt-wrap:before{content:""; width:30px; height:30px; display: block; background:#fff; position: absolute; left:0; top:50%; margin-top:-15px;margin-left:-15px;-webkit-transform: rotate(45deg); transform: rotate(45deg);box-shadow: 0 1px 10px 2px rgba(0,0,0,0.1);display:none \9; } .aboutus2 ul li .txt-wrap .txt{width:100%; height:100%; position: relative; left:0; top:0;box-sizing: border-box; padding:40px 80px;border-radius: 10px; background:#fff;} .aboutus2 ul li .txt-wrap .txt,.aboutus2 ul li .txt-wrap .txt *{font-family: "SourceHanSansCN-Light";font-size: 36px; line-height: 60px; color:#000;} /*浼佷笟鏂囧寲*/ #aboutus3{background: url(../images/aboutus3.png) center -100px no-repeat; } #aboutus3 .flex{padding-top:450px;padding-bottom: 260px;} #aboutus3 .flex .flex-item h5{text-align: center; font-size: 30px;line-height: 48px;letter-spacing: -1px;color:#000; margin-bottom: 50px;} #aboutus3 .flex .flex-item p{font-family: "SourceHanSansCN-Light";text-align: center; font-size: 20px;line-height: 40px;letter-spacing: -1px;color:#000;} #aboutus3 .flex .flex-item:nth-child(2) h5,#aboutus3 .flex .flex-item:nth-child(2) p{color:#fff;} /*鍝佺墝涓績 2B Biobeauty*/ #renderings{background: url(../images/renderings.png) center center no-repeat; height:2150px;} #renderings .renderings{width: 870px; margin: 0 auto; padding-top: 960px;} #renderings .renderings p{font-family: "SourceHanSansCN-Light"; font-size: 24px; line-height: 48px; margin-bottom: 20px;} #renderings .renderings p img{margin:100px 0 80px 0; display: block;} #renderings .renderings .col2 p{font-size: 28px; font-weight: 600; line-height: 55px; margin-bottom: 0px;color:#7e872e} /*鍝佺墝涓績 AOVO*/ #renderings2{background: url(../images/renderings2.png) center center no-repeat; height:2150px;} #renderings2 .renderings2{width: 820px; margin: 0 auto; padding-top: 920px;} #renderings2 .renderings2 p{font-family: "SourceHanSansCN-Light"; font-size: 24px; line-height: 48px; margin-bottom: 20px;color:#fff;} #renderings2 .renderings2 p img{margin:120px 0 0 0; display: block;} /*鍝佺墝涓績 姣斿埄缇?/ #renderings3{background: url(../images/renderings3.jpg) center center no-repeat; height:2150px;} #renderings3 .renderings3{width: 820px; margin: 0 auto; padding-top: 920px;} #renderings3 .renderings3 p{font-family: "SourceHanSansCN-Light"; font-size: 24px; line-height: 48px;color:#343434;} #renderings3 .renderings3 p img{margin:120px 0 0 0; display: block;} /*浼佷笟浼樺娍*/ .cooperative{position:relative;margin-bottom: 160px;} .cooperative .img{position:absolute;left:0; top:0;width: 468px;height:100%} .cooperative .img img{diaplay:block;width:100%; height:100%; object-fit: cover;} .cooperative .txt{width:650px;margin-left: 550px; position: relative;} .cooperative .txt img{margin-bottom: 70px;} .cooperative .txt p{font-family: "SourceHanSansCN-Light";font-size:24px; line-height: 48px; color:#000;} .cooperative.right .img{right:0; left:auto;} .cooperative.right .txt{margin-left: 0;} .cooperative:nth-child(1){margin-top: 90px;} /*鍩硅鏀寔*/ .cooperative2{background: url(../images/cooperative2.png) center top no-repeat; height:1500px;} .cooperative2 .txt{padding-top:460px; padding-bottom: 50px;} .cooperative2 .txt p{font-family: "SourceHanSansCN-Light"; font-size: 28px; line-height: 50px; margin-bottom: 50px;color:#010101;} /*闂ㄥ簵鏈嶅姟*/ .cooperative3{ background: url(../images/cooperative3.png) center top no-repeat; height:1150px;} /******************************* -------[=鏂伴椈鍔ㄦ€?----- ********************************/ .news-list .news-list-ul{margin-right:-60px;margin-bottom: -10px;} .news-list .news-list-ul:after{content:""; display:table; clear:both;} .news-list .news-list-ul .news-list-li{width: 570px; margin:0 60px 75px 0;float:left;} .news-list .news-list-ul .news-list-li a{display: flex;display:table \9;} .news-list .news-list-ul .news-list-li a .date,.news-list .news-list-ul .news-list-li a .txt{display:inline-block;display:inline-table \9; box-sizing: border-box;} .news-list .date{color:#222;font-size: 30px;font-weight: 600; letter-spacing: -1px;line-height: 30px;text-align: right; background: #eaeaea; width:120px; height:110px;padding: 30px 25px;width: 100px \9; padding: 30px 20px 0 0 \9; } .news-list .date span{font-size: 20px;margin-top: 8px;letter-spacing: 3px; display: block;opacity: 0.4;} .news-list .txt{background: #f5f5f5;width: 450px;padding: 35px;} .news-list .txt h5{font-size: 18px; font-weight: 600; color:#000; line-height: 30px;} .news-list .txt .info{margin-top:20px;} .news-list .txt .info, .news-list .txt .info *{font-family: "SourceHanSansCN-Light";font-size: 14px;color:#787878; line-height: 30px;} .news-list .txt .info{-webkit-line-clamp: 4; height: 120px;} .news-list .news-list-li a:hover .date{background:#c0a256; color:#fff} .news-list .news-list-li a:hover .txt{background:#000} .news-list .news-list-li a:hover .txt h5{color:#fff} .news-list .news-list-li a:hover .txt .info,.news-list .news-list-li:hover .txt .info *{color:#bbbbbb} .news-list.news-first{ margin:60px 0;padding-left:400px; position: relative;} .news-list.news-first .news-first-img{ position: absolute;width: 450px; height:260px; left:0;top:45px;z-index: 2} .news-list.news-first .news-first-img img{width:100%; height:100%; object-fit: cover;} .news-list.news-first .news-first-txt{width:800px; height:350px; background: #eaeaea; position: relative;z-index: 1} .news-list.news-first .news-first-txt .date{position: absolute;right:0; top: 0} .news-list.news-first .news-first-txt .date,.news-list.news-first .news-first-txt .txt{background: none} .news-list .news-first-txt .txt{width: 600px; padding-top:105px;margin-left:65px; } .news-list .news-first-txt .txt .info{-webkit-line-clamp: 3} .news-list .news-first-txt a:hover .txt h5{color:#aa862b} .article { padding: 60px; } .article h1 { font-size: 28px;font-weight: 300; line-height: 60px; color:#010101;padding-bottom: 30px; } .article .tool { font-size: 14px; color: #999; border-bottom: solid 1px #ddd; padding-bottom: 20px; margin-bottom: 30px; } .article .tool img { margin: 5px 5px -2px 0; display: inline-block; } .article .tool .date { margin-right: 30px; } .article .articleTxt{width:670px; margin: 15px auto; background:#ffffff;} .article .articleTxt,.article .articleTxt * {font-size:14px;} .article .articleTxt * { background: none !important;font-family: "PingFangTC-Light" !important;color:rgb(62, 62, 62);letter-spacing: 2px;} .article .articleTxt img { max-width: 100%;width:auto !important; margin: 0 auto; display: block;} .article .articleTxt table { width: 100% !important } .article .articleTxt table td { word-wrap: break-word !important; font-size: 14px !important; padding: 10px !important; border: solid 1px #ddd !important;min-width:50px; max-width:auto !important; } .article .articleTxt table td *{ word-wrap: break-word !important; font-size: 14px !important;} /******************************* -------[=鑱旂郴鎴戜滑------ ********************************/ .contact{margin:80px 0 30px 0; width:1200px;} .contact .txt-wrap{width:650px;float:left;} .contact .txt-wrap .txt{margin-bottom:70px; position: relative;} .contact .txt-wrap .txt img{margin-right:40px;margin-top: -5px; display:block;float:left;width: 100px; height:100px;} .contact .txt-wrap .txt img.qrcode-wx{float:none;position:absolute; top:0; left:300px;width:100px; height:100px;} .contact .txt-wrap .txt,.contact .txt-wrap .txt a{font-weight: 600; color:#aa862b; font-size: 30px;line-height: 48px;} .contact .txt-wrap .txt span,.contact .txt-wrap .txt a span{font-family: "SourceHanSansCN-Light"; color:#000; font-size: 24px;display:block;margin-top: 0px;} .contact .txt-wrap .txt.qrcode{display: table;} .contact .txt-wrap .txt.qrcode .p{display: table-cell; width: 100px; text-align: center; margin-right: 16px;} .contact .txt-wrap .txt.qrcode .p img{float:none;margin-right: 0; display: block;} .contact .txt-wrap .txt.qrcode .p p{display: block; width: 100%; white-space: nowrap; text-align: center; ont-family: "SourceHanSansCN-Light"; color:#000; font-size: 16px; line-height: 1.5;} .contact .map-wrap { width: 540px; height: 1000px;float:right;} .contact .map-wrap iframe { width: 100%; height: 100%;border: 0;} .contact .map-wrap #map { width: 100%; height: 100%; } .contact .map-wrap #map .BMap_noprint, .contact .map-wrap #map .anchorBL, .contact .map-wrap #map .BMap_stdMpCtrl.BMap_stdMpType0.BMap_noprint.anchorTL { display: none !important } .contact .map-wrap #gaodi-map{width: 100%; z-index: 1;height: 100%;} .contact .map-wrap .amap-info { width: 360px; } .contact .map-wrap .amap-info-content{ padding: 20px 28px 20px 20px; } .mapInfo{width:100%;} .contact .map-wrap .mapInfo h6 { font-size: 16px; line-height: 1.5; margin-bottom: 12px; color: #333; font-weight: 600; } .contact .map-wrap .mapInfo p { font-size: 12px; line-height: 1.5; color: #666 } .amap-icon{background:url(../images/2023/amap-icon.png) center center no-repeat; width: 35px !important; height: 35px !important; transform: translate(-10px,0);} .amap-icon img{display: none !important; opacity: 0 !important;} /******************************* -------[=棣栭〉------ ********************************/ .swiperPic.banner {width: 100%} .swiperPic.banner, .swiperPic.banner .bd li { width: 100% } .swiperPic.banner .bd li img {display:block; width:100% } .swiperPic.banner .prev, .swiperPic.banner .next { left: 3%; width: 60px; height: 60px; background: rgba(0,0,0,0.2); border-radius: 8px; opacity: 0; display:flex; justify-content: center; align-items: center;} .swiperPic.banner .prev .iconfont, .swiperPic.banner .next .iconfont { font-size: 36px; color: rgba(255,255,255,0.5); } .swiperPic.banner .next { left: auto; right: 3% } .swiperPic.banner:hover .prev { left: 3%; opacity: 1 } .swiperPic.banner:hover .next { right: 3%; opacity: 1 } .swiperPic.banner:hover .prev:hover, .swiperPic.banner:hover .next:hover { background: rgba(0,0,0,0.4); } .swiperPic.banner:hover .prev:hover .iconfont, .swiperPic.banner:hover .next:hover .iconfont { color: #fff; } .swiperPic.banner .hd { bottom: 10px; height: 20px; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 1; cursor: pointer; } .swiperPic.banner .hd li { background: rgba(170,134,43,0.20); display: inline-block; width: 30px; height: 2px; margin: 0 10px; border-radius: 0 } .swiperPic.banner .hd li.on, .swiperPic.banner .hd li:hover { background: rgba(170,134,43,1); } /*浠g悊鍝佺墝*/ #Agency img{display:block;margin-bottom: 30px;} /*鍝佺墝璧勮*/ #ind-brandinfo{background: url(../images/ind-brandinfor-bg.png) center bottom no-repeat;} #ind-brandinfo .ind-brandinfo{ height:760px;} #ind-brandinfo .ind-brandinfo ul{padding:70px 0 0 600px} #ind-brandinfo .ind-brandinfo ul li{background:rgba(0,0,0,0.85);background:#111 \9; width: 440px;height:195px;box-sizing: border-box; padding:30px 20px; margin-bottom: 22px; color:#fff;display:table;} #ind-brandinfo .ind-brandinfo ul li a{color:#fff; display: flex; align-items: center;} #ind-brandinfo .ind-brandinfo ul li:nth-child(2){margin-left: 160px;} #ind-brandinfo .ind-brandinfo ul li .date,#ind-brandinfo .ind-brandinfo ul li .txt{display:table-cell;padding: 0 25px;} #ind-brandinfo .ind-brandinfo ul li .date{border-right:solid 1px rgba(255,255,255,0.2);font-size: 72px;line-height: 1; text-align: center;font-weight: 600;} #ind-brandinfo .ind-brandinfo ul li .date span{font-size: 18px; font-weight: 300;display:block;margin-top: 15px; padding-top: 15px; border-top:solid 1px #fff; font-family: "SourceHanSansCN-Light"} #ind-brandinfo .ind-brandinfo ul li .txt h5{font-size: 24px; font-weight: 600; width: 220px; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } #ind-brandinfo .ind-brandinfo ul li .txt .info,#ind-brandinfo .ind-brandinfo ul li .txt .info *{font-size: 16px;font-family: "SourceHanSansCN-Light";} #ind-brandinfo .ind-brandinfo ul li .txt .info{-webkit-line-clamp: 2} /*鍝佺墝娲诲姩*/ #ind-brandactivity{} #ind-brandactivity .first{display:block; margin-bottom: 30px;box-shadow: 0 1px 20px 2px rgba(0,0,0,0.1);} #ind-brandactivity .first:after{content:""; display:table; clear:both;} #ind-brandactivity .first>div{display:inline;} #ind-brandactivity .first .pic{} #ind-brandactivity .first .pic img{diaplay:block;object-fit: cover;width: 100%; height:100%} #ind-brandactivity .first .pic#col1{width: 520px;height:400px;} #ind-brandactivity .first .pic#col2{width: 680px;height:700px;float:right;} #ind-brandactivity .first .ind-brandactivity{width: 520px; height:300px;box-shadow:0;} #ind-brandactivity .first .pic#col1,#ind-brandactivity .first .ind-brandactivity{float:left;} #ind-brandactivity .first .ind-brandactivity .info{-webkit-line-clamp: 3; width:450px} #ind-brandactivity .first .ind-brandactivity .more{right:auto; left:50px;} #ind-brandactivity .ind-brandactivity{background:#fff; box-sizing: border-box; padding:35px 50px;box-shadow: 0 1px 20px 2px rgba(0,0,0,0.1);border:solid 1px #eee \9; position: relative;} #ind-brandactivity .ind-brandactivity .more{position: absolute;right:50px; bottom:35px;} #ind-brandactivity .ind-brandactivity h5{font-size: 24px;font-weight: 600; margin-bottom: 15px;} #ind-brandactivity .ind-brandactivity .info,.ind-brandactivity .info *{font-size: 16px;font-family: "SourceHanSansCN-Light";} #ind-brandactivity .ind-brandactivity .info{-webkit-line-clamp: 1; width:1000px} /*浼佷笟瀹炲姏*/ #ind-strength{background: url(../images/ind-strength.png) center bottom no-repeat; height:520px;} #ind-strength .ind-strength{height:945px; padding-left: 760px; padding-top: 60px;box-sizing: border-box;font-size: 18px; line-height: 48px;color:#000;font-family: "SourceHanSansCN-Light";} #ind-strength .ind-strength p{margin-bottom: 20px;} /*鍝佺墝閾炬帴*/ .link{ margin-bottom: 150px;} .swiperPic.link-wrap .prev{margin-left:-80px;} .swiperPic.link-wrap .next{margin-right:-80px;} .swiperPic.link-wrap .hd{margin-bottom:-50px;} .link .linkUl{margin-right:-160px;} .link .linkUl li{margin-right:160px;width: 180px; float:left;} .link .linkUl li img{width: 180px;height:130px; display:block; object-fit: cover;} @media only screen and (max-width : 1919px ) { }