/*全局样式*/
body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0; outline: none;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-size: 14px;color: #333; outline:none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-size: 14px;color: #333;cursor: pointer; outline:none;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 6px;height: 6px;background: #d2d2d2;border-radius: 0;}
body *::-webkit-scrollbar-thumb{background: #0f63b1;border-radius: 0;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*背景图片*/
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*常用定位*/
.top50{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.left50{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.topleft50{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}


.w1200{max-width: 1200px; width: 94%; margin: 0 auto;}

html,body{background: #F5F5F5!important;}

/*可持续发展*/
.zDevelopBox{padding: 60px 0;}
.developPart{ padding-top: 60px;}
.developPart1{ padding-top: 0; z-index: 1;}
.developPart1 h3{ font-size: 24px; line-height: 30px; color: #333333; text-align: center; font-weight: normal;}
.developPart1 .list{  margin-top: 40px; padding: 20px 0;}
.developPart1 .box{position: relative; overflow: hidden;}
.developPart1 .btn{ display: none;}
.developPart1 .list i{ display: block; width: 1px; background: #EEEEEE;}
.developPart1 .list .item .icon{ text-align: center; height: 44px;}
.developPart1 .list .item .icon img{ vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%);}
.developPart1 .list .item h4{ text-align: center; font-weight: normal; font-size: 16px; color: #555555; line-height: 22px; margin-top: 20px;}
.developPart1 .list .item .text .txt{position: relative; font-size: 14px; line-height: 2; color: #888888; margin-top: 12px; padding-left: 12px;}
.developPart1 .list .item .text .txt::before{ content: ""; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; background: #009ADC; border-radius: 50%;}

.developPart2 .dTop{ position: relative; overflow: hidden; display: block; height: 380px; z-index: 1;}
.developPart2 .dTop .bg{ position: absolute; top: 0; left: 0; display: block; width: 105%; height: 100%; z-index: -2; background-size: cover; transition: 0.8s;}
.developPart2 .dTop:hover .bg{ transform: translate(-4.5%);}
.developPart .developText{padding: 60px; box-sizing: border-box;} 
.developPart .developText h3{ font-size: 32px; color: #222222; line-height: 42px; font-weight: normal;}
.developPart .developText .txt{ font-size: 16px; line-height: 32px; height: 96px; color: #555555; text-align: justify; margin: 40px 0 63px 0;}
.developMorm{ display: flex; align-items: center; font-size: 14px; color: #555555; transition: 0.4s;}
.developMorm i{ display: inline-block; width: 28px; height: 17px; background: url(../images/deveMore.png) top right; transition: 0.4s; margin-left: 10px;}
.developPart .item:hover .developText h3{ color: #009ADC;}
.developPart .item:hover .developMorm{ color: #009ADC;}
.developPart .item:hover .developMorm i{ background-position: top left;}
.developPart2 .list li{ margin-top: 22px;}
.developPart2 .list li a{display: block; overflow: hidden; height: 380px;}
.developPart2 .list li a .pic{ float: left; width: 50%; overflow: hidden; height: 100%;}
.developPart2 .list li a .pic em{ display: block; height: 100%; width: 100%; transition: 0.8s;}
.developPart2 .list li a .text{ float: right; width: 50%; height: 100%; background: #fff;}
.developPart2 .list li a:hover .pic em{ transform: scale(1.1);}
.developPart2 .list li:nth-child(2n) a .pic{ float: right;}
.developPart2 .list li:nth-child(2n) a .text{ float: left;}

/*社会责任*/
.developShzr{ display: flex; justify-content: space-between;}
.developShzr .left{width: 49.16%;}
.developShzr .left .pic{ position: relative; overflow: hidden;}
.developShzr .left .pic .txt{ background: linear-gradient(transparent,rgba(0,0,0,0.6));}
.developShzr .left .pic em{ display: block; padding-bottom: 126%; transition: 0.8s;}
.developShzr .left .text{ background: #fff; padding: 40px;}
.developShzr .left .text h3{ position: relative; height: 30px; line-height: 30px; font-size: 24px; color: #333333; font-weight: normal; padding-right: 40px; box-sizing: border-box; margin-bottom: 40px; transition: 0.4s;}
.developShzr .left .text h3 i{ position: absolute; top: 50%; right: 0; width: 28px; height: 17px; background: url(../images/deveMore.png) top right; display: block; transform: translateY(-50%); transition: 0.4s;}
.developShzr .left .text p{ font-size: 16px; line-height: 32px; height: 64px; color: #555555;}
.developShzr .left a:hover .pic em{transform: scale(1.1);}
.developShzr .left a:hover .text h3{ color: #009ADC;}
.developShzr .left a:hover .text h3 i{ background-position: top left;}
.developShzr .right{ width: 49.16%; }
.developShzr .right li{ height: calc(50% - 10px);}
.developShzr .right li:first-child{ margin-bottom: 20px;}
.developShzr .right li a{display: block; height: 100%;}
.developShzr .right li a .pic{position: relative; overflow: hidden; height: calc(100% - 144px);}
.developShzr .pic em{ display: block; height: 100%; transition: 0.8s;}
.developShzr .pic .txt{position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 40px;}
.developShzr .txt h3{ font-size: 24px; color: #fff; line-height: 30px; font-weight: normal;}
.developShzr .txt span{display: block; width: 28px; height: 17px; background: url(../images/deveMore.png) top right; transition: 0.4s; margin-top: 20px; filter: brightness(0) invert(1);}
.developShzr .right li a .text{background: #fff; padding: 40px;}
.developShzr .right li a .text p{font-size: 16px; line-height: 32px; height: 64px; color: #555555;}
.developShzr .right li a:hover .pic em{transform: scale(1.1);}
.developShzr .right li a:hover .pic .txt span{ margin-left: 14px;}

/*社会公益*/
.developTit{text-align: center;}
.developTit h3{font-size: 32px;color:#333; font-weight: normal;}
.developTit span{display:inline-block;width:20px;height:20px;background:url(../images/bicon05.png) no-repeat center;margin-top:15px;margin-bottom:30px;}
.shgyTxt{ font-size: 16px; color: #555555; line-height: 2;}
.shgyBox{ background: #fff; padding: 40px; box-sizing: border-box; margin-top: 40px;}
.shgyBox .item{position: relative; overflow: hidden; margin-top: 60px;}
.shgyBox .item:first-child{ margin-top: 0;}
.shgyBox .item li{overflow: hidden;}
.shgyBox .item .pic{ float: left; width: 50%; overflow:hidden;}
.shgyBox .item .pic em{ display:block; padding-bottom: 338px;}
.shgyBox .item .text{ float: right; width: 50%; padding: 0 0 40px 40px; box-sizing: border-box;} 
.shgyBox .item .text h3{ font-size: 24px; color: #333333; line-height: 30px; font-weight: normal;}
.shgyBox .item .text p{ font-size: 16px; line-height: 32px; color: #555555; text-align: justify; margin-top: 40px;}

.developSlide .btn3{position: absolute;width:100px;left: calc(50% + 40px);bottom: 0;z-index: 5;height: 22px;}
.shgy_next,.shgy_prev{display: inline-block;width: 15px;height: 22px;background-repeat: no-repeat;background-position: 0;position: absolute;cursor: pointer;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s}
.shgy_next{background-image: url(../images/s1_right.png) ;right: 0;}
.shgy_prev{background-image: url(../images/s1_left.png) ;left: 0}
.shgy_next:hover{background-position: -16px 0;}
.shgy_prev:hover{background-position: -15px 0;}
.developSlide .swiper-button-disabled{opacity: 0.3;}

.shgyBox .item:nth-child(2n) .pic{ float: right;}
.shgyBox .item:nth-child(2n) .text{ float: left; padding-left: 0; padding-right: 40px;}
.shgyBox .item:nth-child(2n) .btn3{left: 0;}

/*员工关爱*/
.yggaBox .item{ margin-top: 60px;}
.yggaBox .item .title{ font-size: 28px; color: #333333; line-height: 36px; margin-bottom: 40px; text-align: center;}
.yggaBox .item .box{position: relative; overflow: hidden;}
.yggaBox .item .box li{overflow: hidden; background: #fff;}
.yggaBox .item .box .pic{ float: left; width: 50%; position: relative; overflow: hidden;}
.yggaBox .item .box .pic em{ display:block; padding-bottom: 386px;}
.yggaBox .item .box .text{ float: right; width: 50%; padding: 40px 40px 80px 40px; box-sizing: border-box; } 
.yggaBox .item .box .text h3{ font-size: 24px; color: #333333; line-height: 30px; font-weight: normal; }
.yggaBox .item .box .text p{ font-size: 16px; line-height: 32px; color: #555555; text-align: justify; margin-top: 40px;}
.yggaBox .item .box .btn3{ bottom: 40px;}
.developSlide .btn{ bottom: 24px; width: 100%; text-align: right; padding-right: 40px; box-sizing: border-box;}
.developSlide .btn span{ width: 12px; height: 12px; background: #fff; opacity: 0.6; margin: 0 6px !important;}
.developSlide .btn span.swiper-pagination-bullet-active{ background: #fff; opacity: 1;}

.yggaBox .item .ygga2 .swiper-slide{position: relative; width:61.66%; overflow: hidden;}
.yggaBox .item .ygga2 .swiper-slide::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 1; transition: 0.3;}
.yggaBox .item .ygga2 .swiper-slide.swiper-slide-active::before{opacity: 0;}
.yggaBox .item .ygga2 .pic{ overflow: hidden; width: 100%;}
.yggaBox .item .ygga2 .pic em{ display: block; padding-bottom: 52.16%;}
.yggaBox .item .ygga2 .swiper-slide .text{ position: absolute; bottom: -100%; left: 0; padding: 30px 40px; box-sizing: border-box; background: linear-gradient(transparent 8%,rgba(0,0,0,.8)); width: 100%; box-sizing: border-box; }
.yggaBox .item .ygga2 .swiper-slide.swiper-slide-active .text{bottom: 0;transition: 0.7s;}
.yggaBox .item .ygga2 .swiper-slide .text h3{ font-size: 24px; line-height: 30px; color: #FFFFFF; padding-right: 140px; box-sizing: border-box;}
.yggaBox .item .ygga2 .swiper-slide .text p{margin-top: 20px; color: #fff;}
.yggaBox .item .ygga2 .qie{ width: 55px; height: 55px; border: 1px #fff solid; border-radius: 50%; background-size: 20px 20px; filter: brightness(0) invert(1); transition: 0.4s;}
.yggaBox .item .ygga2 .qie.swiper-button-next{ right: 88px;}
.yggaBox .item .ygga2 .qie.swiper-button-prev{ left: 88px;}
.yggaBox .item .ygga2 .qie:hover{background-size: 10px 10px;}
.yggaBox .item .ygga2 .swiper-pagination{ width: 61.66%; text-align: right; left: 50%; transform: translateX(-50%); bottom: 120px; padding: 0 40px; box-sizing: border-box;}
.yggaBox .item .ygga2 .swiper-pagination span{width: 12px; height: 12px; background: #fff; opacity: 0.5; margin: 0 6px !important;}
.yggaBox .item .ygga2 .swiper-pagination span.swiper-pagination-bullet-active{ background: #fff; opacity: 1;}

.yggaBox .item .yggaFan .pic{ float: right;}
.yggaBox .item .yggaFan .text{ float: left;}
.yggaBox .item .yggaFan .btn3{ left: 40px;}




/*可持续采购*/
.kcxcgList{ margin-top: 40px;}
.kcxcgList li{ background: #fff; display: flex; justify-content: space-between; margin-top: 30px;}
.kcxcgList li:first-child{ margin-top: 0;}
.kcxcgList li:nth-child(2n+1){flex-direction: row-reverse;}
.kcxcgList li .pic{ width: 50%;}
.kcxcgList li .pic em{display: block; height: 100%;}
.kcxcgList li .text{ width: 50%; min-height: 380px; padding: 60px; box-sizing: border-box;}
.kcxcgList li .text h3{ font-size: 32px; color: #222222; line-height: 42px; font-weight: normal;}
.kcxcgList li .text p{ font-size: 16px; line-height: 2; color: #555555; margin-top: 40px;}

/*能源管理*/
.nyglbox{ padding: 60px 0;}
.nygl1{ background: #fff;}
.nygl1 .box{ display: flex; flex-direction: row-reverse; justify-content: space-between; min-height: 350px; overflow: hidden;}
.nygl1 .box .text{width: 50%; background: linear-gradient(#3A84CA,#2CAAE0); padding: 54px; box-sizing: border-box; color: #fff; font-size: 16px; line-height: 2; display: flex; align-items: center; }
.nygl1 .box .text .txt{transition: 0.5s;}
.nygl1 .box .pic{ position: relative; width: 50%; overflow: hidden;}
.nygl1 .box .pic em{ display: block; height: 100%; transition: 0.8s;}
.nygl1 .box .pic .p{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 42px; box-sizing: border-box; display: flex; align-items: center; transition: 0.5s;}
.nygl1 .box .pic .p h3{max-width: calc(100% - 60px); display: inline-block; font-weight: normal; color: #fff; font-size: 18px; line-height: 32px; height: 32px;}
.nygl1 .box .pic .p i{ display: inline-block; width: 28px; height: 17px; background: url(../images/deveMore.png) top right; filter: brightness(0) invert(1); margin-left: 36px;}
.nygl1 .box:hover .pic em{ transform: scale(1.1);}
.nygl1 .box:hover .text .txt{ margin-top: 10px;}
.nygl1 .box:hover .pic .p{ bottom: -10px;}

.nyglbox .nyglboxTitle{ font-size: 24px; line-height: 30px; color: #333333; margin-bottom: 40px;}
.nyglbox .nyglboxTxt{ font-size: 16px; color: #444444; line-height: 2; text-align: justify;}
.nygl2 .box{ margin-top: 40px; display: flex; justify-content: space-between;}
.nygl2 .box .item{ width: 48.33%; min-height: 127px; background: url(../images/nygl2bg1.jpg) no-repeat center; background-size: cover; padding: 20px 30px; box-sizing: border-box; display: flex; justify-content: space-between;align-items: center; color: #fff;}
.nygl2 .box .item p{ font-size: 16px; line-height: 22px;}
.nygl2 .box .item span{ color: #fff; margin-top: 15px; display: flex; align-items: center;}
.nygl2 .box .item span i{display: block; margin-left: 6px; filter: brightness(0) invert(1); transform: scale(0.8); transform-origin: center; transition: 0.4s;}
.nygl2 .box .item:hover span i{ margin-left: 24px;}
.nygl2 .box .item:nth-child(2){ background: url(../images/nygl2bg2.jpg) no-repeat center;}

.nygl3{padding: 0;background: #fff;}
.nygl3 .box{display: flex; justify-content: space-between;}
.nygl3 .box .pic{ width: 48.33%;}
.nygl3 .box .pic em{ display: block; height: 100%;}
.nygl3 .box .text{ width: 51.67%; padding-left: 40px; box-sizing: border-box; }
.nygl3 .box .text .nyglboxTxt{line-height: 36px;}

/*循环经济*/
.xhjjCon{ padding-top: 60px;}
.xhjjBox{ background: url(../images/xhjjBg.jpg) no-repeat center; background-size: cover; padding: 62px 0; margin-top: 40px;}
.xhjjBox .box{ overflow: hidden; }
.xhjjBox .box .text{ float: right; width: 720px; background: rgba(255,255,255,0.7); padding: 67px 77px; box-sizing: border-box;}

.inner_cont{ padding: 0;}

/*20240724长飞绿色发展列表*/
.yofc-green-development-list{z-index: 1;position: relative;padding: 10px 0;font-size: 16px;}
.yofc-green-development-list::before{content: '';z-index: -1;position: absolute;left: 0;top: 0;bottom: 0;width: 50%;background-color: rgba(245,253,255,.8);pointer-events: none;}
.yofc-green-development-list::after{content: '';position: absolute;left: 50%;top: 60px;bottom: 60px;width: 1px;background-color: #D0DBDC;}
.yofc-green-development-list li{position: relative;padding: 50px 0;border-top: 1px solid #EEEEEE;}
.yofc-green-development-list li::after{content: '';z-index: 1;position: absolute;left: calc(50% - 4px);top: -4px;width: 8px;height: 8px;background-color: #A6BABE;border-radius: 50%;}
.yofc-green-development-list li .w1200{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.yofc-green-development-list li .w1200 > .con-l{width: 50%;}
.yofc-green-development-list li .w1200 > .con-r{width: 42%;}
.yofc-green-development-list li:nth-child(1){border-top: 0;}
.yofc-green-development-list li:nth-child(1)::after{display: none;}
.yofc-green-development-list li:nth-child(2n) .w1200{flex-direction: row-reverse;}
.yofc-green-development-list li .pic{overflow: hidden;}
.yofc-green-development-list li .pic em{display: block;padding-top: 63.3%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .3s;}
.yofc-green-development-list li .info .tit{margin-bottom: 1.8em;font-size: 24px;}
.yofc-green-development-list li .info .txt{line-height: 2;text-align: justify;}

/*20250506*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.developShzr{flex-wrap: wrap;}
.developShzr .bottom{width: 100%;background: #FFFFFF;margin-top: 20px;}
.developShzr .bottom a{display: flex;flex-direction: row-reverse;}
.developShzr .bottom .pic{width: 64%;height: 0;padding-bottom: 390px;position: relative;overflow: hidden;}
.developShzr .bottom .pic em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.8s;}
.developShzr .bottom .txt{width: 36%;box-sizing: border-box;padding: 64px 40px;position: relative;}
.developShzr .bottom .txt .tit{font-size: 28px;line-height: 1.3;color: #2D2D2D;font-weight: normal;margin-bottom: 20px;}
.developShzr .bottom .txt .desc{font-size: 16px;color: #555555;line-height: 2;}
.developShzr .bottom .txt span{position: absolute;left: 50px;bottom: 64px;filter: brightness(0) invert(0.6);}
.developShzr .bottom a:hover .pic em{transform: scale(1.1);}
.developShzr .bottom a:hover .txt span{ transform: translateX(14px);}

.nyTitleStyle{text-align: center;margin-top: 40px;}
.nyTitleStyle h2{font-size: 32px;color:#333;line-height: 1.5;}
.nyTitleStyle span{display:inline-block;width:20px;height:20px;background:url(../images/bicon05.png) no-repeat center;margin-top:15px;margin-bottom:30px;}

/* 单页默认样式 */
.myPageStyle{color: #555555;line-height: 2;font-size: 16px;}
.myPageStyle *{max-width: 100% !important;}
.myPageStyle img{height: auto !important;max-width: 100% !important;}
.myPageStyle ul,.myPageStyle ul li{list-style: disc inside;}

.developFfBox .desc{margin-bottom: 40px;}
.developFfBox .bottom{display: flex;background: #FFFFFF;}
.developFfBox .bottom .pic{width: 50%;height: 386px;position: relative;overflow: hidden;}
.developFfBox .bottom .pic img{width: 100%;height: 100%;transition: 0.58s;object-fit: cover;}
.developFfBox .bottom .pic:hover img{transform: scale(1.1);}
.developFfBox .bottom .right{width: 50%;box-sizing: border-box;padding: 36px 0;height: 386px;}
.developFfBox .bottom .right .wrap{padding: 0 8.3% 0 9.6%;height: 100%;overflow: auto;}
.developFfBox .bottom .right .tit{font-size: 24px;color: #333333;line-height: 1.33;font-weight: normal;margin-bottom: 20px;}
.developFfBox .bottom .right .line{height: 1px;background: #EDEDED;margin: 20px 0 17px;}
.developFfBox .bottom .right .blue{color: #009ADC;text-decoration: underline;}



@media screen and (max-width: 1400px){
	
}

@media screen and (max-width: 1200px){
	
}

@media screen and (max-width: 1024px){
	.nygl3 .box .text .nyglboxTxt{ line-height: 2;}
	
	/*长飞绿色发展列表*/
	.yofc-green-development-list{padding: 0;}
	.yofc-green-development-list::before{display: none;}
	.yofc-green-development-list::after{display: none;}
	.yofc-green-development-list li{padding: 0;margin-bottom: 40px;}
	.yofc-green-development-list li::after{display: none;}
	.yofc-green-development-list li .w1200 > .con-l{width: 100%;}
	.yofc-green-development-list li .w1200 > .con-r{width: 100%;}
	.yofc-green-development-list li .info{margin-top: 1em;}
	.yofc-green-development-list li .info .tit{margin-bottom: .6em;}
}

@media screen and (max-width: 768px){
	.developPart2 .list li a{ height: 320px;}
	.developPart .developText .txt{ margin: 30px 0;}
	.developPart .developText{ padding: 40px;}
	/*社会责任*/
	.developShzr{display: block;}
	.developShzr .left{ width: 100%; margin-bottom: 22px;}
	.developShzr .left .pic em{ padding-bottom: 110%;}
	.developShzr .left .text{ padding: 20px;}
	.developShzr .left .text h3{ font-size: 20px; margin-bottom: 20px;}
	.developShzr .left .text p{ font-size: 15px; line-height: 30px; height: 60px;}
	.developShzr .right{ width: 100%;}
	.developShzr .right li a .pic em{padding-bottom: 47.45%; height: auto;}
	.developShzr .pic .txt{ padding: 20px;}
	.developShzr .pic .txt h3{ font-size: 20px;}
	.developShzr .pic .txt span{ margin-top: 10px;}
	.developShzr .right li a .text{ padding: 20px;}
	.developShzr .right li a .text p{font-size: 15px; line-height: 30px; height: 60px;}
	/*社会公益*/
	.developTit h3{ font-size: 24px;}
	.developTit span{ margin: 6px 0;}
	.shgyBox .item .pic{ width: 100%;}
	.shgyTxt{ font-size: 15px;}
	.shgyBox{ margin-top: 20px; padding: 20px;}
	.shgyBox .item{ margin-top: 30px;}
	.shgyBox .item .pic em{ padding-bottom: 60.35%;}
	.shgyBox .item .text{ width: 100%; padding: 0; margin-top: 14px;}
	.shgyBox .item .text h3{ font-size: 20px;}
	.shgyBox .item .text p{ font-size: 15px; line-height: 30px; margin-top: 14px;}
	.shgyBox .item .btn3{position: relative; left: 0; width: 100%; text-align: center; margin-top: 20px;}
	.shgy_next, .shgy_prev{ position: initial; margin: 0 20px; background-position: top right;}
	.developSlide .swiper-button-disabled{ background-position: top left;}
	.shgyBox .item:nth-child(2n) .text{ padding-right: 0;}
	/*员工关爱*/
	.yggaBox .item{ margin-top: 30px;}
	.yggaBox .item .box{padding-bottom: 40px;background-color: #fff;}
	.yggaBox .item .title{ font-size: 20px; margin-bottom: 14px;}
	.yggaBox .item .box .pic{ width: 100%;}
	.yggaBox .item .box .pic em{padding-bottom: 64.33%;}
	.yggaBox .item .box .text{ width: 100%; padding: 20px;}
	.yggaBox .item .box .text h3{ font-size: 20px; margin-bottom: 20px;}
	.yggaBox .item .box .text p{height: 150px;font-size: 15px; line-height: 30px; margin-top: 14px;overflow-y: auto;}
	.yggaBox .item .box .btn3{position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; margin-top: 0;}
	.developSlide .btn{ bottom: auto; top: 180px; text-align: left; width: 100%; padding: 0 20px;}
	.yggaBox .item .ygga3 .btn3{width: 100%; left: 0;}
	.yggaBox .item .ygga3 .btn{ left: 0;}
	.yggaBox .item .ygga2 .swiper-slide{ width: 100%;}
	.yggaBox .item .ygga2 .qie{ width: 30px; height: 30px; background-size: 12px 12px;}
	.yggaBox .item .ygga2 .qie.swiper-button-next{ right: 10px;}
	.yggaBox .item .ygga2 .qie.swiper-button-prev{ left: 10px;}
	.yggaBox .item .ygga2 .swiper-pagination{ display: none;}
	.yggaBox .item .ygga2 .swiper-slide .text{position: initial; background: #fff; padding: 20px;}
	.yggaBox .item .ygga2 .swiper-slide .text h3{ color: #333; padding-right: 0; font-size: 20px;}
	.yggaBox .item .ygga2 .swiper-slide .text p{ font-size: 15px; margin-top: 14px; color: #555;}
	/*可持续采购*/
	.kcxcgList{ margin-top: 30px;}
	.kcxcgList li{ display: block;}
	.kcxcgList li .pic{ width: 100%;}
	.kcxcgList li .pic em{height: auto; padding-bottom: 63.33%;}
	.kcxcgList li .text{ width: 100%; padding: 20px; min-height: initial;}
	.kcxcgList li .text h3{ font-size: 22px; line-height: 32px;}
	.kcxcgList li .text p{ font-size: 15px; line-height: 30px; margin-top: 14px; }
	/*能源管理*/
	.nyglbox{ padding: 20px 0;}
	.nygl1 .box{ display: block;}
	.nygl1 .box .pic{ width: 100%;}
	.nygl1 .box .pic em{padding-bottom: 58.33%; height: auto;}
	.nygl1 .box .pic .p{ padding: 20px;}
	.nygl1 .box .pic .p h3{ font-size: 16px;}
	.nygl1 .box .text{ width: 100%; padding: 20px; font-size: 15px;}
	.nyglbox .nyglboxTitle{ font-size: 20px; margin-bottom: 14px;}
	.nyglbox .nyglboxTxt{ font-size: 15px;}
	.nygl2 .box{ display: block; margin-top: 10px;}
	.nygl2 .box .item{ width: 100%; padding: 20px; margin-top: 14px;}
	.nygl3 .box{ display: block;}
	.nygl3 .box .pic{ width: 100%;}
	.nygl3 .box .pic em{padding-bottom: 96.37%; height: auto;}
	.nygl3 .box .text{ width: 100%; padding-left: 0; margin-top: 14px;}
	/*循环经济*/
	.xhjjCon{ padding-top: 20px;}
	.xhjjBox .box .text{width: 100%; padding: 20px;}
	.xhjjBox{ margin-top: 20px; padding: 10px 0;}
}

@media screen and (max-width: 760px){
	/*可持续发展*/
	.zDevelopBox{padding: 20px 0;}
	.developPart1 h3{ font-size: 20px;}
	.developPart1 .box{ padding-bottom: 40px;}
	.developPart1 .btn{ display: block; text-align: center; width: 100%;  bottom: 10px; box-sizing: border-box;}
	.developPart1 .btn span{ margin: 0 6px !important;}
	.developPart1 .list{ margin-top: 20px;}
	.developPart1 .list i{ display: none;}
	.developPart1 .list .item{ width: 100%; }
	.developPart{ padding-top: 20px;}
	.developPart2 .dTop{ height: 260px;}
	.developPart .developText{ padding: 20px;}
	.developPart .developText h3{ font-size: 24px;}
	.developPart .developText .txt{ margin: 14px 0 24px 0; font-size: 15px; line-height: 30px; height: 90px;}
	.developPart2 .list li a{ height: auto;}
	.developPart2 .list li a .pic{ width: 100%;}
	.developPart2 .list li a .pic em{padding-bottom: 62%;}
	.developPart2 .list li a .text{ width: 100%;}
	
	/*20250506*/
	.developShzr .bottom a{flex-direction: row;flex-wrap: wrap;}
	.developShzr .bottom .pic{width: 100%;padding-bottom: 50.64%;}
	.developShzr .bottom .txt{width: 100%;height: auto;padding: 20px;}
	.developShzr .bottom .txt span{position: relative;left: 0;bottom: 0;margin-top: 20px;}
	.developShzr .bottom .txt .tit{font-size: 20px;margin-bottom: 10px;}
	.developShzr .bottom .txt .desc{font-size: 15px;}
	
	.nyTitleStyle{margin-top: 20px;}
	.nyTitleStyle h2 {font-size: 24px;}
	.nyTitleStyle span {margin-bottom: 0;}
	
	.myPageStyle{font-size: 14px;}
	
	.developFfBox .desc{margin-bottom: 20px;}
	.developFfBox .bottom{flex-wrap: wrap;}
	.developFfBox .bottom .pic{width: 100%;height: auto;}
	.developFfBox .bottom .right{padding: 20px;height: auto;width: 100%;}
	.developFfBox .bottom .right .wrap{padding: 0;}
	.developFfBox .bottom .right .tit{margin-bottom: 12px;font-size: 20px;}
	.developFfBox .bottom .right .line{margin: 12px 0;}
	
}