* { box-sizing: border-box; } img { max-width: 100%; } .bxsz { box-sizing: border-box; } .bxsz * { box-sizing: border-box; } /* 鏀跨瓥 */ .policy_tab { text-align: center; margin-bottom: 4.10958904%; } .policy_tab a { position: relative; display: inline-block; font-size: 18px; color: #000; margin: 0 20px; padding: 0 0 8px; } .policy_tab a.on { color: #92673c; } .policy_tab a.on::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #92673c; } .policy_wrap { padding: 4% 0 0; background: #fff; } .policy_wrap .list{padding-bottom: 2%;} .policy_wrap li { width: 49%; float: left; background: #fff; margin-bottom: 2%; } .policy_wrap li a { line-height: 1.5; overflow: hidden; transition: all 0.3s; display: block; padding: 40px; background: #f5f5f5; white-space: nowrap; text-overflow: ellipsis; color: #000; } .span_pdf{display: inline-block;margin-right: 20px; color: #96643c;} @media only screen and (min-width:1025px) { .policy_wrap li:hover a { color: #fff !important; background: #96643c; } .policy_wrap li:hover a .span_pdf{ color: #fff; } .media_info-list li:hover dd .btn { opacity: 1; visibility: visible; } } .policy_wrap li:nth-child(2n) { float: right; } /* 娌荤悊 */ .governance_wrap { padding: 4.16666667% 0 4%; } .governance_wrap .part1 { padding-bottom: 3.125%; } .governance_wrap .part1 .line { height: 4px; /*background: #92673c;*/ margin-top: 7%; } .table{ width: 50%; } .governance_wrap .part1 .des { line-height: 1.3; } .governance_wrap .table .t1 span { color: #95643C; display: inline-block; margin-right: 10%; } .governance_wrap .table .t1 span:last-child { margin-right: 0; } .governance_wrap .table .t1 span i { color: #fff; background-color: #92673c; padding: 2px 6px; line-height: 1; } .governance_wrap .table .t1 span em { border: 1px solid #92673c; padding: 2px 6px; } .governance_wrap .table .tr { position: relative; padding: 2.05479452% 1.36986301%; border-bottom: 1px solid #e4d9ce; } .governance_wrap .table .th { width: 19.27%; float: left; color: #000; } .governance_wrap .table .td { float: left; width: calc(100% - 19.27%); } .governance_wrap .table .td > p { text-align: center; color: #000; } .governance_wrap .table .td ul{ width: 100%; text-align: center; } .governance_wrap .table .td ul li{ margin: 0 10%; display: inline-block; vertical-align: text-top; } .governance_wrap .table .td ul li p{ color: #9D714E; } .governance_wrap .part2 { background-color: #efeeed; padding: 2.60416667% 0 5.72916667%; } .governance_wrap .part2 .title { line-height: 1.2; color: #92673c; } .governance_wrap .part2 .subtitle { color: #92673c; } .governance_wrap .part2 .des { margin-top: 3.42465753%; color: #4f535d; } .governance_wrap .part2 .des li { list-style-type: none; } .governance_wrap .part2 .des li::before { content: ""; position: relative; left: -1em; background-color: #92673c; display: inline-block; width: 5px; height: 5px; border-radius: 50%; vertical-align: middle; margin-top: -2px; } .media_info-list li dd { position: relative !important; } .media_info-list li dd .btn { position: absolute; bottom: 13px; right: 13px; z-index: 2; opacity: 0; visibility: hidden; transition: all 0.3s; } .media_info-list li dd .btn a { display: inline-block !important; width: 60px; height: 35px; line-height: 35px; margin-left: 4px; background: #92673c; border-radius: 17px;font-size: 24px; color: #fff; text-align: center; } .governance_wrap .table .tr::before{ content: ''; position: absolute; left: 19.27%; top: 0; height: 100%; width: 1px; background: #e5d8ce; } @media (any-hover: hover) { .media_info-list li:hover dt { background-color: #92673c; color: #fff; } } /* 绀句細 */ .scl_part1 { padding-top: 4%; } .scl_part1 h2,.scl_part1 h3{color: #000;} .scl_part1 h3{margin-top: 1%;} .scl_part1 .des { margin-top: 2%; } .scl_part2 { margin-top:4%; } .scl_part2 li { float: left;width: 50%; margin-bottom: 2.5%; padding-bottom: 3%; color: #000;position: relative;} .scl_part2 li:nth-child(2n+1)::after{content: "";position: absolute; right:15%; top:0; width:2px; height:100%; background:#EFF0F0;} .scl_part2 li p{ height: 4.5em; overflow: hidden;} .advert{position: relative;} .advert a{ display: block; color: #fff;} .advert span{padding-left: 2%; z-index: 1; line-height: 1.2;} .advert span em,.advert span i{ float: left;} .advert span i{margin-left: 10px;font-size:40px; line-height:1.2;} .advert .bglayer{position: absolute; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);} .scl_part3 {margin-top: 3%;} .scl_part3 .item_t{ padding: 3.5% 0; color: #000; background: #E6DBCE; overflow: hidden;} .scl_part3 .item_b{padding: 3.5% 0; color: #000;background: #fff; overflow: hidden;} .scl_part3 .it_w{ float: left; width: 21%; padding-left: 5%;} .scl_part3 .it_w:first-child{width: 16%;} .scl_part3 .it_w p.hide{ display: none;} .scl_part4{margin-top: 3%;} .scl_part4 .item { float: left; background: #F5F5F5; margin-right: 2%; margin-bottom: 2%; } .scl_part4 .i1, .scl_part4 .i2 { width: 49%; } .scl_part4 .i1 .cont, .scl_part4 .i2 .cont { /*padding-top: 9.5%; padding-left: 9.5%; padding-right: 9.5%;*/ padding: 5% 5%; } .scl_part4 .i2 { margin-right: 0; } .scl_part4 .i3, .scl_part4 .i4, .scl_part4 .i5 { width: 32%; } .scl_part4 .i3 .cont, .scl_part4 .i4 .cont, .scl_part4 .i5 .cont { /*padding-top: 14.8%; padding-left: 14.8%; padding-right: 14.8%;*/ padding: 7.5% 7.5%; } .scl_part4 .i5 { margin-right: 0; } .scl_part4 .i1 { background: #eff1f1 url(../images/scl_part4_bg1.jpg) right bottom no-repeat; background-size: auto 100%; } .scl_part4 .i2 { background: #eff1f1 url(../images/scl_part4_bg2.jpg) right bottom no-repeat; background-size: auto 100%; } .scl_part4 .i3 { background: #eff1f1 url(../images/scl_part4_bg3.jpg) right bottom no-repeat; background-size: auto 100%; } .scl_part4 .i4 { background: #eff1f1 url(../images/scl_part4_bg4.jpg) right bottom no-repeat; background-size: auto 100%; } .scl_part4 .i5 { background: #eff1f1 url(../images/scl_part4_bg5.jpg) right bottom no-repeat; background-size: auto 100%; } .scl_part4 .cont .tit { color: #000; margin-bottom: 15px; } .scl_part4 .cont .des{color: #000;} .scl_part5 { margin-top:1.5%;} .scl_part5 h2,.scl_part5 h3,.scl_part6 h2,.scl_part6 h3{color: #000;} .scl_part5 h3,.scl_part6 h3{ margin-top: 0.5%;} .swp_tabbox .inwrap{position: relative;} .swp_tab { position: absolute; right:0; top:20px; text-align: right;} .swp_tab span {position: relative;top: 2px;display: inline-block; margin-left: 20px; cursor: pointer;padding: 0 0 5px;} .swp_tab span.on {color:#96643C; font-weight: 400; border-bottom: 3px solid #96643C;} .swp_cont { height: 0; opacity: 0; visibility: hidden;background: #92673c; overflow: hidden;} .swp_cont.on{ height: auto; opacity: 1; visibility: visible;margin-top:2%;} .swp_cont .img {float: left;width: 50%;} .swp_cont .cont {float: right;width: 50%;color: #fff;} .swp_cont .cont .inner{margin: 7% 8%;} .swp_cont .cont .tit {margin-bottom: 3%; height: 1.5em; overflow: hidden;} .swp_cont .cont .des { height: 15em;} .swp_cont .cont .des .edit_con_original{color:#fff;} .scl_part6 { margin:3% 0 4%;} .scl_part6 .swp_cont .img{ float: right;} .scl_part6 .swp_cont .cont{ float: left;} @media screen and (max-width: 1599px) { .advert span i{ font-size: 36px;} .swp_cont .cont .des{ height: 13.5em;} } @media screen and (max-width: 1399px) { .advert span i{ font-size: 30px;} } @media screen and (max-width: 1365px) { .swp_cont .cont .des{ height: 12em;} .scl_part4 .item{ height: 240px!important;} } @media screen and (max-width: 1279px) { .scl_part4 .i1 .cont, .scl_part4 .i2 .cont{padding: 5%;} .scl_part4 .i3 .cont, .scl_part4 .i4 .cont, .scl_part4 .i5 .cont{padding:8%;} } @media screen and (max-width: 1023px) { /* 绀句細 */ .scl_part3 dd{ width: 50%; margin-bottom: 2%; } .scl_part4 .item{ width: 100%; margin: 0 0 2% !important; height: auto!important; } .scl_part4 .i3 .cont, .scl_part4 .i4 .cont, .scl_part4 .i5 .cont{padding:5%;} .swp_cont .img,.swp_cont .cont{width: 100%;} .swp_cont .cont{ height: auto!important;} .swp_cont .cont .inner{margin:5%;} .swp_tab{top:0;} .governance_wrap .part1 .line,.table{width: 100%;} } @media screen and (max-width: 768px) { /* 鏀跨瓥 */ .policy_wrap li { width: 100%; margin-right: 0 !important; } /* 娌荤悊 */ /*.governance_wrap .table .tr { padding-left: 4%; padding-right: 4%; } .governance_wrap .table .t1 span { margin-bottom: 5px; } .governance_wrap .table .th { width: 100%; float: none; margin-bottom: 2%; } .governance_wrap .table .td { width: 100%; }*/ } @media screen and (max-width: 767px) { .scl_part2 li{ width: 100%;} .scl_part2 li:nth-child(2n+1)::after{ display: none;} .advert span i{ font-size: 24px;} .scl_part3 .it_w:first-child{width: 100%;} .scl_part3 .it_w{width: 100%;} .swp_tab{position: static; text-align: left;} .swp_tab span{padding-bottom: 0; margin-left: 0; margin-right: 20px;} .swp_tab span.on{border-bottom-width: 2px;} .scl_part3 .it_w p.hide{ display: block;} .scl_part3 .item_b{ display: none;} .scl_part3 .it_w{margin-bottom: 3%;} } .part1 .futitle{ margin-top: 10px; } .boxtitle h2{ line-height: 1; position: relative; color: #000; padding-left: 23px; } .boxtitle h2::after{ position: absolute; content: ''; height: 100%; width: 4px; top: 0; left: 0; background: #92673c; } .part_02 .edit_con_original{ padding: 40px 23px; } @media screen and (max-width: 768px) { /*.governance_wrap .table .td ul li { margin: 0 3%; display: inline-block; vertical-align: text-top; } .governance_wrap .table .tr { position: relative; padding: 1.054795% 1.36986301% 18px 0%; border-bottom: 1px solid #e4d9ce; } .governance_wrap .table .tr::before { content: ''; position: absolute; left: 0; top: 30px; height: 1px; width: 100%; background: #e5d8ce; } .governance_wrap .table .th { margin-bottom: 5%; }*/ .governance_wrap .table .tr{padding:0;} .governance_wrap .table .th{width: 25%;} .governance_wrap .table .td{ width: 75%;} .governance_wrap .table .tr::before{left:25%;} .governance_wrap .table .td ul{padding-left: 0;} .boxtitle h2 { padding-left: 10px; } .part_02 .edit_con_original { padding: 10px 10px; } } @media screen and (max-width: 414px) { /* 绀句細 */ .scl_part3 dd{ width: 100%; } } @media only screen and (max-width:1024px) { .media_info-list li dd .btn { opacity: 1; visibility: visible; } } @media only screen and (max-width:767px) { .media_info-list li dd .btn a{width: 48px; height: 28px; line-height: 28px; font-size: 18px;} .policy_wrap li a{padding: 10px 20px;} .span_pdf{margin-right: 10px;} } /*20230625鍙樻洿*/ .fnt_300{font-size: 300px;} .scl_part3_top{ padding: 8% 0; background: #E6DBCE; margin-bottom: 4%;} .scl_part3_top li{position: relative; float: left; width: 33.33%; padding:0 2%; color: #010101; text-align: center;} .scl_part3_top li span{color:#EBE2D8; z-index: 1; font-family: Arial, Helvetica, sans-serif;} .scl_part3_top li h2{margin-bottom: 3%;} .scl_part3_top li h2,.scl_part3_top li p{position: relative; z-index: 2;} .scl_part3_top li p{ height: 3em;} .scl_part3_bot{padding-bottom: 3%;} .scl_part3_bot h2{color: #010101;} .scl_part3_bot h3{ text-align: center;color: #010101;} .scl_part3_bot .box{margin-top: 4%; padding: 0 12%;} .scl_part3_bot .box .ll{ float: left; width: 31.33%; margin-right: 2%;} .scl_part3_bot .box .mm{ float: left; width: 33.33%; text-align: center; border-radius: 100%;position: relative; background: #E6DBCE;} .scl_part3_bot .box .mm::before{content: ""; position: absolute; left:-20px; top:-20px; width: 100%; height: 100%;border-radius: 100%; border:20px solid #FAF8F6;} .scl_part3_bot .box .mm h4{padding-top: 16%; margin-bottom: 5%;} .scl_part3_bot .box .mm h5{text-align: center;} .scl_part3_bot .box .mm h5 span,.scl_part3_bot .box .mm h5 em{display: inline-flex; line-height: 1.5;} .scl_part3_bot .box .mm h5 em{margin: 0 3%;position: relative; top:18px;} .scl_part3_bot .box .rr{ float: right; width: 31.33%;} .scl_part3_bot .box .ll li{ color: #010101; padding:8% 0; margin-bottom: 10%; text-align: center; border-top-right-radius:45px; border-bottom-right-radius: 45px; background:linear-gradient(to right,#fff,#E2D5C7);} .scl_part3_bot .box .rr li{color: #010101; padding: 8% 0; margin-bottom: 10%; text-align: center; border-top-left-radius:45px; border-bottom-left-radius: 45px; background:linear-gradient(to left,#fff,#E2D5C7);} .scl_part3_bot .box .ll li:nth-of-type(1),.scl_part3_bot .box .rr li:nth-of-type(1){ margin-top: 5%;} .scl_part3_bot .box .ll li:nth-of-type(2),.scl_part3_bot .box .rr li:nth-of-type(2){ width: 94%;} .scl_part3_bot .box .rr li:nth-of-type(2){margin-left: 6%;} @media only screen and (max-width:1440px) { .fnt_300{font-size: 200px;} } @media only screen and (max-width:1279px) { .scl_part3_bot .box{padding: 0 5%;} } @media only screen and (max-width:1023px) { .scl_part3_top li p br{ display: none;} .scl_part3_bot .box{padding: 0;} } @media only screen and (max-width:767px) { .fnt_300{font-size: 100px;} .scl_part3_top li{ width: 100%; margin-bottom: 5%;} .scl_part3_bot .box .mm::before{ left:-2px; top:-2px;border:2px solid #FAF8F6;} .scl_part3_bot .box .ll li,.scl_part3_bot .box .rr li{padding: 4% 0; font-size: 14px;} .scl_part3_bot .box .mm h4{margin-bottom: 0;} .scl_part3_bot .box .mm h5{ font-size: 14px;} } /*20230625鍙樻洿end*/