.pull-left { float: left; } .pull-right { float: right; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .clearfix { *zoom: 1; } .wrap1460 { width: 1460px; } .site_banner_wrap { position: relative; } .site_banner_wrap img { width: 100%; } .site_banner_wrap .bannertext { width: 100%; position: absolute; bottom: 0; left: 0; } .site_banner_wrap .bannertext h2 { margin-bottom: 20px; color: #fff; } .site_banner_wrap .bannertext em { display: block; width: 55px; height: 5px; background: #92673c; } .temawrap .teamlist { padding:5% 0; } .temawrap .teamlist li { margin-bottom: 1.5%; margin-right: 1.37%; cursor: pointer; overflow: hidden; position: relative; width: 23.97%; } .temawrap .teamlist li img { width: 100%; } .temawrap .teamlist li div { transition: all 0.5s; padding: 5% 8%; position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box; background: rgba(146,103,60,0.9); color: #fff; } .temawrap .teamlist li:nth-child(4n) { margin-right: 0; } .flexbox { display: none; z-index: 999; position: fixed; width: 100%; height: 100vh; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); } .flexbox .box { max-width: 1200px; padding:5%; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: 100% 100%; } .flexbox .box img { width: 28.43%; margin-right: 5%; } .flexbox .box .rightbox { padding: 3% 5% 5%; width: 56%; border-left:1px solid #D2C2B3; } .flexbox .box .rightbox h2 { margin-bottom: 5px; color: #000; } .flexbox .box .rightbox > p { margin-bottom: 40px;color: #000; } .flexbox .box .rightbox .edit_con_original { height: 19em; color: #000; } .flexbox .box .icon-close { position: absolute; right: 10px; top: 0px; cursor: pointer; } @media only screen and (max-width: 1660px) { .flexbox .box { max-width: 1000px;} } @media only screen and (max-width: 1400px) { .flexbox .box { max-width: 800px;} } @media only screen and (max-width: 1024px) { .temawrap .teamlist li div{position: static;} .temawrap .teamlist li div p{ height: 3em; overflow: hidden;} } @media only screen and (max-width: 1023px) { .flexbox .box{padding: 5%;} } @media only screen and (max-width: 767px) { .temawrap .teamlist li { margin-bottom: 2%; margin-right: 2%; cursor: pointer; overflow: hidden; position: relative; width: 48%; } .temawrap .teamlist li:nth-child(2n) { margin-right: 0; } .temawrap .teamlist li:nth-child(2n - 1) { clear: both; } .flexbox .box { padding: 5%; height: auto!important; } .flexbox .box img { /*width: 100%; margin-right: 0;*/ float: none; display: block; width: 80%; margin: 0 auto; } .flexbox .box .rightbox { padding: 5% 0; border-left: none; width: 100%; } .flexbox .box { background-size: cover; } .flexbox .box .rightbox > p{margin-bottom: 10px;} .flexbox .box .rightbox .edit_con_original{ /*height: 9.2em;*/ height:7.5em;} } .bannertextt { width: 100%; color: #94683d; } .expert_02,.expert_01 { background: #f5f5f5; } .expert_02 ul li { position: relative; width: 33.33%; margin-bottom: 60px; } .expert_02 ul{margin:0 -30px;} .expert_02 ul li a{display: block;margin:0 30px;overflow: hidden;position: relative;} .expert_02 ul li img{max-width:100%;} .expert_02 ul li:nth-child(3n) { margin-right: 0; } .expert_02 ul li > img { width: 100%; } .expert_02 ul li a > div { color: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .expert_02 ul li a > div div { box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 35px; } .expert_02 ul li:nth-child(3n+1) { clear: both; } .expert_02 h2{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .expert_02 p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .expert_01 { background: #efeeed; } .part_title { padding-bottom: 2%; padding-top: 6.14583333%; } .part_des { position: relative; margin-top: 10px; } .part_des .lab { display: inline-block; vertical-align: bottom; color: #94683d; } .part_des .txt { display: inline-block; vertical-align: bottom; font-size: 18px; margin-left: 30px; } @media only screen and (max-width: 768px) { .expert_02 ul li { width: 100%; } } .global01 { padding-top: 3%; padding-bottom: 4%; } .global01 ul li { width: 33.33%; margin-bottom: 2%; } .global01 ul li div { box-sizing: border-box; padding: 8% 10% 0; } .global01 ul li div h3 { text-transform: uppercase; margin-bottom: 20px; } .global01 ul li div a { text-transform: uppercase; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; -ms-transition: all 0s; } .global01 ul li div p { position: relative; text-transform: uppercase; margin-bottom: 3px; padding-left:45px; } .global01 ul li div p span{position: absolute; lefT:0; top:0; width: 45px;} @media only screen and (max-width: 1599px) { .global01 ul li div{padding: 6% 6% 0;} } @media only screen and (max-width: 1399px) { .global01 ul li div { box-sizing: border-box; padding: 5% 5% 0; } .global01 ul li div h3 { text-transform: uppercase; margin-bottom: 5px; } } @media only screen and (max-width: 1365px) { .global01 ul li div p{margin-bottom: 0;} } @media only screen and (max-width: 768px) { .global01 ul li { width: 100%; height: auto!important; color: #fff; margin-bottom: 10px; background: url(../upload/20221227/bngongshi_04.jpg); } .global01 ul li a { color: #fff; } .global01 ul li div { box-sizing: border-box; padding:5%; } } .partner01 { padding: 4% 0 4%; } .partner01 .titlepar { color: #333333; } .partner01 .imgboxtop { margin:4% 0 6%; position: relative; } .partner01 .imgboxtop > img { width: 100%; } .partner01 .imgboxtop ul { text-align: center; position: absolute; bottom:0; width: 100%; background:rgba(150,100,60,0.8); } .partner01 .imgboxtop ul li { padding:2.5% 0 2.5% 3%; float: left; position: relative; text-align: center; color: #fff; width: 30.33%; } .partner01 .imgboxtop ul li .z {text-align: center; position: relative; padding-right: 9%;} .partner01 .imgboxtop ul li .z::after{content: ""; position: absolute; right:0; top:0; width: 3px; height: 100%; background: #B69377;} .partner01 .imgboxtop ul li:last-child .z::after{ display: none;} .partner01 .imgboxtop ul li:last-child .z{ border-right: none;} .partner01 .imgboxtop ul li .z img { width: 40px; height: 40px; overflow: hidden;} .partner01 .imgboxtop ul li .z img+span{ margin-left: 10px;height: 40px; line-height: 40px;} .partner01 .imgboxtop ul li .z p { margin-top: 5%; } .partner01 .imgbottombox{margin-top: 4%;} .partner01 .imgbottombox li { z-index: 9; border-bottom: 4px solid transparent; position: relative; box-sizing: border-box; padding:3% 5%; background: #EEEFEF; width: 49.31%; margin-right: 1.38%; margin-bottom: 1.38%; } .partner01 .imgbottombox li img { margin-bottom: 20px; width: 50px; height: 50px; } .partner01 .imgbottombox li h2 { margin-bottom: 10px; color: #000; } .partner01 .imgbottombox li h4 { opacity: 0; font-size: 100px; position: absolute; right: 0; bottom: 0px; line-height: 0.9; color: #f5f2f0; } .partner01 .imgbottombox li p { color:#000; } .partner01 .imgbottombox li:nth-child(2n) { margin-right: 0; } .partner02 { padding:7% 0; color: #fff; } .partner02 .txt{padding-left: 5%;} .partner02 h2 { color: #fff; margin-bottom: 15px; } @media only screen and (max-width: 1365px) { .partner01 .imgbottombox li h4{font-size: 60px;} } @media only screen and (min-width: 1025px) { .imgbottombox li:hover { z-index: 99; transition: all 0.3s; background: #fff; border-bottom: #92673c solid 4px; transform: scale(1.1, 1.2); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } .imgbottombox li:hover h4 { opacity: 1; } .temawrap .teamlist li:hover div { top: auto; bottom: 0; background: rgba(146, 103, 60, 0.8); } .global01 ul li:hover { background: url('../upload/20221227/bngongshi_04.jpg'); } .global01 ul li.hover { background: url('../upload/20221227/bngongshi_04.jpg'); } .global01 ul li:hover h2,.global01 ul li.hover h2, .global01 ul li:hover h3,.global01 ul li.hover h3, .global01 ul li:hover p,.global01 ul li.hover p, .global01 ul li:hover a,.global01 ul li.hover a { color: #fff !important; } } @media only screen and (max-width: 768px) { .partner01 .imgboxtop ul { position: static; } .partner01 .imgboxtop ul li { padding:5% 5% 0; width: 90%; } .partner01 .imgboxtop ul li .z{padding-bottom: 5%; border-bottom: 1px solid #B69377;} .partner01 .imgboxtop ul li .z::after{ display: none;} .partner01 .imgboxtop ul li .z img{width: 35px; height: 35px;} .partner01 .imgboxtop ul li .z p { margin-top: 10px; } .partner01 .imgbottombox li p { line-height: 1.2; height: 2.4em; } .partner02 h2 { color: #fff; margin-bottom: 5px; } } .industry01 { padding: 4% 0; } .industry01 .inwrap > ul { margin-bottom: 4%; padding: 3% 0 3%; text-align: center; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } .industry01 .inwrap > ul li { display: inline-block; width: 33%; box-sizing: border-box; border-right: 1px solid #92673c; } .industry01 .inwrap > ul li>img{width: 50px; height: 50px; overflow: hidden;} .industry01 .inwrap > ul li h2 { color: #92673c; margin-top: 10px; height: 1.5em; overflow: hidden; margin-bottom: 20px; } .industry01 .inwrap > ul li h2+p{ height: 3em; overflow: hidden;} .industry01 .inwrap > ul li:nth-child(3) { border: none; } @media only screen and (max-width:767px) { .industry01 .inwrap > ul li h2+p{ height: auto;} } .industry01 .tab_map{margin-bottom: 3%; text-align: center;} .industry01 .tab_map li{ display: inline-block; margin:0 15px;} .industry01 .tab_map li a{position: relative;} .industry01 .tab_map li a:after{content: "";width: 100%;height: 2px;background: #96643c;display: none;bottom: -8px;position: absolute;left: 0;} .industry01 .tab_map li.on a{color: #96643c;} .industry01 .tab_map li.on a:after{display: block;} .industry01 .basemap{ max-width: 980px; margin: 0 auto 2%; text-align: center; position: relative;} .basemap img{max-width: 100%;} .basemap .phone_img{ display: none;} .basemap .pc_img{position: relative;} .basemap .pc_img li{transition: 0.3s all;position: absolute; cursor: pointer; width: 12px; height: 12px; border-radius: 12px; background: #4E3722;} .basemap .pc_img li span{ display: none;} .basemap .pc_img li::before{transition: 0.3s all; cursor: pointer; display: none; content:""; position: absolute; lefT:-4px; top:-4px; width: 12px; height: 12px; border:4px solid #D8BFA5;border-radius: 12px;} .basemap .pc_img li.on::before{display: block;} /*.basemap .pc_img li .ico_l{ opacity: 0; position: absolute; right:-14px; top:-5px; width: 0; height: 0; border-right: 10px solid #EEEFEF; border-top: 10px solid transparent;border-bottom: 10px solid transparent;} .basemap .pc_img li .ico_r{opacity: 0; position: absolute; left:-16px; top:-5px; width: 0; height: 0; border-left: 10px solid #EEEFEF; border-top: 10px solid transparent;border-bottom: 10px solid transparent;} .basemap .pc_img li.on em{ opacity: 1;}*/ .basemap li.li08{left: 17.1428%; top:36.3333%;}/*缇庡浗*/ .basemap li.li09{left: 22.2448%; top:68%;}/*绉橀瞾*/ .basemap li.li10{left: 26.7346%; top:82.5%;}/*宸磋タ*/ /*.basemap li.li05{left: 44.1877%; top:27.5%;}/*鑻卞浗*/ .basemap li.li06{left: 44.1877%; top:27.5%;}/*鑻卞浗*/ .basemap li.li02{left: 43.5775%; top:37.6333%;}/*钁¤悇鐗?/ /*.basemap li.li06{left: 48.7755%; top:19.3333%;}*//*姣斿埄鏃?/ .basemap li.li04{left: 48.6795%; top:26.3333%;}/*娉曞浗*/ .basemap li.li07{left: 46.9387%; top:34.1666%;}/*鎰忓ぇ鍒?/ .basemap li.li03{left: 53.2653%; top:30%;}/*寰峰浗*/ /*.basemap li.li06{left: 55.1020%; top:38.6666%;}/*濂ュ湴鍒?/ .basemap li.li05{left: 49.5%; top:19%;} .basemap li.li13{left: 57.7551%; top:45.3333%;}/*浠ヨ壊鍒?/ /*.basemap li.li12{left: 60.7142%; top:25%;}*//*淇勭綏鏂?/ .basemap li.li12{left: 66.5306%; top:48.6666%;}/*鍗板害*/ .basemap li.li01{left: 84.6938%; top:33.3333%;}/*涓浗*/ .basemap li.li11{left: 87.0469%; top:49%;}/*鏃ユ湰*/ .basemap li.li14{left: 83.6734%; top:70.5%;}/*鏂板姞鍧?/ .basemap li.li15{left: 86.7346%; top:82.6666%;}/*婢冲ぇ鍒╀簹*/ .maptxt{ /*display: none;*/ transition: 0.3s all;opacity: 0; visibility: hidden; position:absolute;z-index:99;padding:2% 3%;left:30%;top:30%;width: 460px; box-sizing: border-box; text-align: left;background: #EEEFEF;} .maptxt.show{ opacity: 1; visibility: visible;} .maptxt .ico_l{position: absolute; left:-10px; top:35px; width: 0; height: 0; border-right: 10px solid #EEEFEF; border-top: 10px solid transparent;border-bottom: 10px solid transparent;} .maptxt .ico_r{position: absolute; right:-10px; top:35px; width: 0; height: 0; border-left: 10px solid #EEEFEF; border-top: 10px solid transparent;border-bottom: 10px solid transparent;} .industry01 .map { width: 100%; } .industry01 .map li{ display: none;text-align: center;} .industry01 .map li img{max-width: 100%;} .industry01 .map li.on{ display: block;} .industry01 .ulwrap ul {padding: 10px;} .industry01 .ulwrap ul li { position: relative; display: inline-block; margin-right: 10px; width: 75px; text-align: center; line-height: 25px; height: 25px; color: #4e4e4e; background: #f5f5f5;transition: 0.3s all; } .industry01 .ulwrap ul li::after { content: ''; position: absolute; width: 8px; top: 50%; left: 15%; transform: translateY(-50%); height: 8px; background: pink; border-radius: 25px;transition: 0.3s all; } .industry01 .ulwrap ul li.jk::after { background: #0075c2; } .industry01 .ulwrap ul li.kl::after { background: #e57f13; } .industry01 .ulwrap ul li.fz::after { background: #94673d; } .industry01 .ulwrap ul li.zz::after { background: #5e9b3f; } .industry01 .ulwrap ul li.on{color:#fff; background: #94673d;} .industry01 .ulwrap ul li.on::after{background: #fff!important;} .publ{ display: none;} .publ ul li { position: relative; box-sizing: border-box; margin-bottom: 4%; width: 33%; } .publ ul li > div { background: #f8f8f8; margin: 0 5%; box-sizing: border-box; padding: 4% 8% 10%; } .publ ul li:nth-child(3n) { margin-right: 0; } .publ ul li em,.maptxt em{ position: absolute; top: 0; width: 96px; height: 4px; background: #92673c; } .publ ul li h2,.maptxt h2{ color: #92673c; } .publ ul li h3 { color: #92673c; } .publ ul li .listwrap,.maptxt .listwrap{ margin-top: 20px; width: 100%; } .publ ul li .listwrap .list,.maptxt .listwrap .list{ margin-bottom: 10px;line-height: 24px; height: 24px; float: left; width: 50%; box-sizing: border-box; } .maptxt .listwrap{height: 200px; overflow-y: auto; overflow-x: hidden;} .maptxt .listwrap .list{position: relative; padding-left: 20px; width: 100%;} .maptxt .listwrap .list zz,.maptxt .listwrap .list jk,.maptxt .listwrap .list kl,.maptxt .listwrap .list fz{position: absolute; lefT:0;} .publ ul li .listwrap .list jk,.maptxt .listwrap .list jk{ margin-right: 10px; font-size: 36px; line-height: 24px; height: 24px; float: left; color: #0075c2; } .publ ul li .listwrap .list kl,.maptxt .listwrap .list kl{ margin-right: 10px;font-size: 36px; line-height: 24px; height: 24px;float: left; color: #e57f13; } .publ ul li .listwrap .list fz,.maptxt .listwrap .list fz{ margin-right: 10px;font-size: 36px; line-height: 24px; height: 24px;float: left; color: #94673d; } .publ ul li .listwrap .list zz,.maptxt .listwrap .list zz{ margin-right: 10px;font-size: 36px; line-height: 24px; height: 24px;float: left; color: #5e9b3f; } @media only screen and (max-width: 1800px) { .industry01 .tab_map li{margin: 0 12px;} } @media only screen and (max-width: 1599px) { .industry01 .tab_map li{margin: 0 10px;} } @media only screen and (max-width: 1365px) { .industry01 .tab_map li{margin: 0 8px;} } @media only screen and (max-width: 1279px) { .industry01 .tab_map li{margin-bottom: 10px;} } @media only screen and (max-width: 1023px) { .publ{ display: block;} .basemap .pc_img{ display: none;} .basemap .phone_img{ display: block;} .industry01 .tab_map{ display: none;} .publ ul li{ float: left; width: 33.33%;} .maptxt{ display: none;} } @media only screen and (max-width: 768px) { .industry01 .inwrap > ul li { display: inline-block; width: 100%; box-sizing: border-box; border-right: none; margin-bottom: 20px; } .industry01 .inwrap > ul li h2 { color: #92673c; margin-top: 0px; margin-bottom: 5px; } .publ ul li { position: relative; box-sizing: border-box; margin-bottom: 4%; width: 100%; } } @media only screen and (max-width: 767px) { .industry01 .ulwrap ul{padding: 0;} .industry01 .ulwrap ul li{ width: 70px; margin-right: 5px;} .publ ul li > div{margin: 0; padding: 5%;} .publ ul li em, .maptxt em{ width: 40px; height: 2px;} } @media only screen and (max-width: 768px) { .expert_02 ul li { width: 100%; } } /*2023-03-18*/ @media only screen and (max-width:1440px) { .expert_02 ul{margin:0 -20px;} .expert_02 ul li a{margin:0 20px;} .expert_02 ul li{margin-bottom: 40px;} } @media only screen and (max-width:1024px) { .expert_02 ul li a > div div{padding: 10px;background: rgba(146,103,60,0.8);} } @media only screen and (max-width:767px) { .expert_02 ul{margin:0 ;} .expert_02 ul li a{margin:0 ;} .expert_02 ul li{margin-bottom: 20px;} } @media only screen and (min-width:1025px) { .d_02{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; -webkit-transform: translateY(20px); -moz-transform: translateY(20px);-o-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px); } .d_02 p{visibility: hidden;opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .expert_02 ul li:hover a > .d_01 { background-position: 0 bottom; background-repeat:no-repeat; } .expert_02 ul li:hover a > .d_01 .d_02{ background: rgba(146,103,60,0.8); -webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); } .expert_02 ul li:hover a > .d_01 .d_02 p{ visibility: visible;opacity: 1; } } /*瑙e喅mac瀵艰埅婊氬姩鏉¢殣钘?/ ::-webkit-scrollbar{ widtH:10px; height: 10px;} ::-webkit-scrollbar-thumb{border-radius: 1em; background: rgba(50,50,50,0.1);} ::-webkit-scrollbar-track{border-radius: 1em;background: rgba(50,50,50,0.1);}