html,body,h1,h2,h3,h4,h5,h6,p,ul,li,img,dl,dt,dd,div,label,button,input,textarea,select,footer,header,section,a,span{ margin:0; padding:0; -moz-box-sizing: border-box; box-sizing: border-box; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(255,255,255,0); tap-highlight-color: rgba(255,255,255,0); }
a{ text-decoration: none; color: #000; font-size: 14px; }
img{ border:0; display: block; }






 .section-sustainable-development-3{
     overflow: hidden;
width: 100%;
margin: 40px auto;
max-width: 1440px;

 }
 .section-sustainable-development-3 .swiper-container{
     /*padding-left: 20px;*/
	 background-color: rgba(255, 255, 255, 0.80);
	 border-radius: 6px;
	 padding-bottom: 40px;
 }
 /*
 .swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: flex;
     transition-property: transform;
     box-sizing: content-box;
 }*/
 
 .section-sustainable-development-3 .swiper-slide{
     list-style: none;
     width: 305px;
     height: 210px;
     /*margin-right: 20px;*/
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     -moz-transition: 0.3s;
     transition: 0.3s;
     overflow: hidden;
	
 }
 .section-sustainable-development-3 .swiper-slide .box{
     height: 100%;
     padding: 30px;
     /*background-color: rgba(255, 255, 255, 0.80);*/
     overflow: hidden;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     -moz-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
         -ms-transform: translateY(60px);
          -o-transform: translateY(60px);
             transform: translateY(60px);
 }
 .section-sustainable-development-3 .swiper-slide .imgbox{
     height: 90px;
     margin: auto;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
        -moz-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
 }
 .section-sustainable-development-3 .swiper-slide .imgbox .img{
     max-width: 100%;
     max-height: 100%;
     mix-blend-mode: multiply;
 }
 .section-sustainable-development-3 .swiper-slide .detail{
     font-size: 16px;
     font-family: "MiSansNormal";
     color: #3D3D3D;
     position: absolute;
     top: 160px;
     left: 10px;
     right: 10px;
     text-align: center;
     visibility: hidden;
 }
 .section-sustainable-development-3 .swiper-slide:hover .box{
     -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
         -ms-transform: translateY(0);
          -o-transform: translateY(0);
             transform: translateY(0);
 }
 .section-sustainable-development-3 .swiper-slide:hover .detail{
     visibility: visible;
 }
 .section-sustainable-development-3 .swiper-scrollbar{
     width: 320px;
     margin-left: auto;
     margin-right: 0;
     margin-top: 40px;
     z-index: 99;
 }
 .section-sustainable-development-3 .swiper-scrollbar .swiper-scrollbar-drag{
     background-color: #CF1322;
     height: 5px;
 }