@charset "UTF-8";



.development-list .list  { margin-top:-1.5em;}

.development-list .list ul li { padding-bottom:5em;  }

.development-list .list ul li h3 { margin-top:0.875em;  }

.development-list .list ul li .txt { height:auto; /*max-height:4.8em;*/ }

.development-list .list { padding-bottom:5.6875em; }

.development-list .list ul li .btn { bottom:0.75em; }



.development-list .fn-title h4 { padding-top:1.5em; margin:0px auto; width:100%; max-width:938px; line-height:1.75; }

.development-list .fn-title h5 { color:#f6a026; padding-top:0.25em; padding-bottom:2em; }

.development-list .fn-title h6 { line-height:1.875;}

@media only screen and (max-width: 767px){

.development-list .list  { margin-top:-0.5em;}

.development-list .list { padding-bottom:2em; }

.development-list .list ul li { padding:2em 0px 4em;  }



.development-list .fn-title h4 { padding-top:0.5em; }

.development-list .fn-title h5 { padding-bottom:1em; }

}

@media only screen and (max-width: 480px){

.development-list .fn-title h6 { font-size:13px; }

}



@media only screen and (max-width:413px){

.development-list .fn-title h6 { font-size:12px; }

}

@media only screen and (max-width:360px){

.development-list .fn-title h6 br { display:none; }

}







/******************负责任采购*************************/

.development-detail-bk01 { padding:3.4% 3.8461% 5.9%; position:relative; margin-top:3.35%; }

.development-detail-bk01 .page-email { position:absolute; bottom:22%; left:3.8461%; }

.development-detail-bk01 .page-email .ico img { max-height:4.0525em; }

.development-detail-bk01 .page-email .alink {  }

.development-detail-bk01 .page-email a { color:#f6a026; position:relative; display:inline-block; margin-top:4px; }

.development-detail-bk01 .page-email a:before { position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#f6a026; content:""; }

.development-detail-bk01 .page-text { float:right; width:62.5%; line-height:1.8125; }





.development-detail-bk02 { background:linear-gradient(to bottom,#f8f8f8,#fff); -moz-background:linear-gradient(to bottom,#f8f8f8,#fff);-ms-background:linear-gradient(to bottom,#f8f8f8,#fff); -webkit-background:linear-gradient(to bottom,#f8f8f8,#fff); padding:4.35% 3.8461% 0px; }

.development-detail-bk02 .page-title { position:relative; padding-left:1.3214em; margin-bottom:5.85%; }

.development-detail-bk02 .page-title:before { position:absolute; left:0px; top:50%; margin-top:-1.26785em; background:#f6a026; content:""; width:0.1785em; height:2.5357em; }

.development-detail-bk02 .pic-tab { padding-bottom:34.3%; position:relative; }

.development-detail-bk02 .pic-tab ul li { position:absolute; top:0px; cursor:pointer; height:100%; bottom:0px; }

.development-detail-bk02 .pic-tab ul li:before { position:absolute; left:0px; top:0px; width:100%; content:""; height:100%; bottom:0px; background:rgba(0,0,0,0.6);}

.development-detail-bk02 .pic-tab ul li.on:before { display:none; }

.development-detail-bk02 .pic-tab ul li:last-child { margin-left:-1px; }



.development-detail-bk03 { padding:4.1% 3.8461% 7%; }

.development-detail-bk03 ul { margin:0px -9.5px; }

.development-detail-bk03 ul li { float:left; width:20%; padding:9.5px; position:relative; }

.development-detail-bk03 ul li:before { position:absolute; content:""; left:9.5px; top:9.5px; right:9.5px; bottom:9.5px; border:1px solid #e4e4e4;}

.development-detail-bk03 ul li a { display:block; width:100%; z-index:2; color:#555; position:relative; padding:1.125em 3.33em 1.125em 1.33em; }

.development-detail-bk03 ul li a:before { position:absolute; top:50%; margin-top:-0.665em; right:1.667em; content:""; background:url(/images/down01.png) no-repeat center center; background-size:100% 100%; width:1.33em; height:1.33em;  }

.development-detail-bk03 ul li a:hover { border-color:#f6a026; color:#f6a026;  }



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

.development-detail-bk03 ul li { width:25%; }

}

@media only screen and (max-width:1100px){

.development-detail-bk03 ul li { width:33.33%; }

}



@media only screen and (max-width:1024px){

.development-detail-bk01 .page-email { width:100%; position:relative; left:auto; bottom:auto; }

.development-detail-bk01 .page-text { width:100%; padding-top:5%;  }

.development-detail-bk01 .page-email .alink {  }



.development-detail-bk03 ul li { width:50%; }



}

@media only screen and (max-width:767px){

.development-detail-bk01 { padding:2em 1.5em; }

.development-detail-bk01 .page-email .ico img { max-height:2.7083em; }

.development-detail-bk01 .page-text { padding-top:2em;  }

.development-detail-bk02 { padding:1.5em 1em 0px; }	

.development-detail-bk03 { padding:2em 1em; }	

.development-detail-bk03 ul li { width:100%; }

}









/******************气候保护*************************/

.development-climate-bk01 {background:linear-gradient(to bottom,#faf8f8,#fefdfd); -moz-background:linear-gradient(to bottom,#faf8f8,#fefdfd);-ms-background:linear-gradient(to bottom,#faf8f8,#fefdfd); -webkit-background:linear-gradient(to bottom,#faf8f8,#fefdfd); padding:7% 3.8461% 7.8% 5.448%;}

.development-climate-bk01 .page-text { float:left; width:44.1%; line-height:2.25; }

.development-climate-bk01 .page-img { float:right; width:44.525%; }

.development-climate-bk01 .page-img img { width:100%; border-radius:5em 0px 5em 0px; box-shadow:0px 0px 1em rgba(0,0,0,0.2); }





.development-climate-bk02 {background:linear-gradient(to bottom,#fefdfd,#fff); -moz-background:linear-gradient(to bottom,#fefdfd,#fff);-ms-background:linear-gradient(to bottom,#fefdfd,#fff); -webkit-background:linear-gradient(to bottom,#fefdfd,#fff); padding:0px 3.8461%;}

.development-climate-bk02 ul { margin:0px -0.9375em; }

.development-climate-bk02 ul li { width:25%; position:relative;}

.development-climate-bk02 ul li:before { position:absolute; left:0.9375em; top:0.9375em; right:0.9375em; bottom:0px; content:""; border:1px solid #f0f0f0;}

.development-climate-bk02 ul li:after { position:absolute;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; left:0.9375em; top:0.9375em; right:0.9375em; bottom:0px; content:""; border:1px solid #f0f0f0; border-radius:3.75em 0px 3.75em 0px; background:rgba(246,160,38,0.9); opacity:0; filter:alpha(opacity=0);}

.development-climate-bk02 ul li .page-con { margin:0.9375em 0.9375em 0px; padding:1.75em 1.1em 1.5625em; position:relative; z-index:2;  }

.development-climate-bk02 ul li .page-ico {height:4.11em; position:relative; }

.development-climate-bk02 ul li .page-ico img { width:auto; height:auto; max-width:100%; max-height:100%;}

.development-climate-bk02 ul li .page-ico .img02 { display:none; }

.development-climate-bk02 ul li .page-txt { line-height:1.611; padding-top:1.33em;  }

.development-climate-bk02 ul li:hover:before,.development-climate-bk02 ul li.on:before { display:none; }

.development-climate-bk02 ul li:hover:after,.development-climate-bk02 ul li.on:after {  opacity:1; filter:alpha(opacity=100); }

.development-climate-bk02 ul li:hover .page-ico .img01,.development-climate-bk02 ul li.on .page-ico .img01 { display:none; }

.development-climate-bk02 ul li:hover .page-ico .img02,.development-climate-bk02 ul li.on .page-ico .img02 { display:inline-block; }

.development-climate-bk02 ul li:hover .page-txt,.development-climate-bk02 ul li.on .page-txt { color:#fff; }





.development-climate-bk03 { position:relative; margin-bottom:5.8%; }

.development-climate-bk03 .page-img img { width:100%;  }

.development-climate-bk03 .page-label { position:absolute; top:0px; left:3.8461%; right:3.8461%; margin:0px -0.9375em; }

.development-climate-bk03 .page-label img { width:100%; opacity:0; filter:alpha(opacity=0); }

.development-climate-bk03 .page-label ul li { position:absolute; width:25%; z-index:2; top:0px; height:100%; }

.development-climate-bk03 .page-label ul li:before { left:28%; width:22%; position:absolute; content:""; top:0px; height:96.5%; border:1px solid #f6a026; border-top:none; border-left:none;  }

.development-climate-bk03 .page-label ul li:nth-child(1) { left:0px; /*width:34.53%;*/ }

.development-climate-bk03 .page-label ul li:nth-child(1):before { left:50%; width:85.5%; border-left:1px solid #f6a026; border-right:none; }

.development-climate-bk03 .page-label ul li:nth-child(1) .quan { right:-39%;}

.development-climate-bk03 .page-label ul li:nth-child(2) { left:25%; z-index:2; height:58%; }

.development-climate-bk03 .page-label ul li:nth-child(2):before { height:94.5%; }

.development-climate-bk03 .page-label ul li:nth-child(2) .quan { right:auto; left:22.5%;}

.development-climate-bk03 .page-label ul li:nth-child(3) { left:50%; height:55.8%; }

.development-climate-bk03 .page-label ul li:nth-child(3):before { left:34%; width:16%; height:94%; }

.development-climate-bk03 .page-label ul li:nth-child(3) .quan {right:auto; left:31.5%;}

.development-climate-bk03 .page-label ul li:nth-child(4) { left:75%; height:83%; }

.development-climate-bk03 .page-label ul li:nth-child(4):before {left:34%; width:16%; height:96%;}

.development-climate-bk03 .page-label ul li:nth-child(4) .quan {right:auto; left:31.5%; }

.development-climate-bk03 .page-label ul li .quan { position:absolute; background:rgba(255,255,255,0.3); border-radius:50%; bottom:0px; right:0px; width:8.15%; padding-bottom:8.15%; }

.development-climate-bk03 .page-label ul li .quan:before { position:absolute; left:16.665%; top:16.665%; width:66.66%; height:66.66%; background:#f6a026; content:""; border-radius:50%; }

.development-climate-bk03 .page-label ul li .quan:after { position:absolute; left:33.33%; top:33.33%; width:33.33%; height:33.33%; background:#f6be26; content:""; border-radius:50%; }

.development-climate-bk03 .page-label ul li.on .ball-scale-multiple > b {-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: ball-scale-multiple 2s 0s linear infinite;

 animation: ball-scale-multiple 2s 0s linear infinite;  }





@-webkit-keyframes ball-scale-multiple {

  0% {

    -webkit-transform: scale(0);

            transform: scale(0);

    opacity: 0; }

  5% {

    opacity: 0.5; }

  100% {

    -webkit-transform: scale(1.5);

            transform: scale(1.5);

    opacity: 0; } }



@keyframes ball-scale-multiple {

  0% {

    -webkit-transform: scale(0);

            transform: scale(0);

    opacity: 0; }

  5% {

    opacity: 0.5; }

  100% {

    -webkit-transform: scale(1.5);transform: scale(1.5);

    opacity: 0; } }





.ball-scale-multiple { position:absolute; left:0px; top:-1px; width:100%; height:100%; right:0px; bottom:0px;  }

.ball-scale-multiple > b:nth-child(2) {

    -webkit-animation-delay: -0.8s;

            animation-delay: -0.8s; }

.ball-scale-multiple > b:nth-child(3) {

    -webkit-animation-delay: -0.4s;

            animation-delay: -0.4s; }

.ball-scale-multiple > b {

    border: 2px solid #fff;border: none\9;

    width:100%; padding-bottom:100%;

    border-radius: 100%;position: absolute;opacity: 0; margin: 0;

    }





@media only screen and (max-width:1440px){

.development-climate-bk01 .page-text { width:50%; }

.development-climate-bk02 ul li .page-txt br { display:none; }

}



@media only screen and (max-width:1100px){

.development-climate-bk01 .page-text { width:100%; }

.development-climate-bk01 .page-img { width:100%; margin-top:5%; }

}

@media only screen and (max-width:767px){

.development-climate-bk01 { padding:2em 1em; }	

.development-climate-bk01 .page-img { margin-top:2em; }

.development-climate-bk01 .page-img img { border-radius:3.33em 0px 3.33em 0px; }

.development-climate-bk02 ul li { width:50%; }

.development-climate-bk02 ul li .page-con { padding:2em 1em; }

.development-climate-bk02 ul li .page-ico { height:3.0833em; }

.development-climate-bk02 ul li:after { border-radius:2.5em 0px 2.5em 0px; }

.development-climate-bk02 ul li .page-txt { padding-top:1em; }

.development-climate-bk03 { margin-bottom:2em; }

.development-climate-bk03 .page-label { display:none; }



}







/****************************社会责任**********************************/

.development-respon-bk01 { padding-top:4.5%; }

.development-respon-bk01 .page-title { position:relative; padding-left:0.575em; margin-bottom:2.2%; }

.development-respon-bk01 .page-title:before { position:absolute; left:0px; top:50%; content:""; height:1.125em; margin-top:-0.5625em; width:0.075em; background:#f6a026; }

.development-respon-bk01 ul { padding:0px 3px; }

.development-respon-bk01 ul li { width:49.54%; }

.development-respon-bk01 ul li dl { padding:3.5em 13.7%; width:100%; }

.development-respon-bk01 ul li dl dd { padding-top:0.778em; }

.development-respon-bk01 ul li dl dd p { position:relative; padding-left:40px; margin-top:3px; }

.development-respon-bk01 ul li dl dd p img { position:absolute; left:0px; top:5px; height:16px; }

.development-respon-bk01 ul li dl dd a {  color:#fff; }

.development-respon-bk01 ul li dl dd a:hover { text-decoration:underline; }

.development-respon-bk01 ul li dl dd p:first-child { margin-top:0.375em; }





.development-respon-bk02 { padding-top:5.9%; }

.development-respon-bk02 .page-title { position:relative; padding-left:0.575em; margin-bottom:1.2%; }

.development-respon-bk02 .page-title:before { position:absolute; left:0px; top:50%; content:""; height:1.125em; margin-top:-0.5625em; width:0.075em; background:#f6a026; }

.development-respon-bk02 ul li { border-top:1px solid #f2f2f2; padding:4% 11.21% 4.5%;  }

.development-respon-bk02 ul li:first-child { border-top:none; }

.development-respon-bk02 ul li .img { float:left; width:30%; overflow:hidden; position:relative; }

.development-respon-bk02 ul li .img a { display:block; padding-bottom:67.75%; }

.development-respon-bk02 ul li .img:before { position:absolute; left:0px; bottom:0px; background:#f6a026; height:0.375em; width:0px; z-index:3; content:""; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;  }

.development-respon-bk02 ul li:hover .img:before { width:100%;}

.development-respon-bk02 ul li .text { float:right; width:63.2%; }

.development-respon-bk02 ul li .tips { line-height:1.8125; margin-top:1.75em;}

.development-respon-bk02 ul li h3 { position:relative; padding:1em 0px 0.75em; }

.development-respon-bk02 ul li h3:before { position:absolute; left:0px; bottom:0px; width:1.667em; height:0.0833em; background:#f6a026; content:""; }

.development-respon-bk02 ul li:nth-child(2n) .img { float:right; }

.development-respon-bk02 ul li:nth-child(2n) .text { float:left; /*text-align:right;*/ }

.development-respon-bk02 ul li:nth-child(2n) h3:before { /*left:auto; right:0px;*/ }



.development-respon-bk02 .layui-flow-more { font-size:1.125em; margin-top:-0.7%; margin-bottom:6.25%; }

.development-respon-bk02 .layui-flow-more a cite { background:none; border:1px solid #e4e4e4; color:#555; line-height:3.11; min-width:12.667em; border-radius:1.55em 0px 1.55em 0px; }



@media only screen and (max-width:1540px){

.development-respon-bk01 ul li dl { padding:3.5em 10%; }

}

@media only screen and (max-width:1240px){

.development-respon-bk01 ul li dl { padding:2.5em 8%; }

.development-respon-bk02 ul li { padding:4% 8% 4.5%;  } 

}

@media only screen and (max-width:1100px){

.development-respon-bk01 ul li dl { padding:2.5em 2em; }

.development-respon-bk02 ul li { padding:2.5em 2em;  } 



}

@media only screen and (max-width:980px){

.development-respon-bk01 ul li { width:100%; margin-top:1em; }

.development-respon-bk02 ul li { padding:2.5em 0px;  } 

.development-respon-bk02 ul li .text { width:65.2%;}

}

@media only screen and (max-width:767px){

.development-respon-bk01 { padding-top:2em; }	

.development-respon-bk01 ul li dl dt { font-weight:bold; }

.development-respon-bk01 ul li dl dd p { padding-left:30px; }

.development-respon-bk02 { padding-top:2em; }

.development-respon-bk02 ul li .text { width:100%; padding-top:1em;}

.development-respon-bk02 ul li .img { width:100%; }

.development-respon-bk02 ul li h3 { font-weight:bold;  }

.development-respon-bk02 ul li { padding:2em 0px;  } 

.development-respon-bk02 ul li:first-child { padding-top:1em; }

.development-respon-bk02 .layui-flow-more { margin-top:0px; margin-bottom:2em; }

}





























<!--0.00032496452331543-->