*, *:before, *:after{box-sizing: border-box;padding:0;margin:0;}
html,body {background:#eee;color:#000;min-width:320px;line-height:2;font-family:Arial,微软雅黑;font-size:18px;--mainColor:#04AFAC;--mainWidth:1200px;--secondColor:#0d456d;--secondColorOp:rgba(13,69,109,.1) ;}
ol,ul,li{list-style-type:none;}
b{font-weight:normal}
img{vertical-align:middle;border:0;}  
input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;} 
a {color:#000;text-decoration:none;}
.left{float: left;}
.right{float: right;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.clear{clear:both;}
.green{color:var(--mainColor);}

.content{width:var(--mainWidth);margin:30px auto;;}
.foot{text-align: center;padding:4em 0;font-size: 14px;background:#fff;}

.banner{margin-top: 0px;;}
.banner img{width: 100%;;}

.top{background:#fff;}
.logo{width:var(--mainWidth);margin:auto;padding:10px 0;}
.logo img{width: 170px;;}

/* 导航 */
.nav{width:100%;background-color:#fff;/*position: fixed;*/top:0;left:0;line-height: 60px;/*border-bottom:3px var(--mainColor) solid;*/font-size: 16px;z-index:3;box-shadow: 0 5px 4px rgba(0,0,0,.1);position: relative;}
.nav ul{display: flex; justify-content:space-between;}
.nav ul.content{margin:auto;}
.nav ul li{position: relative;}
.nav ul li.on a{background-color:var(--mainColor);}
.nav ul li a{display: block;padding:0 30px;}
.nav ul li a:hover{/*background-image: linear-gradient(#42aeaf, #398ec2);;*/background-color:var(--mainColor);color:#fff;}
.nav ul li dl{position: absolute;background:#fff;top: 100%; white-space: nowrap;display: none;box-shadow: 0 5px 4px rgba(0,0,0,.1);}
.nav ul li:hover dl{display: block;}
.fhsy{display: none;position: fixed;z-index: 2;width:40px;height:40px;bottom:20px;left:10px;}
.fhsy img{width:100%;}
.mask_bg {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1;display: none;}
@media screen and (max-width: 1200px){
    html,body{font-size: 14px;width:100vw;overflow-x: hidden;}
    .content{width: 95%;margin:15px auto;}
    .logo{padding:10px;}
    .logo img{width: 115px;;}
    .banner{margin-top:0;}
    .nav{width:50%;height:100%;border-right:3px var(--mainColor) solid;border-bottom:0;left:-50%;position: fixed;}
    .nav ul{display: block;padding-top:2em;width:100%;}
    .nav ul li{border-bottom:1px var(--mainColor) solid;}
    .nav ul li a{padding:0 1em;}
    .nav ul li dl{position: unset;transition: all .3s;box-shadow:none;padding-left:1em;}
    .nav ul li dl dd{}
    .fhsy{display: block;}    
}

h1{font-size:24px;position: relative;padding-left:.8em;}
.part h1::before{position: absolute;content:"";width:10px;height:24px;left:0;top:.5em;background:var(--mainColor);}

/* 分栏 */
.fl{display: flex;}
.part_left{width:66.6667%;padding:0 15px 0 0;}
.part_right{width:33.3333%;padding:0 0 0 15px;}
.part{margin-top:30px;background-color: #fff;padding:5px 15px 15px;border-radius: 10px;;}
@media screen and (max-width: 1200px){
    .fl{display: block;}
    .part_left{width:100%;padding:0;}
    .part_right{width:100%;padding:0;}
    .part{margin-top:15px;}
    h1{font-size:4.8vw;}
}

/* ESG价值体系 */
.part_esg h1{background-image: linear-gradient(#019895, #04AFAC);color:#fff;padding:15px 30px;border-radius:20px 20px 0 0;}
.esg_more {float:right; color: #fff;font-size: 16px; line-height: 48px;}
table#esg_table{font-size:16px;width:100%;text-align: center;border-collapse:collapse;empty-cells:show;table-layout:fixed;line-height: 2;background-color: #fff;}
table#esg_table thead{background-color:#04AFAC;color:#fff;}
table#esg_table thead th{border:0;font-size:16px;padding:5px 2px;font-weight: normal;}
/* .part_esg table tbody tr:nth-child(even){background-color:var(--secondColorOp);} */
table#esg_table tbody td{padding:8px 2px;}
table#esg_table tbody td.green{font-weight:bold;}

.search{background:#fff;height:60px;width:100%;border-radius: 30px;display: flex;padding:12px 20px;margin-top:10px;}
.search_input{flex-grow:1;border:0;padding:0 10px;border-radius: 5px;font-size:20px;}
.search_btn{background-image: url(../images/search.png);background-repeat: no-repeat; background-position: center center;;  width:40px;  height: 26px;margin-top:5px;padding-right:14px;}
.part_esg .more{text-align: center;margin-top:15px;}
@media screen and (max-width: 1200px){
    table#esg_table{font-size:12px;line-height: 1.5;}
    table#esg_table thead th{font-size: 12px;}
    .search{height:30px;padding:0 20px;}
    .search_input{font-size:14px;}
    .search_btn{width:20px;height:20px;background-size: 100% 100%;}
    .esg_more{font-size:12px;line-height: 40px;;}
    
}

/* 文章 */
.article_left{display: flex;flex-wrap: wrap;justify-content:space-between;}
.article_left .part{width: 49%;;}
.article_right{width: 50%;;}
.part_right .part:first-child{margin-top:0;}
@media screen and (max-width: 1200px){
    .article_left{display: block;}
    .article_left .part,.article_left .part:nth-of-type(odd),.article_left .part:nth-of-type(even){width:100%;padding:10px;}
    .part_right .part:first-child{margin-top:30px;}
}

.part h1 a{color:var(--mainColor);float: right;font-size: 16px;line-height: 48px;}

.top_article{position: relative;display: flex;border-bottom:1px #aaa dashed;padding-bottom:15px;}
.top_article .text{width: 60%;display: flex;align-content:space-between;flex-wrap:wrap;padding-left:10px;;}
.top_article .img{width: 40%;;}
.top_article img{width:100%;height:120px;object-fit: cover;border-radius: 6px;display: block;}
.top_article h5{line-height:1.5;text-overflow: -o-ellipsis-lastline; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;width:100%;}
.top_article p{color:#999;font-size:14px;width: 100%;;}
.top_article p span.time{margin-left:1em;}
.text_list{font-size:16px;margin-top:1em;}
.text_list ul li{position: relative; padding-left: 1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text_list ul li::before {position: absolute; content: ""; width: 5px;height: 5px;background: var(--mainColor);border-radius: 50%;left:.5em;top: .8em;}
@media screen and (max-width: 1200px){
    .part h1{padding-bottom:.5em;}
    .part h1::before{top:.3em;}
    .part h1 a{line-height: 2;}
    .top_article img{height:calc( ( 95vw - 20px ) * .4 * 9 / 16 )}
}

.article_list{margin-top:0px;}
.article_list ul li{display: flex;padding:13px 0;border-bottom:1px #aaa dashed;}
.article_list ul li .text{width: 60%;display: flex;align-content:space-between;flex-wrap:wrap;padding-right:5px;;}
.article_list ul li .img{width: 40%;;}
.article_list ul li .img img{width:100%;height:100px;object-fit: cover;border-radius: 10px;display: block;}
.article_list ul li h5{line-height:1.5;text-overflow: -o-ellipsis-lastline; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;width:100%;}
.article_list ul li p{color:#999;font-size:14px;width: 100%;;}
.article_list ul li p span.time{margin-left:1em;}



/* SDGs */
.sdgs_icon ul{display: flex;flex-wrap:wrap;}
.sdgs_icon ul li{width:11.111111%;height:130px;padding:5px;}
.sdgs_icon ul li a{position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.sdgs_icon ul li img{width:100%;height:100%;display:block;}
.sdgs_icon ul li a p{position: absolute;z-index: 1;top:100%;left:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;color:#fff;background:rgba(0,0,0,.8);transition: all .5s;padding:5px;text-align:center;line-height: 1.5;;}
.sdgs_icon ul li a:hover p{top:0;}

@media screen and (max-width: 1200px){
.sdgs_icon ul li{width:25%;height:calc( 95vw / 4 - 0px )}
}

/* 科普 */
.esg_kp ul{display: flex;flex-wrap:wrap;}
.esg_kp ul li{width:20%;padding:5px;}
.esg_kp ul li a{display: block;width: 100%;}
.esg_kp ul li img{width:100%;border-radius: 6px;height:224px;object-fit: cover;}

@media screen and (max-width: 1200px){
/* .esg_kp ul {display: block;} */
.esg_kp ul li{padding:5px;width:20%;padding:2px;}
.esg_kp ul li img{height:auto;image-rendering: -webkit-optimize-contrast;}
}

/* 飞鱼 */
.esg_fy ul{display: flex;flex-wrap:wrap;}
.esg_fy ul li{width:19%;text-align: center;margin:0 calc( 1170px * .005 );}
.esg_fy ul li a{display: block;width: 100%;}
.esg_fy ul li img{width:100%;border-radius: 6px;object-fit: cover;}

.fy.part h1{ overflow:hidden; }
.fy.part h1 .prev,.fy.part h1 .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:15px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
.fy.part h1 .next{ background-position:0 -50px;  }
.fy.part h1 .prevStop{ background-position:-60px 0; }
.fy.part h1 .nextStop{ background-position:-60px -50px; }
.fy.part h1 ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1; }
.fy.part h1 ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.fy.part h1 ul li.on{ background-position:0 0; }
@media screen and (max-width: 1200px){
  .esg_fy ul li{width:49%;text-align: center;margin:0 calc( ( 95vw - 30px ) * .005 );}
}