锘?contact-part li h3.fnt_56{font-size: 56px;} .fnt_100{font-size: 100px;} .fnt_110{font-size: 110px;} .fnt_150{font-size: 150px;} @media only screen and (max-width:1660px) { .fnt_56{font-size: 50px;} .fnt_100,.fnt_110{font-size: 80px;} .fnt_150{font-size: 120px;} } @media only screen and (max-width:1440px) { .fnt_56{font-size: 40px;} .fnt_100,.fnt_110{font-size: 60px;} .fnt_150{font-size: 100px;} } @media only screen and (max-width:1366px) { .fnt_56{font-size: 36px;} .fnt_100,.fnt_110{font-size: 40px;} .fnt_150{font-size: 80px;} } @media only screen and (max-width:1024px) { .fnt_56{font-size: 30px;} .fnt_100,.fnt_110{font-size: 36px;} .fnt_150{font-size: 60px;} } @media only screen and (max-width:767px) { .fnt_56{font-size: 24px;} .fnt_100,.fnt_110{font-size: 30px;} .fnt_150{font-size: 40px;} } .strategy-part{padding:4% 0 5%;} .strategy-txt{margin-bottom:3%; color: #000;} .strategy-txt h3{margin-top:1%;} .strategy-txt h3 p:last-child{margin-top: 1.5%;} .strategy-list li{float: left; width: 49%;margin-bottom:3.5%;} .strategy-list li:nth-child(2n){ float: right;} .strategy-list li:last-child,.strategy-list li:nth-last-child(2){margin-bottom: 0;} .strategy-list li dl{position: relative;} .strategy-list li dt{position: relative;} .strategy-list li dt::before{content: ""; z-index: 1; position: absolute; lefT:0; bottom:0; height: 50%; width: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%); background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);} .strategy-list li dt span{position: absolute; z-index: 2; left: 5%; right:5%; bottom:10%; color: #fff;} .strategy-list li dd{box-sizing: border-box; opacity: 0; width: 100%; position: absolute; left:0; bottom:0; z-index: 3; color: #fff; padding:4.5% 5% 5%; background: rgba(150,101,61,0.8);} .strategy-list li dd h2{margin-bottom:2%;} .strategy-list li dd h2 i{ float: right; line-height: 2;} .strategy-list li dd p{line-height: 2; max-height: 6em; height: 6em;-webkit-line-clamp:3} @media only screen and (max-width:1024px) { .strategy-list li dt span{display: none;} .strategy-list li dd{opacity: 1; padding:5%; position: static;} .strategy-list li dd p{line-height: 1.8;max-height: 5.4em; height:auto;} } @media only screen and (max-width:767px) { .strategy-list li{width: 100%;} } .str_global01{padding:0 0 5%;} .str_global01 ul{margin: 0 -2%;} .str_global01 li{ float: left; width:21%;margin: 0 2%;} .str_global01 li dt{position: relative;} .str_global01 li dt h3{position: absolute; left:0; bottom:0; width:100%; padding: 2% 8%; box-sizing: border-box; color: #fff; background: rgba(150,101,61,0.8);} .str_global01 li dd{ margin-top:4px; padding: 5% 8%; min-height: 3em; color:#000000; background:linear-gradient(to bottom,#E7DACA,#FDFDFC);} .str_global02 .tt{margin: 0 -1%;} .str_global02 .tt li{ float: left; color:#A48059; position: relative; box-sizing: border-box;width:31.33%; margin:0 1%; height: 117px;border-top-right-radius: 70px; border-bottom-right-radius: 70px; background:linear-gradient(to right,#fff,#E2D5C7);} .str_global02 .tt li .inner{width:80%;} .str_global02 .tt li .inner h3,.str_global02 .tt li .inner p{ height: 1.5em; overflow: hidden;} .str_global02 .mm{margin: 5% 0 3%;} .str_global02 .mm li{ float: left; widtH:20%;box-sizing: border-box; padding: 0 2%; color: #4B4B4B; background: url(../images/str_dot04.jpg) left bottom no-repeat;} .str_global02 .mm li:first-child{ background: none; } .str_global02 .mm li h2{line-height: 1.2; margin-bottom: 10px;} .str_global02 .mm li p{line-height: 1.5; height: 4.5em;} .str_global02 .bb li{ float: left; box-sizing: border-box; width:calc(20% - 44px); margin: 0 44px 0 0; height: 120px; position: relative; background:linear-gradient(to right,#fff,#E2D6C8);background:-webkit-linear-gradient(to right,#fff,#E2D6C8);} .str_global02 .bb li::before{content: ""; position: absolute; right:-44px; top:0;width:0px; height:0px;border-top: 60px solid transparent;border-left: 44px solid #E2D6C8;border-bottom: 60px solid transparent;} .str_global02 .bb li:nth-child(2n){background:linear-gradient(to right,#fff,#C0BFBD);} .str_global02 .bb li h3{ color:#A48059; width:calc(100% + 40px); padding-left:40%;} .str_global02 .bb li:nth-child(2n) h3{color:#6B5E50;} .str_global02 .bb li:nth-child(2n)::before{border-left: 44px solid #C0BFBD;} @media only screen and (max-width:1279px) { .str_global02 .bb li h3{ text-align: center; padding-left: 25%;} } @media only screen and (max-width:1023px) { .str_global02 .tt,.str_global02 .bb{margin: 0;} .str_global02 .mm li{width: 33.33%; margin-bottom: 2%;} .str_global02 .mm li:first-child{background: url(../images/str_dot04.jpg) left bottom no-repeat;} .str_global02 .bb li h3{padding-left:15%; width: 100%;} } @media only screen and (max-width:767px) { .str_global01 ul{margin: 0;} .str_global01 li{ width: 100%; margin: 0 0 5%;} .str_global02 .tt li{width:100%; margin:0 0 2%; height: 80px;} .str_global02 .mm li{widtH:50%; padding: 0 5%; margin: 0 0 5%;} .str_global02 .bb li{widtH:calc(100% - 22px);margin:0 0 2%; height: 60px; background-position: left top!important;} .str_global02 .bb li::before{border-top-width: 30px; border-bottom-width: 30px; border-left-width: 22px; right:-22px;} .str_global02 .bb li:nth-child(2n)::before{border-left-width: 22px; } .str_global02 .bb li h3{padding-left:5%; text-align: left; width: 80%;} } .str_fc2m01{margin:5% 0;} .str_fc2m01 .inwrap>img{ widtH:100%;} .str_fc2m01 .di{text-align: center;} .str_fc2m01 .di img{ width:100%; margin: 0 auto; max-width:40.83%;} .str_fc2m02{padding:2% 0 5%;} .str_fc2m02 .img{ text-align: center;} .str_fc2m02 .img img{max-width: 100%;} .str_fc2m02 li{ float: left; color:#4B4B4B; width:25%; box-sizing: border-box; padding: 0 2%;} .str_fc2m02 li p{ height: 3em;} .str_fc2m02 li p sup,.str_fc2m02 ul+p sup{ display: inline-block; width: 10px; height: 15px; line-height: 15px; text-align: center; color:#fff; border-radius: 3px; background: #4B4B4B;} .str_fc2m02 ul{margin-top: 2%;} .str_fc2m02 ul+p{width: 42%; margin: 5% auto 0; line-height: 2; position: relative;} .str_fc2m02 ul+p sup{position: absolute; lefT:-20px; top:5px;} .str_fc2m03{padding:4% 0 2%;} .str_fc2m03 ul{padding: 0 20% 4%;} .str_fc2m03 li{ float: left; widtH:45%; padding: 0 2.5%;} .str_fc2m03 li+li{ float: right;} .str_fc2m03 li span{ display: block; margin-bottom: 10px;} .str_fc2m03 .img{ text-align: center;} .str_fc2m03 .img img{max-width: 100%;} @media only screen and (max-width:1439px) { .str_fc2m02 ul+p{widtH:60%;} .str_fc2m03 ul{padding: 0 15% 4%;} } @media only screen and (max-width:1023px) { .str_fc2m01 .di{margin: 5% auto 0;} .str_fc2m02 ul+p{widtH:100%;} .str_fc2m03 ul{padding: 0 0 4%;} .str_fc2m03 li{padding: 0;} } @media only screen and (max-width:767px) { .str_fc2m02 li{widtH:100%; margin: 0 0 5%;} .str_fc2m02 ul+p{padding-left: 5%; widtH:95%;} .str_fc2m02 ul+p sup{lefT:0;} .str_fc2m01 .di img{max-width: 80%;} .str_fc2m02 li p{ height: 5em;} } .str_driven01{margin: 10% 0 0;} .str_driven01 ul,.str_driven01 dl{margin: 0 auto; widtH:70%;} .str_driven01 li{ float: left; position: relative; widtH:33.33%; color: #000;text-align: center; box-sizing: border-box; /*background: url(../images/str_dot04.jpg) right bottom no-repeat;*/} .str_driven01 li::after{content: ""; position: absolute; right:0; top: 0; width: 2px; height:80%;background: #E6DBCE;} .str_driven01 li:last-child::after{display: none;} .str_driven01 li .tips{position: absolute; lefT:0; top:-60px;} .str_driven01 li:last-child{background: none;} .str_driven01 li:first-child{/*text-align: left;*/} .str_driven01 li h2{line-height: 1;margin-bottom: 8%;} .str_driven01 li h2 i{position: absolute;top:0;} .str_driven01 li h3{color:#000000; height: 1.5em;} .str_driven01 li p{color:#636363; height: 1.5em;} .str_driven01 dl{ margin-top:1%;} .str_driven01 dl dd{float: left; widtH:33.33%; height: 210px; background: url(../images/str_driven_dlbg.jpg) center no-repeat;} .str_driven02{padding: 0 0 4%;} .str_driven02 ul{margin-bottom:3%;} .str_driven02 li{widtH:48.6%;position: relative; background: #fff;border:1px solid #96643C;background:linear-gradient(to bottom,#FFFFFF,#FAF8F7);} .str_driven02 li.ll{ float: left; } .str_driven02 li.rr{ float: right;} .str_driven02 li .ico{ display: none; position: absolute; z-index: 1; right:0; top:0; max-width:201px; width: 30%;} .str_driven02 li dl{padding:15% 0; position: relative; z-index: 2; color: #AC865F; height:100%;box-sizing:border-box} .str_driven02 li dt{line-height: 1.3;margin-bottom:5%; padding: 4% 5%; text-align: center; background: url(../images/str_driven_hbg.jpg) center no-repeat #E6DCD3;} .str_driven02 li dt span{ display: block;} .str_driven02 li dt span,.str_driven02 li dt p{height: 1.3em; overflow: hidden;} .str_driven02 li.ll dd{margin:0 0 15%; overflow: hidden;color:#000000;} .str_driven02 li.ll dd span{ float: left; max-widtH:196px; widtH:35%;} .str_driven02 li.ll dd p{ float: right; widtH:62%;max-height:3em; overflow: hidden;} .str_driven02 li.ll dd:last-child p{margin-top:5%;} .str_driven02 li.rr dd{margin-bottom: 5%;color:#000000; } .str_driven02 li.rr dd:last-child{margin-bottom: 0;} .str_driven02 li.rr dd p{max-height: 6em; overflow: hidden;} .str_driven02 li dt+.edit_con_original{ padding: 0 8%; color: #BD9E7F;} .str_driven02 li.rr dt+.edit_con_original{ text-align: center;} .str_driven02 li .edit_con_original{height:88%;overflow:hidden} .str_driven03 li{ float: left; width: 48.5%; margin-bottom:2%;/*background:linear-gradient(to right,#E7DACA,#FFFFFF);*/} .str_driven03 li:nth-child(2n){ float: right;widtH:49%;} /* .str_driven03 li.li_02 dd,.str_driven03 li.li_03 dd{ float: left; widtH:70%;} .str_driven03 li.li_02 dd+dd,.str_driven03 li.li_03 dd+dd{ float: right; widtH:30%;} .str_driven03 li.li_04 dd,.str_driven03 li.li_04 dd+dd{ float: left; width:36%; margin-right: 4%;} .str_driven03 li.li_04 dd+dd{margin-right: 0; width: 35%;;} .str_driven03 li.li_04 dd+dd+dd{ widtH:25%; float: right;}*/ .str_driven03 li .tt{ height: 55px; position: relative;} .str_driven03 li .tt h2{ float: left; width: calc(100% - 180px);color:#AB845D; line-height: 1; position: absolute; bottom:0;} .str_driven03 li .tt span{ float: right;width: 175px; height: 55px;} .str_driven03 li .tt img{max-width: 100%;} .str_driven03 li h3{ color:#0F0F0F; line-height: 1.4; height: 5.6em; overflow: hidden; margin-top: 20px; padding-top: 20px; border-top: 2px solid #C4A892;} @media only screen and (max-width:1440px) { .str_driven02 li .edit_con_original{height:85%;} } @media only screen and (max-width:1365px) { .str_driven02 li.ll dd p br{ display: none;} .str_driven02 li.rr dd{margin-bottom: 2%;} .str_driven02 li dt{margin-bottom: 8%;} .str_driven02 li dl{ padding-top: 5%;padding-bottom:5%} .str_driven02 li .edit_con_original{height:70%;} } @media only screen and (max-width:1279px) { .str_driven01 ul,.str_driven01 dl{width: 100%;} .str_driven01 li .tips{top:-40px;} .str_driven03 li h3{ padding-top: 10px; margin-top: 10px;} } @media only screen and (max-width:1023px) { .str_driven02 li.ll,.str_driven02 li.rr{width:100%; height: auto!important;} .str_driven02 li.ll{margin-bottom: 2%;} .str_driven02 li.ll dt{margin-bottom: 5%;} .str_driven02 li.ll dd{margin: 0 0 5%;} .str_driven03 li{ width: 100%!important; margin-bottom: 5%;} .str_driven03 li h3{ height: auto;} } @media only screen and (max-width:767px) { .str_driven01 li{width: 50%; text-align: center; margin-bottom: 5%;} .str_driven01 li:first-child{text-align: center;} .str_driven01 li .tips{top:-20px; left:50%; margin-left: -40px;} .str_driven01 li::after{height: 70%; display: none;} .str_driven01 li h2{margin-bottom: 2%;} .str_driven01 li h2 i{margin-left: 0; top:-5px;} .str_driven01 dl{ display: none;} .str_driven02 li{ padding-bottom: 5%;} .str_driven02 li.ll dd:last-child p{margin-top: 0;} .str_driven02 li dt+.edit_con_original{ padding: 0 5%;} .str_driven02 li dl{ padding-bottom:0} /* .str_driven03 li.li_01 dd,.str_driven03 li.li_02 dd,.str_driven03 li.li_03 dd,.str_driven03 li.li_04 dd{widtH:100%!important; max-width: unset; padding: 0; margin-bottom: 5%;} .str_driven03 li dd h2{margin-bottom: 5px;} .str_driven03 li.li_02 dd+dd,.str_driven03 li.li_03 dd+dd,.str_driven03 li.li_04 dd+dd,.str_driven03 li.li_04 dd+dd+dd{width:100%; padding: 0;} .str_driven03 li dd:last-child{margin-bottom: 0;} .str_driven03 li dd span{margin-bottom: 3%;}*/ .str_driven03 li .tt{ height: 38px; line-height: 38px;} .str_driven03 li .tt span{ width: 120px; height: 38px;} } .str_fes{padding:2% 0;} .str_fes dl{text-align: center;} .str_fes dt{margin-bottom: 5%;} .str_fes dt h2{ position: relative; color:#96643C; line-height: 1.2;} .str_fes dt h2 span,.str_fes dt p span{color:#BE1A20;} .str_fes dt h2 span{position: relative;} .str_fes dt h2 span::before{content: ""; position: absolute; lefT:12%; bottom:15px; width:80%; height: 5px; background: #BE1A20;} .str_fes dt p{color:#96643C; margin-top:2%;} .str_fes dd p{ margin-bottom:3%; line-height: 1.8; color:#010101;} .str_fes dd p:last-child{margin-bottom: 0;} .str_fes .img{ margin:3% 3.5% 0;} .str_fes .img .ll{ float: left; width: 42.53%;} .str_fes .img .mm{float: left; margin-top:17%; width: 15.89%;} .str_fes .img .rr{float: right; width: 41.49%;} .str_fes .img img{max-width: 100%;} @media only screen and (max-width:1365px) { .str_fes dt h2 span::before{bottom:0; height: 2px;} } @media only screen and (max-width:767px) { .str_fes dd p br{ display: none;} .str_fes .img{ margin:3% 0 0;} .str_fes .img .ll,.str_fes .img .mm,.str_fes .img .rr{width: 100%;} .str_fes .img .mm{margin:5% 0;text-align: center;} .str_fes .img .rr img{margin-left: -20px;} } .environment_01{position: relative; margin:6% 0 2%;} .environment_02{margin-bottom:2%;} .environment_03{margin-bottom:5%;} .environment_02 .swp_cont.on,.environment_03 .swp_cont.on{margin-top: 3.5%;} .environment_03 .swp_cont .img{ float: right;} .environment_03 .swp_cont .cont{ float: left;} .environment_02 .swp_tab span,.environment_03 .swp_tab span{margin-left: 40px;} @media only screen and (max-width:1023px) { .environment_02 .swp_tab span, .environment_03 .swp_tab span{margin-left: 20px;} } @media only screen and (max-width:767px) { .environment_02 .swp_tab span, .environment_03 .swp_tab span{margin-left: 0;} } @media only screen and (max-width:374px) { .swp_tab span{margin-right:8px;} } .carbon_01{position: relative; margin:6% 0;} .carbon_01 img,.environment_01 img{width: 100%;} .carbon_01 .txt,.environment_01 .txt{padding:0 4%;color: #fff;} .carbon_01 .txt h2,.environment_01 .txt h2{margin-bottom: 3%;} .environment_01 .txt{top:45%; padding: 0 5%;} .environment_01 .txt a{color:#fff; display: block; margin-top:50px;} .carbon_02{margin: 0 0 2%;} .carbon_02 h2{margin-bottom:1%;} .carbon_02 h2+p{margin-bottom: 5%;} .carbon_02 li{ float: left; width: 48.8%; padding:2% 5%; color:#fff; box-sizing: border-box; margin-bottom: 2.5%; border-radius: 10px; background: #96643C;} .carbon_02 li:nth-child(2n){ float: right;} .carbon_02 li dt{ float: left; margin-right:60px;} .carbon_02 li dt,.carbon_02 li dd{ height: 6.6em; overflow: hidden;} .carbon_02 li dt img{width: 85px; height: 85px; overflow: hidden;} .carbon_03{margin: 0 0 4%;} .carbon_03 h2{margin-bottom:4%;} .carbon_03 li{ float: left; width: 48.8%; padding:1.8% 2.5%; box-sizing: border-box; margin-bottom: 2%; border-radius: 10px; background:#F5F5F5;} .carbon_03 li:nth-child(2n){ float: right;} .carbon_03 li h3{ height: 3em;} .carbon_03 li h3 a{color:#000;} .carbon_04{margin: 0 0 6%;} .carbon_04 h2{margin-bottom:3%;} .imgbox_swi .swiper-slide{ width:954px;} .imgbox_swi .swiper-slide::before{opacity: 1; content: ""; position: absolute; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .imgbox_swi .swiper-slide.swiper-slide-active::before{opacity: 0;} .imgbox_swi .swiper-slide img{width: 100%;} .imgbox_swi .swiper-slide .txt{opacity: 0; position: absolute; lefT:0; top:0; width: 50%; box-sizing: border-box; padding: 5%; color: #fff; height:100%; background: #96643C;} .imgbox_swi .swiper-slide.swiper-slide-active .txt{opacity: 1;} .imgbox_swi .swiper-slide h3{margin-bottom: 5%;} .imgbox_swi .swiper-slide .c{height: 18em;} .imgbox_swi .swiper-slide .c p{margin-bottom:5%;} .imgbox_swi .swiper-slide .c p:last-child{margin-bottom: 0;} .imgbox_swi .swiper-button-prev,.imgbox_swi .swiper-button-next{ left:20px;color:#fff; font-size:48px; width: 48px; height: 48px; line-height: 48px; text-align: center; background:none; margin-top:-24px;} .imgbox_swi .swiper-button-next{left:auto;right:20px;} @media only screen and (max-width:1700px) { .imgbox_swi .swiper-slide{ width:860px;} } @media only screen and (max-width:1440px) { .carbon_02 li dt{margin-right: 40px;} .imgbox_swi .swiper-slide{ width:760px;} .imgbox_swi .swiper-slide .c{ height: 16em;} } @media only screen and (max-width:1365px) { .imgbox_swi .swiper-slide{ width:660px;} .imgbox_swi .swiper-slide .c{ height: 13em;} } @media only screen and (max-width:1279px) { .imgbox_swi .swiper-slide{ width:560px;} .imgbox_swi .swiper-slide .c{ height: 11em;} .carbon_02 li{padding:2%;} .carbon_02 li dt{margin-right:20px;} } @media only screen and (max-width:1023px) { .carbon_02 li dt img{width: 60px; height: 60px;} .carbon_02 li dd p br,.carbon_02 li dd p br{ display: none;} .imgbox_swi .swiper-slide{width: 100%;} .imgbox_swi .swiper-slide .txt{padding: 5% 5% 5% 6%;} .imgbox_swi .swiper-button-prev, .imgbox_swi .swiper-button-next{left: 10px; font-size: 24px; width: 24px; height: 24px; line-height: 24px; margin-top: -12px;} .imgbox_swi .swiper-button-next{right:10px; left: auto;} .environment_01 .txt{top:50%;} .environment_01 .txt a{margin-top: 20px;} } @media only screen and (max-width:1023px) { .carbon_02 li,.carbon_03 li{padding: 5%; width: 100%; margin: 0 0 2%;} .carbon_02 li dt,.carbon_02 li dd{ height: auto;} .carbon_02 li dd p br,.carbon_02 li dd p br{ display: block;} /*.carbon_02 li:nth-last-of-type(2) dt,.carbon_02 li:nth-last-of-type(2) dd{width:100%;}*/ .imgbox_swi .swiper-slide .txt{position: static; width: 100%; padding: 5%;} .imgbox_swi .swiper-slide .c{ height: auto;} .imgbox_swi .swiper-button-prev, .imgbox_swi .swiper-button-next{top:26%;} .environment_01 .txt a{margin-top:0px;} } .strategy-list li dd span,.strategy-list li dd{transition: 0.5s all;} @media only screen and (min-width:1025px) { .strategy-list li:hover dd{opacity: 1;} .strategy-list li:hover dt span{opacity: 0;} } /*2023 03-17*/ .str_fc2m01{margin: 3% 0;} .str_fc2m01 .strategy-txt h3{margin-top: 8px;} .str_fc2m02{padding: 2% 0 4%;} .str_fc2m02-t{overflow: hidden;} .str_fc2m02-t .img,.str_fc2m02-t ul{float: left;width: 50%;} .str_fc2m02-t .img{padding: 0 50px;box-sizing: border-box;} .str_fc2m02-b{margin-top: 5%;} .str_fc2m02-b p{width: 80%; margin: 0 auto 0; line-height: 2; font-size: 12px; position: relative;} .str_fc2m02-t ul{margin-top: 4%;} .str_fc2m02-b p sup{ display: inline-block; width: 10px; height: 15px; line-height: 15px; text-align: center; color:#727272; border-radius: 3px; /*background: #4B4B4B;*/} .str_fc2m02 li{width: 50%;padding: 0;padding-left: 50px;box-sizing: border-box;margin-bottom: 4%;} .str_fc2m02-b p sup{position: absolute; lefT:-20px; top:5px;} .str_fc2m03{padding-bottom: 0;} .str_fc2m03 ul{padding: 0;} .str_fc2m03 li{width: 50%;padding: 0;box-sizing: border-box;} .str_fc2m03 li dd{line-height: 24px;margin-bottom: 30px;padding-left: 27%;} .str_fc2m03 li span{margin-bottom: 0;} .str_fc2m03 li dt img{width: 100%;} .str_fc2m03 li:nth-child(2) dd{padding-left: 36%;} /*浼佷笟鏂囧寲*/ .culture_01{box-sizing: border-box;overflow: hidden;position: relative;} .culture_01 img{width: 100%;} .dictum_div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .dictum_img{ float: left; width: 57.63%;margin-top: 10%;} .dictum_img img{max-width: 100%;} .dictum_txt{float: right;width: 38%;margin-top: 12%;text-align: justify;color: #2a2a2a;} .dictum_p{/*height: 7.5em;overflow: hidden;*/} .dictum_name{text-align: right;margin-top: 5%;} .dictum_name span{display: inline-block;width: 36px;height: 2px;background: #000;vertical-align: middle;margin-top: -3px;margin-right: 10px;} .culture_02{padding: 50px 0 5%;box-sizing: border-box;overflow: hidden;} .culture_tit{margin-bottom: 30px;} .culture_list ul{margin-left: -8px;margin-right: -8px;} .culture_list li{float: left;width: 25%;padding: 0 8px;box-sizing: border-box;} .culture_list li dt{padding: 30px 0;box-sizing: border-box;} .culture_edit{height: 180px;overflow: hidden;box-sizing: border-box;} .culture_edit h2{margin-bottom: 15px;} .culture_edit .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.dictum_p .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #8d6a44;} @media only screen and (max-width:1660px) { .str_fc2m02-b p{width: 50%;} } @media only screen and (max-width:1440px) { .str_fc2m02-b p{width: 54%;} } @media only screen and (max-width:1400px) { .dictum_txt{margin-top: 10%;} .str_fc2m02-b p{width: 56%;} } @media only screen and (max-width:1365px) { .str_fc2m02-b p{width: 60%;} } @media only screen and (max-width:1200px) { .str_fc2m02-t ul{margin-top: 0;} .str_fc2m02-b p{width: 80%;} .dictum_img,.dictum_txt{margin-top: 6%;} } @media only screen and (max-width:1023px) { .str_fc2m02-t .img, .str_fc2m02-t ul{width: 100%;} .str_fc2m02-t ul{margin-top: 30px;} .str_fc2m02 li{padding-left: 0;padding-right: 30px;display: inline-block;width: 49.2%;vertical-align: top;float: none;} .str_fc2m02-b p{width: 94%;margin-top: 20px;} .dictum_div{position: static;} .dictum_txt{width: 100%;margin-top: 30px;} .dictum_p{height: auto;} .dictum_name{margin-top: 30px;} .culture_list li{width: 33.3%;} } @media only screen and (max-width:767px) { .strategy-part{padding: 20px 0 20px;} .str_fc2m01{margin: 20px 0;} .str_fc2m02 li{padding-right: 10px;} .str_fc2m03 li{width: 100%;margin-bottom: 30px;} .str_fc2m03{padding: 30px 0 0;} .str_fc2m03 li dd{padding-left: 10%!important;} .culture_02{padding: 30px 0;} .culture_list li{width: 100%;margin-bottom: 10px;} .culture_list li dt{padding: 20px 0;} .culture_edit{height: auto;} .culture_edit h2{margin-bottom: 8px;} .dictum_img{width: 100%;} .dictum_txt{margin-top: 20px;} } .company-part01{padding: 3% 0;} .company-part01 h2{margin-bottom: 1%;} .company-part01 h3{color:#000;} .company-part01 ul{margin-top:4%;} .company-part01 li{ float: left; position: relative; widtH:33.33%; padding-right: 5%; color: #000;box-sizing: border-box;} .company-part01 li h2{line-height: 1;margin-bottom:4%;} .company-part01 li p{color:#000; min-height:3em;} .company-part01 dl{margin-top: 5%; margin: 5% -1% 0;} .company-part01 dd{ float: left; width:31.33%; margin: 0 1%; background: url(../upload/company_01.jpg) no-repeat; background-size: cover!important;} .company-part01 dd:nth-of-type(1){background: url(../upload/company_02.jpg) no-repeat;} .company-part01 dd .inner{padding:8% 10%;color:#000;} .company-part01 dd h2{margin-bottom: 2%;} .company-part02{padding: 5% 0 18%;} .company-part02 h2{margin-bottom:1%;color:#000; width: calc(100% - 120px);} .company-part02 h3{line-height:1.8;color:#000;width: calc(100% - 120px);} .company-part02 .swibox{padding: 0 8%; position: relative;} .company-part02 .swibox .swi_but{position: absolute; right:0; top:-60px;} .company-part02 .swiper-button-prev{left:auto; top:0; right:56px; font-size: 48px; color: #96643C; background: none;} .company-part02 .swiper-button-next{right:0;top:0;font-size: 48px;color: #96643C;background: none;} .company-part02 .swibox .swiper-container{padding-bottom: 150px;} .company-part02 .swibox li{ width: 16.66%; float: left; text-align: center; position: relative; box-sizing: border-box;} .company-part02 .swibox li span{ display: block; color:#96643C;} .company-part02 .swibox li h4{line-height: 1.3em; max-height: 3.9em; color:#000; overflow: hidden;} .company-part02 .swibox li em{ position: relative; display: block; margin: 5% auto 0; width: 14px; height: 14px; border-radius:100%; background: #96643C;} .company-part02 .swibox li em::after{content: ""; position: absolute; left:50%; top:20px; width: 1px; height:50px; background:linear-gradient(to bottom,#9E704B,transparent);} .company-part02 .swibox li.li01{margin-top:28%;} .company-part02 .swibox li.li02{margin-top:22%;} .company-part02 .swibox li.li03{margin-top:15%;} .company-part02 .swibox li.li04{margin-top:6%;} .company-part02 .swibox li.li05{margin-top:3%;} .company-part02 .swibox li.li06{margin-top:0;} .company-part02 .swibox li.li02 em::after{height: 95px;} .company-part02 .swibox li.li03 em::after{height: 110px;} .company-part02 .swibox li.li04 em::after{height: 40px;} .company-part02 .swibox li.li05 em::after{height: 50px;} .company-part02 .swibox li.li06 em::after{height: 40px;} .con_phone{ display: none;} .con_pc{ display: block;} @media only screen and (max-width:1659px) { .company-part02 .swibox{padding:0;} } @media only screen and (max-width:1023px) { .company-part01 dd{width: 100%; margin-bottom: 2%; height: auto!important;} .company-part01 dd .inner{padding: 5%;} .company-part02 h3 br{ display: none;} .company-part02 .swibox .swi_but{top:-40px;} .company-part02 .swiper-button-prev,.company-part02 .swiper-button-next{font-size: 36px;} } @media only screen and (max-width:767px) { .company-part01 li{width:50%; margin-bottom: 5%; text-align: center;} .company-part01 li p br{ display: none;} .company-part02 h2,.company-part02 h3{width: 100%;} .company-part02 .swibox{margin-top: 5%;} .company-part02 .swibox .swiper-container{padding-top:30px; padding-bottom:400px;} .con_phone{ display: block;} .con_pc{ display: none;} .company-part02 .swibox .swi_but{top:0;} .company-part02 .swibox li{width: 33.33%;} .company-part02 .swibox li.liph01{margin-top:20%;} .company-part02 .swibox li.liph02{margin-top:17%;} .company-part02 .swibox li.liph03{margin-top:0;} .company-part02 .swibox li.liph01 em::after{height:100px;} } /*鎼滅储缁撴灉*/ .search_top{background: #f8f8f8;padding: 50px 0;} .search_int{width: 790px;margin: auto;max-width:94%;overflow: hidden;} .search_result{color: #828282;} .search_result span{color: #91663c;} .search_result em{color: #91663c;} .search_le{float: left;color: #000;width: 105px;line-height: 60px;} .search_input{border:1px solid #818181;background: #fff;padding: 4px;overflow: hidden;margin-bottom: 20px;} .search_input input,.search_input button{height: 50px;line-height: 50px;box-sizing:border-box;border:none;outline: none;} .search_input input{padding: 0 15px;box-sizing:border-box;width: calc(100% - 140px);float:left;} .search_input button{width: 140px;text-align: center; float: right;background: #91663c;color: #fff;border-radius: 5px;} .search_re{float: right;width: calc(100% - 105px);} .search_list{padding-top: 45px;} .search_list li{padding: 35px 0;border-bottom: 1px solid #e3e3e6;} .search_list dt{overflow: hidden;margin-bottom: 15px;line-height: 30px;} .search_list dt h3 span,.search_list dd span{color: #91663c;} .search_list h3{width: calc(100% - 150px);line-height: 30px;max-height: 60px;float: left; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .search_list .search_yd{float: right;} .search_yd span{color: #a3a3a3;display: inline-block;} .search_yd em{float: right; color: #000;margin-left: 30px;width: 90px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_list ul{margin-bottom: 5%;} .search_list dd{color: #595757;} .search_list dd p{line-height: 24px;max-height: 48px;color: #9c9b9b; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media only screen and (max-width:1280px) { .search_list{padding-top: 20px;} } @media only screen and (max-width:1024px) { .search_top{padding: 40px 0;} .search_input input, .search_input button{height: 40px;line-height: 40px;} .search_le{line-height: 50px;} .search_input button{width: 100px;} .search_input input{width: calc(100% - 100px);} .search_le{width: 80px;} .search_re{width: calc(100% - 80px);} .search_list li{padding: 20px 0;} .search_list dd{font-size: 14px;} .search_list dt{margin-bottom: 10px;} .search_list h3{line-height: 24px;max-height: 48px;} } @media only screen and (max-width:767px) { .search_top{padding: 20px 0;} .search_list h3{width: calc(100% - 90px);} .search_input input, .search_input button{height: 32px;line-height: 32px;} .search_input input{padding: 0 5px;} .search_input button{width: 70px;} .search_input input{width: calc(100% - 70px);} .search_le{line-height: 42px;font-size: 14px;width: 50px;} .search_re{ width: calc(100% - 50px);} .search_input{margin-bottom: 10px;} .search_list{padding-top: 0;} .search_list h3{font-size: 16px;} .search_result{font-size: 14px;} .search_list li{padding: 15px 0;} .search_list dt{margin-bottom: 4px;} } .law_edit{padding: 5% 0;} .contact-part{padding: 4% 0;} .contact-part li{ float: left; width: 25%; padding:2% 1.5%; box-sizing: border-box; margin: 0 0 1%;} .contact-part li h3{margin-bottom:8%; color: #000; height: 1.5em; overflow: hidden;} .contact-part li .c{ height: 4.5em; overflow: hidden;} .contact-part li .c p,.contact-part li .c p a{color: #000;} @media only screen and (max-width:1024px) { .contact-part ul{margin: 0 -1%;} .contact-part li{color:#fff!important; width: 31.33%; padding: 4%; margin: 0 1% 2%; background: #96643C;} .contact-part li h3,.contact-part li .c p,.contact-part li .c p a{color: #fff!important;} } @media only screen and (max-width:1023px) { .contact-part li{width: 48%;} } @media only screen and (max-width:767px) { .contact-part ul{margin: 0;} .contact-part li{width: 100%; margin: 0 0 2%; padding: 5%;} .contact-part li h3{ margin-bottom: 5%;} .contact-part li .c{ height: auto;} } .risk-part{padding:4% 0;} .risk-part .risk-con{ padding: 5%; background: #F5F5F5;} .risk-part .risk-con h2{margin-bottom: 1.5%; color:#000;} .risk-part .risk-con .btn_pdf{ margin-top:4%; display: inline-block; padding:0 20px; line-height: 40px; text-align: center; color:#fff!important; background: #96643C;} .risk-part .risk-con .btn_pdf i{ margin-right: 10px; font-size: 24px; vertical-align: middle;} .report-part01{padding: 5% 0 3%;} .report-part01 dl{padding: 0 5%; background: #F5F5F5;} .report-part01 dt{ float: left; width: 50%; margin-top: 14%; color:#000;} .report-part01 dt h2{margin-bottom: 3%;} .report-part01 dd{ float: right; width: 40%; margin-right: 10%;} .report-part01 dd img{max-width: 100%;} .report-part02{padding:4% 4%; margin-bottom: 5%; background:#F5F5F5;color:#000;} .report-part02 h2{margin-bottom: 2%;} .report-part02 .ll{ float: left; width:31.33%; margin: 0 1%; } .report-part02 .rr{ float: left; width:31.33%;margin: 0 1%;/*border-left: 1px solid #D6C6BA;*/} .report-part02 .rr_an{ float: left;width:31.33%;margin: 0 1%;} .report-part02 .ll .c .p01{line-height: 1.8; margin-bottom: 8%;} .report-part02 .ll .c .p02 em{margin: 0 25px;} .report-part02 .ll .c .p02 a i{margin-left: 20px; color:#96643C; font-size: 20px;} .report-part02 .ll .btn_pdf{ margin-top:8%; display: inline-block; padding:0 20px; line-height: 40px; text-align: center; color:#fff!important; background: #96643C;} .report-part02 .ll .btn_pdf i{ margin-right: 10px; font-size: 24px; vertical-align: middle;} .report-part02 .rr .c{line-height: 1.8;margin-bottom: 5%;} .report-part02 .rr .ewm dl{overflow: hidden;} .report-part02 .rr .ewm dt{float: left;width: 110px;} .report-part02 .rr .ewm dt img{width: 100%;} .report-part02 .rr .ewm dd{width: calc(100% - 140px);float: right;color: #96643C; margin-top: 5%;} .report-part02 .rr_an h2{margin-bottom: 1%;} .report-part02 .rr_an .btn{margin: 3% 0 2%;} .report-part02 .rr_an .btn a.a1{ float: left; width: 168px; height: 40px; line-height: 40px;text-align: center; color:#fff!important; background: #96643C;} .report-part02 .rr_an .btn a.a2{ float: left; width: 100%; margin-top: 2%; color: #000;} .report-part02 .rr_an .btn a.a2 i{ margin-left: 20px; font-size: 20px; color:#96643C;} .report-part02 .rr_an p span{ margin-left: 30px;} /*.report-part03{padding:4% 5%; color:#000; background:#F5F5F5; margin-bottom: 5%;} .report-part03 h2{margin-bottom: 1%;} .report-part03 .btn{margin: 3% 0 2%;} .report-part03 .btn a.a1{ float: left; width: 168px; height: 40px; line-height: 40px;text-align: center; color:#fff!important; background: #96643C;} .report-part03 .btn a.a2{ float: left; margin-left: 30px; color: #000;} .report-part03 .btn a.a2 i{ margin-left: 20px; font-size: 20px; color:#96643C;} .report-part03 p span{ margin-left: 30px;}*/ @media only screen and (max-width:1023px) { .report-part02 .ll,.report-part02 .rr,.report-part02 .rr_an{ width: 100%; margin: 0 0 5%;} } @media only screen and (max-width:767px) { .report-part01 dt{width: 100%; margin-top: 5%;} .report-part01 dd{ width: 50%; margin: 0 auto; float: none;} .report-part02{padding: 5%;} .report-part02 .ll,.report-part02 .rr{width:100%;} .report-part02 .ll .c .p01{margin-bottom: 5%;} .report-part02 .ll .btn_pdf{margin-top: 5%;} .report-part02 .ll .c .p02 em{margin: 0 15px;} .report-part02 .rr{ border-left: none; margin-top: 5%;} /*.report-part03{padding: 5%;} .report-part03 .btn a.a2{ width: 100%; margin-left: 0; margin-top: 3%;} .report-part03 p span{ display: block; margin-left: 0;}*/ } @media only screen and (min-width:1025px) { .contact-part li:hover{color:#fff!important; background: #96643C;} .contact-part li:hover h3,.contact-part li:hover .c p,.contact-part li:hover .c p a{color: #fff!important;} .risk-part .risk-con .btn_pdf:hover,.report-part02 .ll .btn_pdf:hover,.report-part03 .btn a.a1:hover{opacity: 0.9;} } .str_fc2m .img{ margin: 0; text-align: center;} .str_fc2m .img img{ max-width: 100%;} .str_driven_fc2m{margin: 5% 0 2%;} .str_driven_fc2m ul{ width: 100%;} .str_driven_fc2m li{width: 20%; padding: 0 10px; text-align: center;} .str_driven_fc2m li::after{ height: 100%;} .str_driven_fc2m li h3{height: 3em;} @media only screen and (max-width:1023px) { .str_driven_fc2m li{ width: 33.33%;} } @media only screen and (max-width:767px) { .str_driven_fc2m li{ width: 100%; margin-bottom: 5%;} .str_driven_fc2m li h3{ height: auto;} }