body.body_pdf{padding: 0; margin: 0; overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
body.body_pdf,
body.body_pdf iframe{width: 100%; height: 100vh}

.sustainable_group .column h3{font-size: calc(88/1920*100vw); line-height:1.0228; padding-top: .2rem; padding-bottom: .4rem; color: rgba(0,107,227,0.2)}
.sustainable_group .iconjt{position: absolute; width: .54rem; height: .54rem; background: no-repeat center center; background-size: contain;}
.sustainable_group .counter{font-weight: normal; display: inline-block; vertical-align: middle; padding-right: 5px;}
.sustainable_group .counter i{font-style: normal;}
.sustainable_group .counter i.num{position: absolute}
.sustainable_group .counter i.no{opacity: 0}
.sustainable_group .data b{ font-size: calc(60/1920*100vw);}
.sustainable_group .data h4{font-size: .16rem; font-weight: normal}
.sustainable_group .data li{padding: .1rem 0; line-height: 1.2}
.sustainable_group .data li h5{font-size: .16rem; font-weight: normal}
.sustainable_group .data li h5 span{vertical-align:inherit}
.sustainable_group .data li span{vertical-align: middle; display: inline-block}
.sustainable_group .data sup{vertical-align:sub}
.sustainable_group .group1{padding-bottom: 6.25%}
.sustainable_group .group1 .column h3{ color: rgba(7,67,144,0.2)}
.sustainable_group .group1 .iconjt{left: 0; bottom: 0; background-image: url("../images/kcxfz_iconjt1.png")}
.sustainable_group .group1 .part1{background: #e5eaf2; line-height: .24rem; margin-bottom: .5rem; position: relative; z-index: 10}
.sustainable_group .group1 .part1 .wap{display: none}
.sustainable_group .group1 .left{ padding:.2rem .5rem; max-width:40%; display: flex; align-items: center}
.sustainable_group .group1 .left dl{position: relative; cursor: pointer;}
.sustainable_group .group1 .left dt{position: relative; color: #002e7e}
.sustainable_group .group1 .left dt span{padding-right:22px; font-weight: bold; display: block}
.sustainable_group .group1 .left dt:after{content: '';position: absolute; background: url(../images/kcxfz_jt2.svg) no-repeat center center; width: 16px; height: 16px;right: 0; top: 0; bottom: 0;margin: auto; transition: 0.5s}
.sustainable_group .group1 .left dd{position: absolute; min-width: 200%; background: #fff; visibility: hidden; opacity: 0; transform: translateY(.3rem); box-shadow: 0 0 .1rem #ddd; z-index: 10; transition: 0.5s}

.sustainable_group .group1 .left dd li a{display: block; padding: .1rem .2rem; line-height: .24rem}
.sustainable_group .group1 .left dd li a:hover{background: #e8eeef}
.sustainable_group .group1 .left .show dd{visibility: inherit; opacity: 1; transform: translateY(0)}
.sustainable_group .group1 .left .show dt:after{transform: rotate(180deg)}
.sustainable_group .group1 .right{ max-width:60%;background: #009df8; display: flex; align-items: center}
.sustainable_group .group1 .right a{padding: .2rem .8rem; font-weight: bold; display:block; color: #ffffff; }
.sustainable_group .group1 .right a span{padding-left: .38rem; display: block; background: url(../images/kcxfz_jt1.svg) no-repeat left;}
.sustainable_group .group1 .right:hover{background: #002e7e}

.sustainable_group .group1 .part2{position: relative; color: #fff; background: linear-gradient(45deg,#ffffff 5%, #002e7e 5%, #002e7e 95%, #ffffff 95%); padding:5% 20% 4% 7%; margin-bottom: .3rem}
.sustainable_group .group1 .part2 .data{max-width: 50%}
.sustainable_group .group1 .part2 .data:nth-child(2) b{font-size: .28rem}
.sustainable_group .group1 .part2 .data:nth-child(2) ul:not(:last-child){padding-bottom: .3rem}
.sustainable_group .group1 .part2 .data:nth-child(2) ul li:not(:first-child){margin-left: .4rem}
.sustainable_group .group1 .part2:after{content: '';position: absolute; background: url("../images/kcxfz_iconbg.svg") no-repeat right bottom; bottom: -19%; right: -5%; width: 30.64285714285714%; height: 107%;background-size: contain;}
.sustainable_group .group1 .part3{position: relative}
.sustainable_group .group1 .part3 .details{width: 38%}
.sustainable_group .group1 .part3 .box{width: 60.71428571428571%}
.sustainable_group .group1 .part3 .data{width:48.237%; text-align: center; padding: 4%; background:#e5eaf2 url("../images/kcxfz_txtbg.jpg") no-repeat right bottom; background-size: cover}

.sustainable_group .group2{padding: 6.25% 0; background: #f1f9ff url("../images/kcxfz_bg2.jpg") no-repeat right bottom; background-size: 100%}
.sustainable_group .group2 .w1400{position: relative}
.sustainable_group .group2 .column{position: absolute;left: 32.857%; max-width: 60%; top: 0}
.sustainable_group .group2 .iconjt{ right: 0; bottom: 0; background-image: url("../images/kcxfz_iconjt2.png")}
.sustainable_group .group2 .part1{width: 29.28571428571429%;margin-right: .3rem; color: #fff; background: linear-gradient(45deg,#f1f9ff 5%, #009df8 5%, #009df8 95%, #f1f9ff 95%);position: relative;}
.sustainable_group .group2 .part1:after{content: '';position: absolute; background: url("../images/kcxfz_iconbg2.png") no-repeat center center; background-size: contain; width:95.855%; padding-bottom:85.125%; bottom: -2%; right: -14%}
.sustainable_group .group2 .part1 .data{text-align: center; padding: 3% 0}
.sustainable_group .group2 .part1 .data li{padding:7% 4%}
.sustainable_group .group2 .part2{width:57.14285714285714%; margin-top:16%}
.sustainable_group .group2 .part2 .data{width:48.125%; padding:3%; background: url("../images/kcxfz_txtbg2.png") no-repeat right bottom;background-size: cover}
.sustainable_group .group2 .part2 .data ul{max-width: 2.4rem; margin: auto}
.sustainable_group .group2 .part2 .data ul li:not(:last-child){padding-bottom: 10%}

.sustainable_group .group3{padding: 6.25% 0;background:url("../images/kcxfz_bg3.jpg") no-repeat left top;background-size: 100%}
.sustainable_group .group3 .iconjt{ left: 0; bottom: 0; background-image: url("../images/kcxfz_iconjt3.png")}
.sustainable_group .group3 .title{display: flex; align-items: center}
.sustainable_group .group3 .title figure{width: .9rem}
.sustainable_group .group3 .title h3{font-size: calc(44/1920*100vw); }
.sustainable_group .group3 .title p{font-size: .18rem}
.sustainable_group .group3 .title .txt{padding-left: .3rem; padding-right: .15rem}
.sustainable_group .group3 .part:not(:last-child){margin-bottom:7.85% }
.sustainable_group .group3 .chart_list{font-size: .18rem; text-align: center}
.sustainable_group .group3 .chart_list .box.num3{width:54.595%}
.sustainable_group .group3 .chart_list .box.num3 .inbox{width:28%;}
.sustainable_group .group3 .chart_list .box.num2{width: 36.396%}
.sustainable_group .group3 .chart_list .box.num2 .inbox{width: 42%;}
.sustainable_group .group3 .chart_list .box p{padding: .15rem 0; font-weight: 500}
.sustainable_group .group3 .chart_data .inbox{position: relative}
.sustainable_group .group3 .chart_data .chart{position: absolute; width: 100%; height: 100%}
.sustainable_group .group3 .chart_type{margin-top:.2rem}
.sustainable_group .group3 .chart_type:before,
.sustainable_group .group3 .chart_type:after{content: '';flex: 1; height: 1px;background: #eaeaea}
.sustainable_group .group3 .chart_type ul li{padding: 0 1vw;}
.sustainable_group .group3 .chart_type ul li:before{content: ''; width: .2rem; height: .2rem; border-radius: 100%; margin-right: .1rem;}
.sustainable_group .group3 .chart_type ul li:nth-child(1):before{background: #052f7c}
.sustainable_group .group3 .chart_type ul li:nth-child(2):before{background: #76ecfe}
.sustainable_group .group3 .chart_type ul li:nth-child(3):before{background: #199ef5}
.sustainable_group .group3 .part1{position: relative;}
.sustainable_group .group3 .part1 .details{width: 50%}
.sustainable_group .group3 .part1 .box{width:44.57142857142857%}
.sustainable_group .group3 .part1 .data{padding:12%; position: relative;overflow: hidden;}
.sustainable_group .group3 .part1 .data:after{content: '';position: absolute; background: no-repeat center center; background-size: contain;}
.sustainable_group .group3 .part1 .data:nth-child(1){background: linear-gradient(45deg,#ffffff 5%, #006be3 5%, #006be3 95%, #ffffff 95%); color: #fff;}
.sustainable_group .group3 .part1 .data:nth-child(2){width:88%; padding-top:6%; padding-bottom:6%; margin-left: -75%; margin-top: -16%; background: linear-gradient(45deg,rgba(255,255,255,0) 5%, #e5f0fc 5%, #e5f0fc 95%, rgba(255,255,255,0) 95%); z-index: 2}
.sustainable_group .group3 .part1 .data:nth-child(1):after{right: -10%; bottom: -18%; width:50.162%; padding-bottom:50.162%; background-image: url("../images/kcxfz_txtbg9.png")}
.sustainable_group .group3 .part1 .data:nth-child(2):after{right: -8%; bottom: -10%; width:56.091%; padding-bottom:59.918%; background-image: url("../images/kcxfz_txtbg10.png")}
.sustainable_group .group3 .part2 .details{padding-bottom: 5%}
.sustainable_group .group3 .part2 .info{width: 40%}
.sustainable_group .group3 .part2 .title{padding-bottom: .3%}
.sustainable_group .group3 .part2 .title p{color: #002e7e}
.sustainable_group .group3 .part2 .desc{padding-top: 3%;line-height: .3rem; }
.sustainable_group .group3 .part2 .desc p{padding:3% 0}
.sustainable_group .group3 .part2 .data{width: 42.857%}
.sustainable_group .group3 .part2 .data ul li{font-size: .18rem; width: 50%}
.sustainable_group .group3 .part2 .data ul li:first-child{width: 100%}
.sustainable_group .group3 .part2 .data h5{font-size: .18rem; }
.sustainable_group .group3 .part2 .data h4{color: #002e7e; font-size: .18rem; font-weight: bold}
.sustainable_group .group3 .part2 .data b{font-size: calc(48 / 1920 * 100vw);}
.sustainable_group .group3 .part3 .details{width:52%}
.sustainable_group .group3 .part3 .desc{line-height: .3rem; padding: 3% 0; margin-bottom: 5%; border-bottom:dashed 1px #ccdbd3; width: 81%}
.sustainable_group .group3 .part3 .desc p{padding:3% 0}
.sustainable_group .group3 .part3 .title p{color: #85d938}
.sustainable_group .group3 .part3 .data ul li{font-size: .18rem; width:33%; display: flex; align-content: space-between; flex-wrap: wrap}
.sustainable_group .group3 .part3 .data ul li h5{width: 100%}
.sustainable_group .group3 .part3 .data ul li .shuju{width: 100%}
.sustainable_group .group3 .part3 .data ul li:first-child{width: 100%}
.sustainable_group .group3 .part3 .data h5{font-size: .18rem; }
.sustainable_group .group3 .part3 .data h4{color: #004c22; font-size: .18rem; font-weight: bold}
.sustainable_group .group3 .part3 .data b{font-size: calc(48 / 1920 * 100vw);}
.sustainable_group .group3 .part3 .intro{width: 42.857%; border: solid .2rem #f0f7e9; background: #fff url("../images/kcxfz_txtbg4.png") no-repeat 90% bottom; background-size:52%; padding:4%}
.sustainable_group .group3 .part3 .intro h4{color: #85d938; font-size: .36rem; text-align: center; font-weight: normal; margin-bottom: 4%}
.sustainable_group .group3 .part3 .intro h4 span{display: inline-block; line-height: .4rem; padding-left: .6rem; background: url("../images/kcxfz_tip.png") no-repeat left; background-size: .4rem}
.sustainable_group .group3 .part3 .intro li{margin-left: .1rem; line-height: .3rem;padding: 2% 0; list-style: disc}
.sustainable_group .group3 .part3 .intro li .num{font-size: .24rem; color: #004c22}
.sustainable_group .group3 .part4 .details{max-width: 10.3rem; padding-bottom: 5%}
.sustainable_group .group3 .part4 .desc{flex: 1; line-height: .3rem}
.sustainable_group .group3 .part4 .title{margin-right: 1rem}
.sustainable_group .group3 .part4 .title p{color: #006be3}
.sustainable_group .group3 .part4 .other{position: relative}
.sustainable_group .group3 .part4 .photo{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 37%; z-index: 10}
.sustainable_group .group3 .part4 .list li{line-height: .3rem; width:50%; padding: 3% 5% 5% 5%; background: no-repeat;background-size: 100% 100%;}
.sustainable_group .group3 .part4 .list li:nth-child(1){padding-right: 13%;background-image: url("../images/kcxfz_txtbg5.png"); background-position: left}
.sustainable_group .group3 .part4 .list li:nth-child(2){padding-left:15%; text-align: right; background-image: url("../images/kcxfz_txtbg6.png"); background-position: right}
.sustainable_group .group3 .part4 .list li:nth-child(3){padding-right:20%;background-image: url("../images/kcxfz_txtbg7.png"); background-position: left}
.sustainable_group .group3 .part4 .list li:nth-child(4){padding-left:14%; text-align: right; background-image: url("../images/kcxfz_txtbg8.png"); background-position: right}
.sustainable_group .group3 .part4 .list li:nth-child(2)~li{margin-top: 10%}
.sustainable_group .group3 .part4 .list h5{font-size: .24rem; font-weight: 500;margin-bottom:4%}
.sustainable_group .group3 .part4 .list .blue{color: #006be3}
.sustainable_group .group3 .part5 .title p{color: #07a2ea}

.sustainable_group .group3 .part5 .details{max-width: 5.8rem; width:calc(95% - 6.31rem)}
.sustainable_group .group3 .part5 .details .desc{line-height:.3rem}
.sustainable_group .group3 .part5 .details .desc.big{padding:8% 22% 8% 0; margin-bottom:8%; font-size: .24rem; border-bottom:dashed 1px #cdecfb}
.sustainable_group .group3 .part5 .data{width:6.31rem; height: 4.85rem; position: relative; background: url("../images/kcxfz_txtbg3.jpg"); background-size: 100% 100%}
.sustainable_group .group3 .part5 .data h4{position: absolute;font-size: .18rem; font-weight: bold; left: 13%; top: 18%; color: #07a2ea}
.sustainable_group .group3 .part5 .data ul{padding-top:3%}
.sustainable_group .group3 .part5 .data li{width:40%; text-align: center; padding:4% 0}
.sustainable_group .group3 .part5 .data li:nth-child(1){margin-left:28%; padding-bottom: 6%}
.sustainable_group .group3 .part5 .data li:nth-child(2){margin-left: 8%;text-align: left}
.sustainable_group .group3 .part5 .data li:nth-child(4){margin-left: 35%}
.sustainable_group .group3 .part5 .data b{font-size: calc(48 / 1920 * 100vw);}
.sustainable_group .group4{position: relative; background: #052f7c}
.sustainable_group .group4 .pic img{position: absolute;top: 0; width: 50%; height: 100%; object-fit: cover; -o-object-fit: cover;}
.sustainable_group .group4 .info{position: relative; z-index: 2}
.sustainable_group .group4 .txt{width: 50%; text-align: center;}
.sustainable_group .group4 .txt h4{line-height: 1.4rem; color: #fff; font-size: .48rem}
.sustainable_group .group4 .link{width: 50%; padding-left: 10%}
.sustainable_group .group4 .link a{display:inline-flex;line-height: .36rem; font-size: .18rem;color: #fff; }
.sustainable_group .group4 .link i{margin-left: .3rem; width: .36rem; height: .36rem; border-radius: 100%; background: #fff; position: relative}
.sustainable_group .group4 .link i:before{content: '';position: absolute; width: 100%; height: 100%; background: url("../images/kcxfz_jt3.svg") no-repeat center center}
.sustainable_group .group4 .link a:hover{color: #06a1e8}
.sustainable_group .group4 .link a:hover i{background: #06a1e8}
.sustainable_group .group4 .link a:hover i:before{filter: brightness(0) invert(1);}

@media(max-width:1024px){
.sustainable_group .column h3{font-size: calc(88 / 1300 * 100vw);}
.sustainable_group .data b{font-size: calc(48 / 1200 * 100vw)!important;}
.sustainable_group .group1 .part3 .details{width: 100%}
.sustainable_group .group1 .part3 .box{width: 100%}
.sustainable_group .group1 .iconjt{left: auto; bottom: auto; right: 0; top: 0}
.sustainable_group .group2 .column{position: initial; max-width: inherit}
.sustainable_group .group2 .iconjt{left: auto; bottom: auto; right: 0; top: 0}
.sustainable_group .group2 .part1{width: 100%; margin-right: 0}
.sustainable_group .group2 .part1 .data ul{display: flex;flex-wrap: wrap; justify-content: space-between}
.sustainable_group .group2 .part1 .data ul li{width: 32%}
.sustainable_group .group2 .part1:after{padding-bottom: 0;width:50%; height:70%}
.sustainable_group .group2 .part2{width: 100%;margin-top: 5%}
.sustainable_group .group3 .iconjt{left: auto; bottom: auto; right: 0; top: 0}
.sustainable_group .group3 .title h3{font-size: calc(44 / 1200 * 100vw);}
.sustainable_group .group3 .chart_list .box.num3 .inbox{ width: 30%;margin: 0 1%;}
.sustainable_group .group3 .chart_list .box.num2 .inbox{ width: 30%;margin: 0 5%;}
.sustainable_group .group3 .chart_list .box.num3{width: 100%; background: #f5f8f9; padding: 5% 0}
.sustainable_group .group3 .chart_list .box.num2{width: 100%; margin-top: 5%}
.sustainable_group .group3 .chart_data{justify-content: center;}
.sustainable_group .group3 .num3 .chart_data{}
.sustainable_group .group3 .num2 .chart_data{}
.sustainable_group .group3 .part1 .details{width: 100%}
.sustainable_group .group3 .part1 .box{width: 100%}
.sustainable_group .group3 .part1 .data{padding:8%}
.sustainable_group .group3 .part1 .data:nth-child(1){margin-bottom: 3%}
.sustainable_group .group3 .part1 .data:nth-child(2){margin: 0; width: 100%}
.sustainable_group .group3 .part3 .desc{width: 100%}
.sustainable_group .group3 .part3 .data ul {justify-content: space-between}
.sustainable_group .group3 .part3 .data ul li{width: 48%}
.sustainable_group .group3 .part5 .details .desc.big{padding-right: 0}
.sustainable_group .group4 .txt h4{font-size: .30rem; line-height: .8rem}
}
@media(max-width:768px){
.sustainable_group .column h3{font-size: calc(88 / 1100 * 100vw);}
.sustainable_group .iconjt{width: .3rem;  height: .3rem;}
.sustainable_group .data b{font-size: .30rem!important}
.sustainable_group .group1 .pc{display: none!important}
.sustainable_group .group1 .wap{display: block!important}
.sustainable_group .group1 .left{padding:.1rem}
.sustainable_group .group1 .right a{padding:.1rem}
.sustainable_group .group1 .part2 .data{max-width: inherit; width: 100%; padding: 5% 0}
.sustainable_group .group1 .part3 .box{width: 100%}
.sustainable_group .group1 .iconjt{left: auto; right: 0; top: 0; bottom: auto}
.sustainable_group .group2 .part2 .data{padding: .15rem; margin-top: 2%}
.sustainable_group .group2 .part2 .data ul{max-width: inherit;}
.sustainable_group .group3 .title h3{font-size: .30rem;}
.sustainable_group .group3 .part2 .info{width: 100%;margin-bottom: 5%;  border-bottom: dashed 1px #ccdbd3;}
.sustainable_group .group3 .part2 .desc{padding-bottom: 3%}
.sustainable_group .group3 .part2 .data{width: 100%; padding-top: 3%}
.sustainable_group .group3 .part3 .details{width: 100%}
.sustainable_group .group3 .part3 .intro{width: 100%; margin-top: 5%}
.sustainable_group .group3 .chart_list{font-size: .16rem;}
.sustainable_group .group3 .part4 .title{width: 100%; margin-right: 0}
.sustainable_group .group3 .part4 .desc{flex: initial; width: 100%; padding: 3% 0}
.sustainable_group .group3 .part4 .desc p{padding: 3% 0}
.sustainable_group .group3 .part4 .photo{width: 60%; margin: 3% auto; position: initial; transform:none}
.sustainable_group .group3 .part4 .list li{width: 100%; background-size: 100% 100%; margin-top: 3%!important}
.sustainable_group .group3 .part5 .details{width: 100%; max-width: inherit}
.sustainable_group .group3 .part5 .data{width: 100%; height: auto; margin-top: 3%}
}
@media(max-width:640px){
.sustainable_group .group1 .part2 .data:nth-child(2) ul{justify-content: space-between}
.sustainable_group .group1 .part2 .data:nth-child(2) ul li:not(:first-child){margin-left: 0}
.sustainable_group .group1 .part2 .data:nth-child(2) ul li{width: 48%}
.sustainable_group .group1 .part2 .data:nth-child(2) ul li span{display: block}
.sustainable_group .group2 .part1 .data ul li{width: 100%}
}
@media(min-width:1024px){
html[lang="en"] .sustainable_group .column h3{font-size: calc(60 / 1920 * 100vw);}
html[lang="en"] .sustainable_group .group3 .title h3{font-size: calc(40 / 1920 * 100vw);}
html[lang="en"] .sustainable_group .group3 .part4 .details{max-width: inherit}
html[lang="en"] .sustainable_group .group3 .part5 .details .desc.big{font-size: .22rem;padding-right: 0}
html[lang="en"] .sustainable_group .group3 .part5 .data li{padding:3% 0;}
}
@media(max-width:640px){
.sustainable_group .group1 .part3 .data{padding:.2rem .1rem}
.sustainable_group .group3 .part4 .list li{padding: 6% 6% 15% 6%!important}
.sustainable_group .group3 .chart_type ul li{padding: 0 3vw;}
.sustainable_group .group4 .txt h4{font-size: .20rem;}
}