body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px; font-family: AlibabaSans_Regular, Arial; line-height:1;font-weight: normal;letter-spacing: 0;} body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;} img{display: block;} a{ color:#333; text-decoration:none;} ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;} html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;} .fl{float: left;} .fr{float: right;} .clearfix:after{display: block;content: '';clear: both;} .bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;} @font-face {font-family: "AlibabaSans_Regular";src: url("/style/font/AlibabaSans_Regular.ttf") format("truetype");} /*IE*/ .web-ie2018{ font-family: Light; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} /*<------------------------------------->*/ .headerwarp{width: 100%;box-sizing: border-box;background-color: #fff;} .headerwarp .header{width: 90%;margin: auto;box-sizing: border-box;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .headerwarp .header .logo{width: auto;display: block;margin: 0;} .headerwarp .header .logo img{display: block;width: auto;height:55px;} .headerwarp .header .right{display: flex;display: -webkit-flex;-webkit-flex-flow: row;flex-flow: row;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;} .headerwarp .header .right .nav{display: flex;display: -webkit-flex;-webkit-flex-flow: row;flex-flow: row;-webkit-align-items: center;al ign-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;position: relative;} .headerwarp .header .right .navline{display: block;width: 1px;height: 30px;background-color: #ddd;margin-right: 40px;} .headerwarp .header .right .nav .item a{font-weight: bold;text-transform: uppercase;font-size: 17px;color: #222222;margin: 0 30px;line-height: 80px;display: block;position: relative;} .headerwarp .header .right .nav .item a:after{content: '';display: block;width: 0%;height: 2px;position: absolute;left: 0;bottom: 0;transition: all .3s;background-color: #de7900;} .headerwarp .header .right .nav .item:hover a:after,.headerwarp .header .right .nav .active a:after{width: 100%;} .headerwarp .header .right .nav .item:hover a,.headerwarp .header .right .nav .active a{color: #de7900;} /*.headerwarp .header .right .search{display: flex;display: -webkit-flex;-webkit-flex-flow: row;flex-flow: row;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;position: relative;} .headerwarp .header .right .search>a{font-size: 17px;color: #222222;} .headerwarp .header .right .search>a:first-child{margin-right: 20px;display:none;}*/ .headerwarp .header .right .search{display: flex;display: -webkit-flex;-webkit-flex-flow: row;flex-flow: row;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;position: relative;} .headerwarp .header .right .search>a{font-size: 17px;color: #222222;} .headerwarp .header .right .search>a:first-child{margin-right: 20px;display:none;} .headerwarp .header .right .search>a span{font-size: 14px;margin-left: 10px;} .mb-nav{display: none;} /* 语言 */ .language{width: 100px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;visibility: hidden;background-color: #fff;border-top: 2px solid #de7900;top: 46px;transition: all .3s;z-index: 2;} .language a{display: block;width: 100%;text-align: center;line-height: 36px;color: #222222;font-size: 14px;transition: all .3s;} .language a:hover{background-color: #DE7900;color: #FFFFFF;} .headerwarp .header .right .search:hover .language{opacity: 1;visibility: visible;} /*下拉菜单*/ .headerwarp .header .right .nav .item .nav02{width: auto;height: auto;box-sizing: border-box;position: absolute;z-index: 2;visibility: hidden;display: flex;justify-content: center;display: -webkit-flex;-webkit-justify-content:center;height: 60px;-webkit-align-items: center;align-items: center;white-space: nowrap;left: 0;box-sizing: border-box;padding-left: 30px;z-index: 3;} .headerwarp .header .right .nav .item .nav02 a{font-size: 14px;color: #222222;line-height: 50px;border-bottom: 1px solid #ddd;margin: 0;background-color: rgba(255,255,255,0.88);text-align: center;} .headerwarp .header .right .nav .item .nav02 a:hover{background-color: rgba(255,255,255,1); color:#de7900;} .headerwarp .header .right .nav .item .nav02 a:after{display: none;} .headerwarp .header .right .nav .item:hover .nav02{opacity: 1;visibility: visible;} .headerwarp .header .right .nav .item:after{content: '';width: 100%;background-color: rgba(255,255,255,0.88);position: fixed;left: 0;top: 80px;opacity: 0;visibility: hidden;height: 60px;z-index: 2;} .headerwarp .header .right .nav .item:hover:after{opacity: 1;visibility: visible;} .headerwarp .header .right .nav .item:nth-of-type(3)::after{display: none;} /* .headerwarp .header .right .nav .item .nav02{width: 100%;box-sizing: border-box;padding: 20px 5% 20px 54%;background-color: rgba(255,255,255,0.88);display: flex;justify-content: center;display: -webkit-flex;-webkit-justify-content:center;} */ /*bannerwarp*/ .bannerwarp{width: 100%; box-sizing: border-box; position: relative; height: calc(100% - 80px); overflow: hidden;} .bannerwarp video{width: 100%;box-sizing: border-box;position: relative;height: 100%;object-fit: cover;} .bannerwarp .text{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;text-align: center;box-sizing: border-box;} .bannerwarp .text h3{font-size: 54px;color: #ffffff;margin-bottom: 20px;letter-spacing: 1px;font-weight: bold;text-shadow: 0px 0px 8px rgba(0,0,0,0.5);} .bannerwarp .text h4{font-size: 40px;color: #ffffff;margin-bottom: 30px;letter-spacing: 1px;text-shadow: 0px 0px 8px rgba(0,0,0,0.5);} .bannerwarp .text p{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;color: rgba(255,255,255,0.7);margin-bottom: 50px;letter-spacing:5px;display:none;} .bannerwarp .text p:before{content: '';display: block;width: 165px;height: 1px;background-color: rgba(255,255,255,0.7);margin-right: 20px;} .bannerwarp .text p:after{content: '';display: block;width: 165px;height: 1px;background-color: rgba(255,255,255,0.7);margin-left: 20px;} .more{display: block;width: 206px;height: 52px;text-align: center;line-height: 52px;font-size: 18px;font-weight: bolder; color: #fff!important;border: 1px solid #de7900!important;background-color:#de7900!important; margin: auto;box-sizing: border-box;position: relative;z-index: 0;} .more:after{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background-color: #fff;z-index: -1;} .more:hover:after{width: 100%;} .more:hover{color: #de7900!important;background-color: #de7900!important;z-index: 1} .bannerwarp .swiper-container{height: 100%;} .bannerwarp .swiper-slide a {width:100%;height:100%; overflow:hidden;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .bannerwarp .swiper-slide a img{width: 100%;height: 100%;object-fit:cover ;} .bannerwarp .swiper-slide .more{ display: block;width: 206px;height: 52px;text-align: center;line-height: 52px;font-size: 20px; font-weight: bolder;} .bannerwarp .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background-color: #fff;} .bannerwarp .swiper-pagination-bullet-active{background-color: #de7900;} .bannerwarp .swiper-container .swiper-slide{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .bannerwarp .swiper-slide .sjbanner{display: none;} .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:20px; } .jt {display: block;width: 10px;height: 10px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;margin: auto;bottom: 50px;animation: updown 1.5s ease-out infinite;-webkit-animation: updown 1.5s ease-out infinite;position: absolute;left: 50%;transform: translateX(-50%) rotate(-45deg);-webkit-transform: translateX(-50%) rotate(-45deg);z-index: 3;} @keyframes updown { 0% { bottom: 80px; opacity: 1; } 50% { bottom: 60px; opacity: 0; } 100% { bottom: 40px; opacity: 0; } } @-webkit-keyframes updown { 0% { bottom: 80px; opacity: 1; } 50% { bottom: 60px; opacity: 0; } 100% { bottom: 40px; opacity: 0; } } .numwarp{width: 100%;box-sizing: border-box;padding: 0;margin: 100px 0 100px;} .numwarp .text{width:90%;box-sizing: border-box;margin: auto;} .numwarp .text h4{font-size: 16px;color: #666;line-height: 25px;margin-bottom: 30px;text-align: justify;text-align-last: center;} .numwarp .text .more{background-image: none;color: #e81e0e;width: 180px;height: 42px;line-height: 42px;} .numwarp .text .more:hover{background: linear-gradient(left, #e71d0e,#f29101);background: -ms-linear-gradient(left, #e71d0e,#f29101);background: -webkit-linear-gradient(left, #e71d0e,#f29101);background: -moz-linear-gradient(left, #e71d0e,#f29101);color: #FFFFFF;} .numwarp .num{width: 1200px;box-sizing: border-box;margin: auto;margin-top: 40px;} .numwarp .num .stats-info{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .numwarp .num .stats-info .stats-grid{text-align: center;} .numwarp .num .stats-info .stats-grid .item{width: 150px;height: 150px;border-radius: 50%;border: 1px solid #eee;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;flex-flow: column;-webkit-flex-flow: column;-webkit-justify-content: center;justify-content: center;margin: auto;} .numwarp .num .stats-info .stats-grid .item .numscroller{font-size: 54px;color: #e9310c; letter-spacing: 0; } .numwarp .num .stats-info .stats-grid .item h3{font-size: 14px;color: #666;margin-top: 6px;text-transform: uppercase; letter-spacing: 0;font-weight: bold; } .numwarp .num .stats-info .stats-grid h4{font-size: 15px;color: #666;line-height: 20px;margin-top: 12px;} .numwarp .num .stats-info .stats-grid .item .numscroller:after{ content: '+';font-size: 20px;display: inline-block;vertical-align: top;line-height: 50px;margin-left: 5px;} .numwarp .num .stats-info .stats-grid:first-child .item .numscroller:after{display: none;} .numwarp .centered{display: block; overflow: hidden;} .numwarp .centered li{display: block; overflow: hidden; float: left; width: 25%;} .numwarp .centered li .icon{ overflow: hidden; border-radius: 50%; width: 170px; height: 170px; border: 2px solid #ddd; margin: 0 auto 20px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center;} .numwarp .centered li .icon p{display: block; text-align: center; color: #999; font-size: 16px;} .numwarp .centered li .icon font{display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; color: #e27d03; font-size: 30px;} .numwarp .centered li .icon font i{ color: #000; font-size: 80px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #de7900, #ff9414 50%, #de7900); font-style: inherit; } .numwarp .centered li h3{display: table; color: #666; text-align: center; margin: 0 auto; font-size: 16px;line-height: 24px;} .index01warp{ width: calc(100% - 20px); box-sizing: border-box; margin: 10px auto 0;position: relative; display: block; overflow: hidden;} .index01warp .left{width: 50%;float: left;overflow: hidden;box-sizing: border-box;} .index01warp .item{position: relative;} .index01warp .item .img{display: block;width: 100%;transition: all .6s;} .index01warp .item:hover .img{transform: scale(1.1);} .index01warp .item .text{width: auto;box-sizing: border-box;position: absolute;bottom: 40px;left: 40px;z-index: 2;} .index01warp .item .text h3{font-size: 26px;color: #ffffff;margin-bottom: 20px; font-weight: bold;} .index01warp .item .text p{font-size: 14px;color: #fff;margin-bottom: 20px;} .index01warp .item .text .more{margin: 0;background-color: transparent;border: 1px solid #fff;background-image: none;transition: all .6s;width: 140px;height: 34px;line-height: 34px;font-size: 13px;} .index01warp .item:hover .text .more{background-color: #de7900;color: #fff;} .index01warp .right{width: 50%;float: left;box-sizing: border-box;padding-left: 10px;position: absolute;right: 0;height: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;} .index01warp .right a{display: block;width: 100%;overflow: hidden;} .index01warp .item .mark{display: block;width: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;z-index: 1;} /*index02warp*/ .index02warp{width: 100%;box-sizing: border-box;padding: 0 5%;margin: 0;display: block; overflow: hidden;} .index02warp .index02{width: 100%;box-sizing: border-box;background: url(../img/index_03.jpg)no-repeat; padding: 80px 0 100px; background-size: cover; } .title{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 60px;text-align: center;} .index02warp .index02 .index02nav{width: 100%;box-sizing: border-box;padding: 0 300px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;} .index02warp .index02 .index02nav:after{content: '';display: block;width: 100%;height: 1px;background-color: #ddd;position: absolute;bottom: 5px;left: 0;z-index: 0;} .index02warp .index02 .index02nav a{display: block;position: relative;z-index: 2;} .index02warp .index02 .index02nav a span{font-size: 18px;color: #666666;margin-bottom: 10px;display: block; font-weight: bold; } .index02warp .index02 .index02nav a i{display: block;text-align: center;font-size: 20px;color: #de7900;opacity: 0;} .index02warp .index02 .index02nav .active span{color: #de7900;} .index02warp .index02 .index02nav .active i{opacity: 1;} .index02warp .index02 .min{width: 100%;box-sizing: border-box;margin-top: 50px;} .index02warp .index02 .min a{display: block;width: calc((100% - 20px) / 3);float: left;margin-right: 10px;box-sizing: border-box;cursor: default;} .index02warp .index02 .min a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .index02warp .index02 .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .index02warp .index02 .min a:hover .imgbox img{transform: scale(1.1);} .index02warp .index02 .min a .text{font-size: 16px;color: #222222;background-color: #efefef;padding: 25px 0;padding-left: 30px;text-align: left;} .index02warp .index02 .min a:last-child{margin-right: 0;} .index02warp .index02 .min a:hover .text{color: #fff;background-color:#de7900;} .index02warp .index02 .more{background-color: transparent;background-image: none;color: #e8250e;width: 180px;height: 42px;line-height: 42px;margin-top: 40px;border:1px solid #de7900;} .index02warp .index02 .more:hover{color: #fff;background-color:#de7900;} .index02warp .index02 .min .item{display: none;} .index02warp .index02 .min .item:first-child{display: block;} /*index03warp*/ .index03warp{width: 100%;box-sizing: border-box;padding: 0 5%;margin-bottom: 100px;display: block; overflow: hidden;} .index03warp .min{width: 100%;box-sizing: border-box;position: relative;} .index03warp .min .left{width: 49.5%;float: left;} .index03warp .min .left a{display: block;width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} .index03warp .min .left a img{display: block;width: 100%;transition: all .6s;} .index03warp .min .left a .mask{display: block;width: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;z-index: 1;} .index03warp .min .left a:hover img{transform: scale(1.1);} .index03warp .min .left a .text{width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;padding-right: 30%;padding-left: 30px;z-index: 2;} .index03warp .min .left a .text .data{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: baseline;align-items: baseline;margin-bottom: 10px;} .index03warp .min .left a .text .data h3{font-size: 48px;color: #fff;} .index03warp .min .left a .text .data font{font-size: 15px;color: rgba(255,255,255,0.7);padding-left: 20px;border-left: 1px solid rgba(255,255,255,0.7);margin-left: 20px;} .index03warp .min .left a .text h4{font-size: 18px;color: #ffffff;font-weight: bold;margin-bottom:5px;line-height:24px;} .index03warp .min .left a .text h5{font-size: 15px;color: #ffffff;line-height: 24px;color: rgba(255,255,255,0.7);margin-bottom: 30px;} .index03warp .min .right{position: absolute;right: 0;height: 100%;width: 50%;box-sizing: border-box;padding-left: 15px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;} .index03warp .min .right .item{ position: relative; cursor:pointer; width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 10px 40px;} .index03warp .min .right .item:hover{box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .index03warp .min .right .item .data{display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;border-right: 1px solid #ddd;width: 20%;box-sizing: border-box;padding: 30px 0;padding-right: 30px;} .index03warp .min .right .item .info{box-sizing: border-box;padding-left: 30px; width:80%;} .index03warp .min .right .item .data h3{font-size: 44px;color: #de7900;font-weight: bold;} .index03warp .min .right .item .data strong{display: block;width: 30px;height: 1px;background-color: #ddd;margin: 5px 0;} .index03warp .min .right .item .data font{font-size: 15px;color: #666666;} .index03warp .min .right .item .info h3{font-size: 17px;color: #222222;font-weight: bold;margin-bottom: 7px;} .index03warp .min .right .item .info h4{font-size: 14px;color: #666666;line-height:20px;} .index03warp .min .right .item a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;} .index03warp .min .left .swiper-pagination{bottom: 30px;text-align: right;box-sizing: border-box;padding-right: 40px;} .index03warp .min .left .swiper-pagination .swiper-pagination-bullet{background-color: #ffffff;opacity: 1;} .index03warp .min .left .swiper-pagination .swiper-pagination-bullet-active{background-color: #de7900;width: 45px;border-radius: 2rem;} .index03warp .more{background-color: transparent;color: #e8250e;width: 180px;height: 42px;line-height: 42px;margin-top: 40px;border: 1px solid #de7900;} .index03warp .more:hover{color: #fff;background-color:#de7900;} .line{background: linear-gradient(left, #e71d0e,#f29101);background: -ms-linear-gradient(left, #e71d0e,#f29101);background: -webkit-linear-gradient(left, #e71d0e,#f29101);background: -moz-linear-gradient(left, #e71d0e,#f29101);width: 100%;height: 5px;} /*index04*/ .index04warp{background-color: #eee;width: 100%;box-sizing: border-box;padding: 80px 5%;display: block; border-top: 1px solid #eee;} .index04warp .indexcontact{text-align: center;} .index04warp .indexcontact h3{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 30px;} .index04warp .indexcontact p{font-size: 18px;color: #666;margin-bottom: 30px;} .index04warp .indexcontact a{background-color: transparent;color: #fff;width: 180px;height: 42px;line-height: 42px;margin-top: 40px;border: 1px solid #de7900;background-color:#de7900;} /*footer*/ .footerwarp{width: 100%;box-sizing: border-box;padding:0 5%;padding-top: 80px; display: block; overflow: hidden;} .footerwarp .footer{width: 100%;box-sizing: border-box;} .footerwarp .footer .top{width: 100%;box-sizing: border-box;padding-bottom: 30px;border-bottom: 1px solid #aaaaaa;margin-bottom: 40px;} .footerwarp .footer .top .f-logo{display: block;width: auto;margin-bottom: 30px;} .footerwarp .footer .top a img{display: block;width: auto;height: 36px;} .footerwarp .footer .top .min{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .footerwarp .footer .top .min .left{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .footerwarp .footer .top .min .left a{background-image: none;font-size: 17px;color: #222222;border: 1px solid #d0d0d0;width: 40px;height: 40px;border-radius: 50%;text-align: center;box-sizing: border-box;padding: 0;line-height: 40px;margin: 0;margin-right: 15px;} .footerwarp .footer .top .min .left a:hover{color: #e81e0e;border-color: #e81e0e;} .footerwarp .footer .top .min .left a:last-child{margin-right: 0;} .footerwarp .footer .top .min .left h3{font-size: 13px;color: #666666;margin-left: 50px;} .footerwarp .footer .top .min .right{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: flex-end;} .footerwarp .footer .top .min .right h3{font-size: 13px;color: #666666;margin-right: 40px;} .footerwarp .footer .top .min .right .more{font-size: 13px;color: #222222;border-color: #222222;width: 186px;height: 46px;line-height: 46px;background-color:#fff; border:1px solid #222;} .footerwarp .footer .top .min .right .more:hover{background-color:#de7900; color:#fff;border:1px solid #de7900;} .footerwarp .footer .nav{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .footerwarp .footer .nav li h3{font-size: 14px;color: #222222;margin-bottom: 30px;font-weight: bold;} .footerwarp .footer .nav li:nth-of-type(3) h3{padding-left: 35px;} .footerwarp .footer .nav li:nth-of-type(4) h3{padding-left: 20px;} .footerwarp .footer .nav li{width: 15%} .footerwarp .footer .nav li h3 a{font-weight: normal;font-size: 16px;color: #000;} .footerwarp .footer .nav li .list a{font-size: 14px;color: #888888;margin-bottom: 20px;display: block;} .footerwarp .footer .nav li .list a:hover{color: #e81e0e;} .footerwarp .footer .ba{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 60px 0 30px; border-top: 1px solid #eee; margin: 60px 0 0 0;} .footerwarp .footer .ba .left{font-size: 13px;color: #888888;} .footerwarp .footer .ba .right{display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;} .footerwarp .footer .ba .right p{font-size: 13px;color: #888888;} .footerwarp .footer .ba .right p:last-child{margin-left: 30px;} .footerwarp .footer .ba .right a { color: #888;letter-spacing: 0;margin-left: 20px;} .index03warp .min .right .item:hover .info h3{ color: #de7900; } /*数字样式重置*/ #wrapper section #section-home #block-4 ul > li{width: 25%;box-sizing: border-box;padding: 0;} #wrapper section #section-home #block-4 ul > li h3{margin-top: 10px;font-size: 17px;line-height: 20px;color: #222;letter-spacing: 1px;font-weight:normal;/*min-height: 96px*/;width: 66%;margin: 0 auto;} #wrapper section #section-home #block-4 ul > li .icon{width: 170px;height: 170px;position: relative;} #wrapper section #section-home #block-4 ul > li .icon p{font-size: 13px;color: #999;text-align: center;position: absolute;bottom: 29%;left: 0;width: 100%;} #wrapper section #section-home #block-4 ul > li .icon font{font-size: 20px;color: #de7900;position: absolute;right: 25%;top: 49%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} #wrapper section #section-home #block-4 ul > li:last-child .icon font{right: 34%;} /*ecp*/ .in-banner{width: 100%;position: relative;box-sizing: border-box;overflow: hidden;} .in-banner img{display: block;width: 100%;} .in-banner .mbx{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: absolute;bottom: 0;left: 0;border-bottom: 1px solid #e6e6e6;height: 70px;overflow: hidden;} .in-banner .mbx .left{width: 24%;background-color: #FFFFFF;padding-left: 5%;} .in-banner .mbx .left a{font-size: 18px;color: #de7900;line-height: 70px;font-weight:bold;} .in-banner .mbx .left .fa-home{font-size: 18px;color: #b2b2b2;border-right: 1px solid #E6E6E6;padding-right: 30px;margin-right: 30px;} .in-banner .mbx .right{width: 76%;background-color: rgba(222,121,0,0.85);line-height: 70px;box-sizing: border-box;padding-left: 40px;height: 70px;} .in-banner .mbx .right i{font-size: 16px;color: #fff;} .in-banner .mbx .right a{font-size: 16px;color: rgba(255,255,255,0.85);margin-left: 30px;} .in-banner .mbx .right a:hover{color: rgba(255,255,255,1);} .in-banner .mbx .right .active{color: #FFFFFF;font-weight:bold;} .ecp01{width: 1200px;margin: 80px auto ;box-sizing: border-box;overflow: hidden;text-align: center;} .innovate01{margin: 80px auto 0px} .ecp01 strong{display: block;width: 1px;height: 50px;background-color: #ddd;margin: 30px auto;} .e-title1{font-size: 32px;color: #222222;font-weight:bold;} .ecp01 h4{font-size: 15px;color: #666666;line-height: 23px;} .about01 h4{text-align: justify;text-align-last: center;} .ecp01 ul li .text h4{text-align: justify;} .ecp01 ul{width: 100%;} .ecp01 ul li{width: 100%;box-sizing: border-box;position: relative;margin-bottom: 0px;} .ecp01 ul li .imgbox{width: 50%;float: left;} .ecp01 ul li .imgbox img{display: block;width: 100%;} .ecp01 ul li .text{width: 50%;height: 100%;position: absolute;top: 0;right: 0;box-sizing: border-box;padding-left: 60px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .ecp01 ul li:nth-of-type(2) .imgbox{float: right;} .ecp01 ul li:nth-of-type(2) .text{left: 0;padding-left: 0;padding-right: 60px;} .ecp01 ul li:nth-of-type(2){margin-bottom: 0px;} .epc001{margin-bottom:0;} .e-title2{font-size: 26px;color: #222222;text-align: center;font-weight:bold;} .ecp02warp{width: 100%;box-sizing: border-box;/*background: url(../img/epbc.jpg)no-repeat*/;background-size: cover;padding: 90px 0;} .ecp02warp .ecp02{width: 1200px;box-sizing: border-box;margin: auto;} .ecp02warp .ecp02 .ecp02top{text-align: center;padding-bottom: 15px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;} .ecp02warp .ecp02 .ecp02top span{width: 0;height: 0;border: 10px solid transparent;border-top-color: #333; } .ecp02warp .ecp02 .ecp02top .i-title1{margin-top: 40px;} .ecp02warp .ecp02 .cont{width: 100%;box-sizing: border-box;margin-top: 50px;} .ecp02warp .ecp02 .cont li{height: 287px; width: 19.2%;float: left;margin-right: 1%;/*background-color: #ffffff;border: 1px solid #ddd;*/box-sizing: border-box;padding: 30px 20px; min-height:265px;border-radius: 5px;} .ecp02warp .ecp02 .e-titlecont li{height: 234px;min-height: 0px} .ecp02warp .ecp02 .cont li:last-child{margin-right: 0;} .ecp02warp .ecp02 .cont li .imgbox{margin-bottom:10px;} .ecp02warp .ecp02 .cont li .imgbox img{display: block;width: auto;margin:auto;} .ecp02warp .ecp02 .cont li .text{width: 100%;box-sizing: border-box;padding-top: 14px;border-top: 1px solid #ddd;text-align: center;} .ecp02warp .ecp02 .cont li .text h3{font-size: 17px;color: #222222;margin-bottom: 15px;font-weight:bold;} .ecp02warp .ecp02 .cont li .text h4{font-size: 12px;color: #666666;line-height: 20px;} .ecp02warp .ecp02 .bot{width: 100%;box-sizing: border-box;padding: 0 100px;} .ecp02warp .ecp02 .bot .item{width: 48%;float: left;margin-right: 4%;box-sizing: border-box;padding: 40px 20px;border: 1px solid #ddd;background-color: #fff;} .ecp02warp .ecp02 .bot .item h3{display: block;width: 100%;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;font-size: 22px;color: #222222;text-align: center;font-weight:bold;} .ecp02warp .ecp02 .bot .item:last-child{margin-right: 0;} .ecp02warp .ecp02 .bot .item .font{width: 100%;box-sizing: border-box;} .ecp02warp .ecp02 .bot .item .font p{font-size: 16px;color: #222222;margin-bottom: 30px;text-align: center;} .ecp02warp .ecp02 .bot .item .font h4{font-size: 15px;color: #222222;line-height: 30px;box-sizing: border-box;padding: 20px 30px;background-color: #eeeeee;text-align: center;} /*.ecp02 .min a:first-child .text p:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #666666;position: absolute;left: 0;top: 5px;}*/ .e-more{width: 360px;height: 40px;line-height: 40px;border-radius: 2rem;background-color: #de7900;border-color: #de7900;background-image: none;margin-top: 40px;margin-bottom: -20px;position: relative;z-index: 3;font-size:16px;font-weight:bold;border: none;} .e-more:hover{background-color: #de7900;border-color: #de7900;color: #fff;line-height: 40px;border: none;} .ecp02 .min:before{content: '';display: block;width: 1200px;padding: 0 160px;background-color: #f1f1f2;height: 80px;z-index: 0;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .ecp02 .min02{width: 1200px;padding: 70px 160px;margin: auto;background: url(../img/epc-bg.jpg)no-repeat;background-size: cover;} .ecp02 .min02 ul{width: 100%;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;position: relative;} .ecp02 .min02 ul li{width: 50%;box-sizing: border-box;padding: 80px 100px;text-align: center;float: left;} .ecp02 .min02 ul li h3{font-size: 22px;color: #222222;margin-bottom: 20px;} .ecp02 .min02 ul li img{display: block;width: auto;margin: auto;} .ecp02 .min02 ul li p{font-size: 16px;color: #222222;margin-top: 20px;} .ecp02 .min02 ul li strong{display: block;width: 50px;height: 1px;background-color: #DDDDDD;margin: 10px auto;} .ecp02 .min02 ul li h4{font-size: 15px;line-height: 24px;color: #666666;letter-spacing:2.5px;} .ecp02 .min02 ul:before{content: '';display: block;width: 1px;height: 80%;background-color: #DDDDDD;position: absolute;top: 10%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .ecp03{width:100%;margin: auto;box-sizing: border-box;overflow: hidden;background: url(../img/epbc.jpg)no-repeat;} .ecp03 h3{margin-top: 60px} .ecp03 ul{width: 100%;box-sizing: border-box;margin-top: 40px;border-bottom: 1px solid #DDDDDD;} .ecp03 ul li{display: block;width: 100%;cursor: pointer;} .ecp03 ul li h3{font-size: 20px;color: #222222;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 60px;border-top: 1px solid #DDDDDD;} .ecp03 ul li h3:hover{color: #de7900;} .ecp03 ul li h3 i{display: block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #333;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;cursor: pointer;} .ecp03 ul li h3 i:before{content: '';display: block;width: 6px;height: 6px;border-left: 1px solid #333;border-bottom: 1px solid #333;position: absolute;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin-top: -2px;} .ecp03 .info{width: 100%;box-sizing: border-box;margin-top: 60px;display: flex;display: -webkit-flex;-webkit-flex-flow: wrap;flex-flow: wrap;} .ecp03 .info div{width: 1060px;display: block;overflow: hidden;margin:0 auto;} .ecp03 .info div img{display: block;width: 100%;margin: auto;} .ecp03 .info1{margin: 60px 0;} .ecp03 .li2 i{transform: rotate(180deg);-webkit-transform: rotate(180deg);} /*创新*/ .i-title1{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;text-align: center; padding-top: 20px;} .innovate01 .min{width: 100%;height: auto;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content:space-between;justify-content: space-between;align-items: center;-webkit-align-items:center;} .innovate01 .min .text{width: 50%;height: auto;text-align: justify;box-sizing: border-box;padding-left: 60px;} .innovate01 .min .text .i-title1{text-align: left;padding-top: 0;} .innovate01 .min .text h4{text-align: justify;} .innovate01 h4{display: block;margin: auto; text-align: justify;text-align-last: center} .innovate01 .imgbox{width:50%; margin:0;} .innovate01 .imgbox img{width:100%;display:block;} .innovate02warp{width: 100%;box-sizing: border-box;background: url(../img/cx_bg2.jpg)no-repeat fixed;background-size: 100%;padding: 90px 0 100px;} .innovate02warp .innovate02{width: 1200px;margin: auto;box-sizing: border-box;} .top-text{text-align: center;width: 100%;box-sizing: border-box;} .top-text h3{font-size: 20px;color: #222222;margin-bottom: 30px;font-weight: bold;} .top-text h4{font-size: 16px;color: #666666;line-height: 32px;margin: auto;width: 70%;text-align: justify;text-align-last: center;} .top-text h4/*:nth-last-child(1)*/{margin-bottom:30px;} .innovate02warp .innovate02 .min{width: 100%;box-sizing: border-box;padding-top: 50px;} .innovate02warp .innovate02 .min li{height: 290px;width: 30%;float: left;margin-right: 5%;background-color: #fff;padding: 0 30px 40px;border-radius: 5px;box-sizing: border-box;min-height: 315px;padding-top: 20px;border: 1px solid #ddd;} .innovate02warp .innovate02 .min li h3{display: block;width: 100px;height: 100px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;margin: auto;margin-top: 0;margin-bottom: 10px;transition: all .6s;} /*.innovate02warp .innovate02 .min li:hover h3{transform: rotate(180deg);box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}*/ .innovate02warp .innovate02 .min li h3 img{display: block;width:auto;} .innovate02warp .innovate02 .min li .text{border-top: 1px solid #DDDDDD;padding-top: 30px;} .innovate02warp .innovate02 .min li .text h4{font-size: 22px;color: #222222;font-weight: bold;text-align: center;margin-bottom: 20px;} /* .innovate02warp .innovate02 .min li .text p{font-size: 14px;color: rgba(255,255,255,0.6);padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.5);text-align: center;} */ .innovate02warp .innovate02 .min li .text h5,.innovate02warp .innovate02 .min li .text p{font-size: 16px;color: #666666;text-align: center;line-height: 24px;padding:0;} .innovate02warp .innovate02 .min li:last-child{margin-right: 0;} .innovate03warp{width: 100%;overflow: hidden;box-sizing: border-box;background-color: #fff;} .innovate03{width: 1200px;margin: 70px auto;box-sizing: border-box;} .innovate03 .cont{width: 70%;margin: auto;box-sizing: border-box;border: 1px solid #DDDDDD;position: relative;margin-bottom: 50px;} .innovate03 .cont:before{content: '';display: block;width: 1px;height: 80%;background-color: #DDDDDD;position: absolute;left: 50%;top: 10%;} .innovate03 .cont li{width: 50%;float: left;padding: 40px;text-align: center;box-sizing: border-box;position: relative;} .innovate03 .cont li h3{font-size: 14px;color: #de7900;} .innovate03 .cont li h3 span{font-size: 36px;font-weight: bold;margin-right: 10px;} .innovate03 .cont li p{font-size: 16px;color: #de7900;margin-top: 10px;} .innovate03 .cont li:after{content: '';display: block;width: 40px;height: 3px;background-color: #de7900;position: absolute;top: -2px;left: 50%;margin-left: -20px;} .innovate03 .cont li:before{content: '';display: block;width: 40px;height: 3px;background-color: #de7900;position: absolute;bottom: -2px;left: 50%;margin-left: -20px;} .innovate03 .h4{font-size: 16px;color: #666666;line-height: 32px;text-align: center;width: 70%;margin: auto;} .innovate04warp{width: 100%;box-sizing: border-box;padding-bottom: 20px;background-color:#fff;} .innovate04warp .innovate04{width: 1200px;margin: auto;box-sizing: border-box;padding: 0 60px;display: flex;display: -webkit-flex;flex-flow: wrap;-webkit-flex-flow: wrap;} .innovate04warp .innovate04 li{width: 11.11%;margin-bottom: 30px;} .innovate04warp .innovate04 li img{display: block;width: auto;max-width: 98%;margin: auto;} /*社会责任*/ .dutywarp{width: 100%;box-sizing: border-box;} .dutywarp .img{width: 100%;box-sizing: border-box;margin-top: 60px;} .dutywarp .img img{display: block;width: auto;max-width: 100%;margin: auto;} .duty02warp{width: 100%;box-sizing: border-box;padding: 170px 0;background: url(../img/zrbg.jpg)no-repeat center;background-size: cover;} .duty02warp .duty02{width: 1200px;margin: 0;box-sizing: border-box;} .duty02warp .duty02 li{width: 25%;float: left;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.5);} .duty02warp .duty02 li img{display: block;width: auto;max-width: 126px;margin: auto;} .duty02warp .duty02 li p{font-size: 12px;color: #ffffff;margin-top: 20px;text-align: center; } .duty02warp .duty02 li:last-child{border: none;} .duty03warp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 90px 0 0;} .duty03warp .duty03{width: 1200px;margin: auto;box-sizing: border-box;} .duty03warp .duty03 li{width: 100%;box-sizing: border-box;position: relative;} .duty03warp .duty03 li .imgmin{width: 50%;float: left;} .duty03warp .duty03 li .imgmin img{display: block;width: 100%;} .duty03warp .duty03 li .text{width: 50%;box-sizing: border-box;float: right; padding-left: 70px;;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;height: 100%;flex-flow: column;-webkit-flex-flow: column;position: absolute;right: 0;} .duty03warp .duty03 li .text p{font-size: 16px;line-height: 23px;color: #222222;text-align: justify;} .duty03warp .duty03 li:nth-of-type(2n) .imgmin{float: right;} .duty03warp .duty03 li:nth-of-type(2n) .text{left: 0; padding-right: 70px; padding-left: 0} /*公司简介*/ .about02warp{width: 100%;box-sizing: border-box;position: relative;margin-bottom: 0px;} .about02warp img{display: block;width: 100%;} .about02warp .text{width: 100%;box-sizing: border-box;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform:translateY(-50%);} .about02warp .text h3{font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 30px;} .about02warp .text h4{font-size: 15px;color: #fff;line-height: 32px;display: block;width: 1200px;margin: 0 auto;} .about1_04{background-color: #fff;} /*addabout02*/ .addabout02{width: 1200px;margin: 60px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content:space-between;justify-content: space-between;} .addabout02 li{width: 25%;border-right: 1px solid #ddd;box-sizing: border-box;} .addabout02 li:last-child{border: none;} .addabout02 li img{display: block;width: 48px;margin: auto;margin-bottom: 20px;height:auto;} .addabout02 li h3{font-size: 48px;color: #de7900;text-align: center;margin-bottom: 14px;display: flex;display: -webkit-flex;-webkit-align-items:center;align-items: center;-webkit-justify-content:center;justify-content: center;} .addabout02 li h3 font{font-size: 30px;color: #de7900;margin-left: 10px;} .addabout02 li h3 span{font-size: 24px;color: #de7900;margin-left: 10px;} .addabout02 li h4{font-size: 16px;color: #444444;text-align: center;} .aboutwarp .about01 h3{margin-bottom:60px;} .aboutwarp .about01{margin-bottom:60px;} /*addabout03*/ .addabout03{width: 1200px;padding: 110px 0 10px;margin: 0 auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content:flex-start;justify-content: flex-start;-webkit-flex-flow:wrap;flex-flow: wrap;} .addabout03 li{width: 33%;box-sizing: border-box;padding-left: 20px;display: flex;display: -webkit-flex;-webkit-justify-content:flex-start;justify-content: flex-start;-webkit-align-items:center;align-items: center;margin-bottom: 100px;} .addabout03 li .imgbox{width: 20%;} .addabout03 li .imgbox img{display: block;width: 64px;max-width: 100%;} .addabout03 li .text{width: 80%;box-sizing: border-box;} .addabout03 li .text h4{font-size: 31px;color: #de7900;margin-bottom: 10px;font-weight: bold;font-family: arial;} .addabout03 li .text p{font-size: 16px;color: #222222;} .addabout03warp{background: url(../img/about03_bg.jpg)no-repeat;background-size: 100%;} .about03warp{width: 1200px;margin: auto;margin-bottom: auto;box-sizing: border-box;} .about03warp .e-title1{text-align: center;} .about03warp .about03{width: 100%;box-sizing: border-box;padding-bottom: 40px;} .about03warp .about03 a{display: block;width: 30%;float: left;margin-right: 5%;} .about03warp .about03 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .about03warp .about03 a .imgbox img{display: block;width: 100%;transition: all .6s;} .about03warp .about03 a:hover .imgbox img{transform: scale(1.1);} .about03warp .about03 a .text{width: 100%;box-sizing: border-box;padding-top: 25px;text-align:left;} .about03warp .about03 a .text p{font-size: 12px;color: #aaaaaa;margin-bottom: 25px;} .about03warp .about03 a .text h3{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #222222;margin-bottom: 20px;} .about03warp .about03 a .text h4{font-size: 14px;color: #666666;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display:none;} .about03warp .about03 a:hover .text h3{color:#de7900;} .about03warp .about03 a:last-child{margin-right: 0;} .about03warp .more{width: 180px;height: 48px;line-height: 46px;margin-bottom: 80px;} /*光伏储能系统*/ .photovoltaicwarp .photovoltaic{width: 100%;box-sizing: border-box;} .photovoltaic h4{text-align: center;text-align: justify;text-align-last: center;} .photovoltaic02{width: 1200px;margin: auto;box-sizing: border-box;} /*.photovoltaicwarp .photovoltaic img{display: block;width: auto;max-width: 100%;margin: auto;margin-top: 70px;}*/ .photovoltaic02 li{width: 100%;box-sizing: border-box;margin-bottom: 30px;} .photovoltaic02 a{display: block;width: calc((100% - 90px)/4);float: left;margin-right: 30px;height: auto;background-color: rgba(243,243,243,0.95);box-sizing: border-box;padding: 40px 20px 30px;text-align: center;position: relative;border-radius: 10px;} .photovoltaic02 a:last-child{margin-right: 0;} .photovoltaic02 a img{display: block;width: auto;max-width: 50px;margin: auto;} .photovoltaic02 a h3{font-size: 18px;color: #222222;margin-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 15px;} .photovoltaic02 a h4{font-size: 14px;color: #222222;line-height: 24px;min-height:72px;} .photovoltaic02 a p{font-size: 14px;color: #666666;margin-top: 15px;} .photovoltaic02 .two a:nth-of-type(2){width: calc((100% - 30px)/2);background: #eeeeee url(../img/photovoltaic0306.png)no-repeat;background-size: cover;height: 16rem;} .photovoltaic02 .two a:nth-of-type(2) h4{font-size: 15px;color: #222222;line-height: 26px;text-align: left;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .photovoltaic02 li:last-child{margin-bottom: 0;} .photovoltaic02warp{width: 100%;box-sizing: border-box;/*opacity: inherit;background: url(../img/phobg.jpg);background-size: cover;padding:90px 0;*/} .photovoltaic02warp .cont{width: 1200px;margin:30px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content:center;justify-content: center;} .photovoltaic02warp .cont li{width: 30%;float: left;margin-right: 5%;background-color: #ffffff;box-sizing: border-box;border: 1px solid #fff;padding: 20px 20px 40px;border-radius: 5px;} .photovoltaic02warp .cont li:last-child{margin-right: 0;} .photovoltaic02warp .cont li .imgbox{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: auto;margin-bottom: 20px;} .photovoltaic02warp .cont li .imgbox img{display: block;width: 90px;height:auto;} .photovoltaic02warp .cont li .text{width: 100%;box-sizing: border-box;padding-top: 14px;text-align: center;} .photovoltaic02warp .cont li .text h3{font-size: 20px;color: #222222;margin-bottom: 15px;font-weight:bold;} .photovoltaic02warp .cont li .text h4{font-size: 15px;color: #666666;line-height: 22px;} .photovoltaic02warp .contimgbox{width: 100%;box-sizing: border-box;background-color: #eee;padding: 50px 5%;display: flex;display: -webkit-flex;-webkit-justify-content:center;justify-content: center;align-items: center;-webkit-align-items:center;margin: 50px 0;} .photovoltaic02warp .contimgbox h4{font-size: 14px;color: #333;line-height: 26px;} .photovoltaic02warp .botimg{width: 100%;box-sizing: border-box;overflow: hidden;background-color: #fff;margin-top: 50px;} .photovoltaic02warp .botimg img{display: block;width: 100%;height: auto;} .botimg {width: 100%;box-sizing: border-box;overflow: hidden;background-color: #fff;/*margin-top: 50px*/;} .botimg img{display: block;width: 100%;height: auto;} .photovoltaicwarp{margin-bottom:0px;} /*客户服务*/ .customer01warp{width: 100%;box-sizing: border-box;overflow: hidden;margin-bottom:20px;} .customer01warp .customer01{width: 1200px;margin: 80px auto;} .customer01warp .customer01 .e-title1{text-align: center;margin-bottom: 60px;} .customer01warp .customer01 .min{width: 100%;box-sizing: border-box;} .customer01warp .customer01 .min a{display: block;width: 30%;float: left;margin-right: 5%;} .customer01warp .customer01 .min a:last-child{margin-right: 0;} .customer01warp .customer01 .min a .imgbox{display: block;width: 100%;overflow: hidden;} .customer01warp .customer01 .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .customer01warp .customer01 .min a:hover .imgbox img{transform: scale(1.1);} .customer01warp .customer01 .min a .text{width: 100%;box-sizing: border-box;padding: 40px 0px;} .customer01warp .customer01 .min a .text strong{display: block;width: 100%;height: 1px;background-color: #333333;margin-bottom: 20px;} .customer01warp .customer01 .min a .text h3{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 20px;} .customer01warp .customer01 .min a .text h4{text-align: justify; font-size: 12px;color: #666666;line-height:22px;} .customer02warp{width: 100%;box-sizing: border-box;padding: 60px 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;margin-bottom: 60px;background-color: #f1f1f1;display:none;} .customer02warp a{display: block;width: auto;margin-right: 60px;} .customer02warp a img{display: block;width: auto;} .customer02warp a:last-child{margin-right: 0;} .customer03{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;flex-flow: wrap;-webkit-flex-flow: wrap;padding-bottom: 30px;} .customer03 li{display: block;width: 49%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-right: 2%;background-color: #eeeeee;box-sizing: border-box;border-left: 5px solid #de7900;margin-bottom: 30px;padding: 20px 0;} .customer03 li:nth-of-type(2n){margin-right: 0;} .customer03 li span{display: block;width: 30%;text-align: center;border-right: 1px solid #DDDDDD;font-size: 16px;color: #222222;line-height: 30px;} .customer03 li p{display: block;width: 70%;box-sizing: border-box;padding-left: 30px;font-size: 16px;color: #666666;line-height: 30px;} /*.customer03 li:last-child{margin-right: 0;margin-bottom: 0;}*/ /*联系我们*/ .contactwarp{width: 100%;/*background: url(../img/contactbg_02.jpg)no-repeat;background-size: cover;*/padding-bottom: 100px;} .contact01{margin: 0 auto;padding: 90px 0;} .contact01 .i-title1{margin-top: 60px;} .contact02{width: 100%;box-sizing: border-box;padding: 80px 0;margin: auto;background-color:#eee;} .contact02 .i-title1{margin-bottom: 50px;} .contact02 .min{width: 800px;box-sizing: border-box;margin:auto;} .contact02 .min form{display: block;width: 100%;} .contact02 .min form input{display: block;width: 49%;float: left;margin-right: 2%;height: 48px;box-sizing: border-box;padding-left: 20px;font-size: 14px;color: #888888;border-radius: 5px;background-color: #fff;border: 1px solid #aaaaaa;margin-bottom: 30px;outline: none;} .contact02 .min form input:nth-of-type(2n){margin-right: 0;} .contact02 .min form textarea{display: block;width: 100%;height: 156px;background-color: #fff;box-sizing: border-box;padding-top: 20px;padding-left: 20px;border-radius: 5px;resize: none;outline: none;font-size: 14px;color: #888888;} .contact02 .min form button{display: block;width: 178px;height: 42px;border: 1px solid #aaaaaa;background-color: #de7900;color: #FFFFFF;margin: auto;margin-top: 30px;font-size: 14px;transition: all .3s;line-height: 42px;} .contact02 .min form button:hover{background-color: transparent;color: #de7900;} .contact02 .e-title1{margin-bottom:30px; text-align: center;} /*global01*/ .globalwarp{margin-bottom: 20px;width: 1200px;padding: 80px 0;margin: 0 auto;} .globalwarp .global01{width: 100%;box-sizing: border-box;} .globalwarp .global01 .imgbox{width: 90%;box-sizing: border-box;margin: 70px auto 0;position: relative;} .globalwarp .global01 .imgbox img{display: block;width: 100%;height: auto;} .globalwarp .global01 .imgbox .sj{display:none;} .globalwarp .global02{width: 100%;box-sizing: border-box;margin-top: 60px;} .globalwarp .global02 .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;-webkit-flex-flow: wrap;flex-flow: wrap;margin: 50px 0;} .globalwarp .g-site{width: 24.25%;margin-right: 1%;margin-bottom: 12px;background-color: #f0f0f0;padding: 30px 26px;box-sizing: border-box;} .globalwarp .g-site h3{font-size: 16px;color: #df7900;font-weight: bold;display: block;margin-bottom: 20px;text-align: left;} .globalwarp .g-site h4{font-size: 14px;color: #222222;line-height: 20px;margin-bottom: 15px;text-align: left;letter-spacing:0;font-weight:bold;min-height: 66px;} .globalwarp .g-site p{font-size: 14px;color: #666666;line-height: 30px;text-align: left;letter-spacing:0;} .globalwarp .global02 .min li:nth-of-type(2){margin-bottom: 12PX;} .globalwarp .g-site p i{color:#de7900; font-size:14px; margin-right:10px;} .globalwarp .global02 .min li:nth-of-type(4n){margin-right: 0;} .globalwarp .global02 .min li:last-child{margin-right: 0;} .globalwarp .global01 .imgbox .siteall{position: absolute;display: inline-block;width: 18px;} .globalwarp .global01 .imgbox .siteall img{display: block;width: 100%;box-sizing: border-box;} .globalwarp .global01 .imgbox .siteall .info{position: absolute;width: 280px;height: auto;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);margin-bottom: 0;} .globalwarp .global01 .imgbox .siteall .info h4{min-height: auto;} .globalwarp .global01 .imgbox .siteall .info{bottom: 30px;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);opacity: 0;visibility: hidden;z-index:9;} .globalwarp .global01 .imgbox .siteall:hover .info{opacity: 1;visibility: visible;} .globalwarp .global01 .imgbox .site01{top: 32%;right: 15.5%} .globalwarp .global01 .imgbox .site02{top: 24%;left: 8%;} .globalwarp .global01 .imgbox .site03{top: 20%;left: 48%;} .globalwarp .global01 .imgbox .site04{top: 22%;left: 45%;} .globalwarp .global01 .imgbox .site05{top: 27%;left: 87%;} .globalwarp .global01 .imgbox .site06{top: 28%;left: 55%;} .globalwarp .global01 .imgbox .site08{top: 81.5%;left: 89.5%;} .globalwarp .global01 .imgbox .site07{top: 58%;left: 28.5%;} .globalwarp .global01 .imgbox .site09{top: 14%;left: 44.5%;} .globalwarp .global01 .imgbox .site10{top: 46%;left: 76.5%;} .globalwarp .global01 .imgbox .site11{top: 16%;left: 17.5%;} .globalwarp .global01 .imgbox .site02 .info{left: 0;transform: none;-webkit-transform: none;} .globalwarp .global01 .imgbox .site05 .info,.globalwarp .global01 .imgbox .site01 .info,.globalwarp .global01 .imgbox .site10 .info,.globalwarp .global01 .imgbox .site08 .info{left: -280px;transform: none;-webkit-transform: none;} /*course01*/ .course01warp{width: 100%;box-sizing: border-box;padding: 0 0 90px;/*background: url(../img/devb.jpg)no-repeat;background-size: 100%;*/} .course01warp .course01{width: 100%;margin: auto;position: relative;} .course01warp .course01 .e-title1{text-align: center;margin-bottom: 60px;} .course01warp .course01 .cont{width: 100%;box-sizing: border-box;position: relative;} .course01warp .course01 .cont .topcircle{width: 14px;height: 14px;display: block;border-radius: 50%;border: 1px solid #CCCCCC;top: -14px;left: 50%;margin-left: -7px;position: absolute;box-sizing: border-box;} .course01warp .course01 .cont .botfont{font-size: 13px;color: #aaaaaa;display: inline-block;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .course01warp .course01 .cont:after{content: '';display: block;width: 1px;height: 100%;background-color: #cccccc;position: absolute;top: 0;left: 50%;z-index: 0;} .course01warp .course01 .cont .min{width: 100%;position: relative;z-index: 2;padding: 60px 0;} .course01warp .course01 .cont .min li{width: 50%;float: left;} .course01warp .course01 .cont .min li .imgbox{width: 140px;height: 140px;border-radius: 50%;float: left;} .course01warp .course01 .cont .min li .imgbox img{display: block;width: 100%;} .course01warp .course01 .cont .min li .text{width: calc(100% - 140px);box-sizing: border-box;float: right;padding: 0 80px 0 60px;text-align: right;position: relative;margin-top: 10PX;} .course01warp .course01 .cont .min li .text h3{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 20px;} .course01warp .course01 .cont .min li .text h4{font-size: 14px;color: #666666;line-height: 22px;} .course01warp .course01 .cont .min li .text:after{content: '';display: block;width: 12px;height: 12px;border-radius: 50%;border: 1px solid #cccccc;position: absolute;right: -7px;top: 14px;} .course01warp .course01 .cont .min li .text:before{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #de7900;right: -4px;top: 17px;position: absolute;z-index: 3;} .course01warp .course01 .cont .min li .text h3:after{content: '';display: block;width: 60px;height: 1px;background-color: #cccccc;position: absolute;right: 0;top: 20px;} .course01warp .course01 .cont .min li:nth-of-type(2n){margin-top: 170px;} .course01warp .course01 .cont .min li:nth-of-type(2n) .imgbox{float: right;} .course01warp .course01 .cont .min li:nth-of-type(2n) .text{float: left;text-align: left;padding: 0 60px 0 80px;} .course01warp .course01 .cont .min li:nth-of-type(2n) .text h3:after{right: initial;left: 0px;} .course01warp .course01 .cont .min li:nth-of-type(2n) .text:after{left: -7px;} .course01warp .course01 .cont .min li:nth-of-type(2n) .text:before{left: -4px;} .course01warp .ecp01 h4{margin-top: 30px;} .course01warp .course01{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;padding: 10px 0;padding-left: 120px;} .course01warp .course01:after{content: '';display: block;width: 100%;height: 50px;position: absolute;left: 0;top: 190px;background-color: #f99014;} .course01warp .course01 .swiper-container{overflow: visible;} .course01warp .course01 .swiper-container .swiper-wrapper{display: flex;display: -webkit-flex;} .course01warp .course01 .swiper-slide{width: 400px;display: flex;display: -webkit-flex;-webkit-flex-flow:column;flex-flow: column;min-width: 15%;} .course01warp .course01 .swiper-slide .text{display: flex;display: -webkit-flex;-webkit-flex-flow:column;flex-flow: column;height: 190px;justify-content: space-between;-webkit-justify-content:space-between;margin-bottom: 74px;box-sizing: border-box;padding-bottom: 30px;border-left: 1px solid #f99014;padding-left: 20px;position: relative;} .course01warp .course01 .swiper-slide .text:before{content: '';display: block;width: 14px;height: 14px;border-radius: 50%;background-color: rgba(249,144,20,0.5);position: absolute;top: -7px;left: -7px;} .course01warp .course01 .swiper-slide .text:after{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;background-color: rgba(249,144,20,1);position: absolute;top: -4px;left: -4px;} .course01warp .course01 .swiper-slide .text h3{font-size: 24px;color: #222222;} .course01warp .course01 .swiper-slide .text h4{font-size: 15px;color: #666666;line-height: 32px;margin-top: -15px;} .course01warp .course01 .swiper-slide .imgbox{width: auto;max-width: 100%;height: 110px;overflow: hidden;} .course01warp .course01 .swiper-slide .imgbox img{display: block;width: auto;height: 110px;} .course01warp .course01 .swiper-button-next,.course01warp .course01 .swiper-button-prev{background-image: none;width: 60px;height: 60px;border-radius: 50%;border: 3px solid #f99014;background-color: #fff;display: flex;display: -webkit-flex;-webkit-justify-content:center;justify-content: center;-webkit-align-items:center;align-items: center;margin-top: -38px;outline: none;} .course01warp .course01 .swiper-button-next i,.course01warp .course01 .swiper-button-prev i{font-size: 20px;color: #f99014;} .course01warp .course01 .swiper-button-prev.swiper-button-disabled {opacity: 1;background-color: #eee;} .course01warp .course01 .swiper-button-next.swiper-button-disabled {opacity: 1;background-color: #eee;} .course01warp .course01 .swiper-button-prev.swiper-button-disabled i{color#aaa;} .course01warp .course01 .swiper-slide:nth-of-type(2n){flex-flow: column-reverse;-webkit-flex-flow: column-reverse;} .course01warp .course01 .swiper-slide:nth-of-type(2n) .text{margin-bottom: 0;margin-top: 120px;padding-bottom: 0;padding-top: 30px;flex-flow: column-reverse;-webkit-flex-flow: column-reverse;} .course01warp .course01 .swiper-slide:nth-of-type(2n) .text:before{top: initial;bottom: -7px;} .course01warp .course01 .swiper-slide:nth-of-type(2n) .text:after{top: initial;bottom: -4px;} .course01warp .course01 .swiper-slide:nth-of-type(2n) .text h4{margin-top:0px;margin-bottom:-15px;} /*product*/ .product01{width: 90%;margin: 80px auto;box-sizing: border-box;overflow: hidden;} .product01 .min{width: 100%;box-sizing: border-box;} .product01 .min a{display: block;width: 30%;float: left;margin-right: 5%;} .product01 .min a:last-child{margin-right: 0;} .product01 .min a .imgbox{width: 100%;overflow: hidden;box-sizing: border-box;} .product01 .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .product01 .min a:hover .imgbox img{transform: scale(1.1);} .product01 .min a .text{width: 100%;box-sizing: border-box;overflow: hidden;padding-top: 30px;} .product01 .min a .text h3{font-size: 22px;color: #222222;font-weight: bold;margin-bottom: 20px;} .product01 .min a .text h4{font-size: 15px;color: #666666;margin-bottom: 20px;} .product01 .min a .text .more{width: 150px;height: 36px;font-size: 14px;line-height: 36px;;} /*p-list01*/ .p-list01{width: 100%;box-sizing: border-box;overflow: hidden;margin-bottom: 0;border-bottom: 1px solid #dddddd;} .p-list01 .min .tabwarp{width: 100%;box-sizing: border-box;padding: 0;background-color: #f6f6f6;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;} .p-list01 .min .tabwarp .tab{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .p-list01 .min .tabwarp .tab a{display: block;font-size: 15px;color: #444444;line-height: 50px;position: relative;font-weight:bold;} .p-list01 .min .tabwarp .tab a:after{content: '';display: block;width: 0%;transition: all .3s;position: absolute;left: 0;bottom: 0;height: 2px;background-color: #e9310c;} .p-list01 .min .tabwarp .tab a:hover:after,.p-list01 .min .tabwarp .tab .active:after{width: 100%;} .p-list01 .min .tabwarp .tab a:hover,.p-list01 .min .tabwarp .tab .active{color: #e9310c;} .p-list01 .min .cont{width: 100%;box-sizing: border-box;} .p-list01 .min .cont a{display: block;width: 25%;float: left;box-sizing: border-box;border-right: 1px solid #e6e6e6;position: relative;padding-top: 160px;background-color: #fff;border-bottom: 1px solid #e6e6e6;} .p-list01 .min .cont .b-line{display: block;width: 100%;height: 2px;background-color: #DDDDDD;float: left;} .p-list01 .min .cont a:last-child{} .p-list01 .min .cont a>img{display: block;width: 100%;} .p-list01 .min .cont a .text{width: 100%;box-sizing: border-box;text-align: center;position: absolute;top: 0;left: 0;box-sizing: border-box;padding-top: 50px;} .p-list01 .min .cont a .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 15px;} .p-list01 .min .cont a .text h4{font-size: 15px;color: #666666;margin-bottom: 20px;line-height: 28px;} .p-list01 .min .cont a .text font{display: block;width: auto;} .p-list01 .min .cont a .text font img{display: block;margin: auto;max-width: 36px;opacity: 0;visibility: hidden;transition: all .3s;} .p-list01 .min .cont a:hover .text img{opacity: 1;visibility: visible;} /*productinfo*/ .productinfo01{width: 100%;box-sizing: border-box;overflow: hidden;box-sizing: border-box;position: relative;background: url(../img/productinfo_02.jpg);} .productinfo01 .l-img{display: block;width: auto;padding-top: 70px;padding-left: 50%;max-width: 50%;} .productinfo01 .text{width: auto;box-sizing: border-box;position: absolute;left: calc((100% - 1200px)/2);top: 52%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .productinfo01 .text h3{font-size: 40px;color: #222222;margin-bottom: 20px;font-weight:bold;} .productinfo01 .text h4{font-size: 22px;color: #666666;margin-bottom: 20px;} .productinfo01 .text strong{display: block;width: 80px;height: 2px;background-color: #e9310c;margin-bottom: 50px;} .productinfo01 .text .info{width: auto;box-sizing: border-box;margin-bottom: 40px;} .productinfo01 .text .info p{font-size: 16px;color: #666666;margin-bottom: 20px; line-height: 32px;} .productinfo01 .text .info p:last-child{margin-bottom: 0;} .productinfo01 .text .more{width: 280px;height: 42px;line-height: 42px;margin: 0;} .productinfo01 .text .more i{font-size: 12px;color: inherit;margin-left: 10px;} .productinfo02{width: 1200px;margin: 90px auto;box-sizing: border-box;text-align: justify;} .productinfo02 h3{font-size: 30px;color: #222222;padding-bottom: 25px;border-bottom: 1px solid #ddd;position: relative;margin-bottom: 40px;font-weight:bold;} .productinfo02 h3:after{content: '';display: block;width: 120px;height: 2px;position: absolute;left: 0%;margin-left: 0px;bottom: 0;background-color: #e9310c;} .productinfo02 h4 {font-size: 15px;color: #666666;line-height: 32px;text-align:justify;} .productinfo03qita{font-size: 30px;color: #222222;text-align: center;margin:0 auto 50px;margin-bottom: 50px;font-weight:bold;display: block;width: 1200px;text-align:left;} .productinfo03warp{width: 100%;box-sizing: border-box;} .productinfo03warp h3{font-size: 30px;color: #222222;text-align: center;margin-bottom: 50px;} .productinfo03warp .productinfo03{width: 100%;margin: auto;box-sizing: border-box;padding-bottom: 30px;} .productinfo03warp .productinfo03 li{display: none;width: 100%;box-sizing: border-box;} .productinfo03warp .productinfo03 li:first-child{display: block;} .productinfo03warp .productinfo03 a{display: block;width: 20%;float: left;box-sizing: border-box;margin-right: -1px;} .productinfo03warp .productinfo03 a .imgbox{width: 100%;overflow: hidden;border: 1px solid #ddd;box-sizing: border-box;} .productinfo03warp .productinfo03 a .imgbox img{display: block;width: 100%;transition: all .6s;} .productinfo03warp .productinfo03 a:hover .imgbox img{transform: scale(1.1);} .productinfo03warp .productinfo03 a h4{display: block;width: 100%;text-align: center;font-size: 14px;color: #222222;padding: 20px 0;} .productinfo03warp .link{width: 100%;box-sizing: border-box;padding: 40px 0;background-color: #eeeeee;display:none;} .productinfo03warp .link .more{width: 230px;height: 48px;line-height: 48px;} .productinfo03warp .link .more i{font-size: 12px;color: inherit;margin-right: 10px;} .productinfo03warp .min .tabwarp{margin-bottom: 0px;} .productinfo03warp .min .tabwarp .tap{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-around;justify-content: space-between;align-items: center;-webkit-align-items: center;} /*全球案例*/ .case01warp .min .tabwarp .tab a{padding: 0 30px;} .case01warp .min .tabwarp .tab{box-sizing: border-box;padding: 0 100px;} .case01warp .min .case01{width: 90%;box-sizing: border-box;margin: auto;box-sizing: border-box;background: url(../img/index_03.jpg)no-repeat;background-size: 100%;} .case01warp .min .case01 a{display: block;width:calc(33.33% - 6.66px);float: left;margin-right: 10px;margin-bottom: 10px;cursor: default;} .case01warp .min .case01 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .case01warp .min .case01 a .imgbox img{display: block;width: 100%;transition: all .6s;} .case01warp .min .case01 a:hover .imgbox img{transform: scale(1.1);} .case01warp .min .case01 a:nth-of-type(3n){margin-right: 0;} .case01warp .min .case01 a .text{font-size: 18px;color: #222222;background-color: #efefef;padding: 30px 0;padding-left: 30px;text-align: left;transition: all .3s;} .case01warp .min .case01 a:hover .text{background-color: #de7900;color: #FFFFFF;} .case01warp .min .case01 a:nth-last-of-type(1),.case01warp .min .case01 a:nth-last-of-type(2){margin-bottom: 0;} .case_h5_title{display:none;} .fy{width: 100%;box-sizing: border-box;padding: 60px 0;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;} .fy a,.fy span{display: block;width: auto;box-sizing: border-box;min-width: 32px;height: 32px;border: 1px solid #b8b8b8;line-height: 30px;text-align: center;padding: 0 10px;color: #b8b8b8;font-size: 14px;border-radius: 5px;margin-right: 10px;} .fy a:hover,.fy .active,.fy span{background-color: #de7900;border-color: #de7900;color: #FFFFFF;} .fy a:last-child{margin-right: 0;} .screen-reader-text{ display: none;} .nav-links{width: 100%; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;} /*最新资讯*/ .newswarp{width: 100%;box-sizing: border-box;overflow: hidden;margin: 90px 0 0;} .newswarp .e-title1{text-align: center;margin-bottom: 50px;} .newswarp .n-tabwarp{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;margin-bottom: 70px;} .newswarp .n-tabwarp .n-tab{width: 800px;margin: auto;box-sizing: border-box;padding: 0 70px;position: relative;} .newswarp .n-tabwarp .n-tab .swiper-container{width: 100%;box-sizing: border-box;margin-bottom: -6px;} .newswarp .n-tabwarp .n-tab .swiper-container .swiper-slide{text-align: center;} .newswarp .n-tabwarp .n-tab .swiper-container .swiper-slide a{display: block;} .newswarp .n-tabwarp .n-tab .swiper-container .swiper-slide p{font-size: 14px;color: #444444;font-weight: bold;margin-bottom: 20px;} .newswarp .n-tabwarp .n-tab .swiper-container .swiper-slide font{display: block;width: 12px;height: 12px;background-color: #cccccc;border-radius: 50%;margin: auto;} .newswarp .n-tabwarp .n-tab .swiper-button-next,.newswarp .n-tabwarp .n-tab .swiper-button-prev{background-image: none;font-size: 26px;color: #ddd;width: auto;height: auto;outline: none;} .newswarp .n-tabwarp .n-tab .swiper-container .active p{color: #e9310c;} .newswarp .n-tabwarp .n-tab .swiper-container .active font{background-color: #e9310c;} .newswarp .min{width: 1000px;margin: auto;box-sizing: border-box;} .newswarp .min a{width: 100%;border-bottom: 1px solid #ddd;box-sizing: border-box;padding-right: 100px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;padding-bottom: 40px;margin-bottom: 40px;} .newswarp .min a:first-child{border-top: 1px solid #ddd;padding-top: 40px;} .newswarp .min a .imgbox{width: 360px;box-sizing: border-box;overflow: hidden;} .newswarp .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .newswarp .min a:hover .imgbox img{transform: scale(1.1);} .newswarp .min a .text{width: calc(100% - 290px);box-sizing: border-box;padding-left: 40px;} .newswarp .min a .text p{font-size: 13px;color: #888888;margin-bottom: 20px;} .newswarp .min a .text h3{font-size: 20px;color: #222222;font-weight: 600;margin-bottom: 30px;line-height:24px;} .newswarp .min a .text h4{font-size: 15px;color: #666666;line-height: 24px;} .newswarp .min a .text i{display:block;font-size: 13px;color: #666666;margin-top:18px;font-style:normal;} .newswarp .min a:hover .text i{color:#de7900;} .newswarp .min a:hover .text h3{color:#de7900;} .newswarp .min a:last-child{margin-bottom: 0;} .newswarp .min dl{ display: block;overflow: hidden; margin: 0 0 60px 0;} .newswarp .min dl:last-child{ margin: 0 0 120px 0; } .newswarp .min dl h6{ display: block;float: left;width: 80px;height: 80px;border: 1px solid #de7900;text-align: center;position: relative;border-radius: 0;} .newswarp .min dl h6 strong{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);top: 50%;left: 0;text-align: center;width: 100%;display: block;overflow: hidden;color: #de7900;font-size: 28px;font-weight: normal;} .newswarp .min dl h6 strong span{text-transform: uppercase;display: block;font-size: 14px;color: #666;line-height: 20px;margin-top:6px;} .newswarp .min #shows{display: block;float: right;width: calc(100% - 120px);overflow: hidden;} .newswarp .min #shows ul{ margin: 0;padding: 0;border: 0;} .newswarp .min #shows ul li{ margin: 0;padding: 0;border: 0;} .newswarp .min #shows ul li a{ border: 0;padding: 0;margin: 0;font-size: 16px; color: #333;letter-spacing: 1px;text-align: justify;display: block;line-height: 20px; margin: 2px 0 15px; overflow: hidden; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .newswarp .min #shows ul li a font{line-height: 20px;display: inline-block;float: left;font-size: 16px;width: 30px;font-weight: bold; } .newswarp .min #shows ul li a:hover,.newswarp .min #shows ul li a:hover font{ color: #de7900; } /*下载*/ .down01{width: 1100px;margin: 20px auto 100px;box-sizing: border-box;} .down01 .item{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;padding: 24px 10px;border-bottom: 1px solid #ddd;} .down01 .item .font{font-size: 16px;color: #222222;} .down01 .item .font i{font-size: 20px;color: #aaaaaa;margin-right: 20px;} .down01 .item .icon{font-size: 16px;color: #aaaaaa;} .down01 .item:first-child{border-top: 1px solid #ddd;} .down01 .item:hover h3,.down01 a:hover h3 i,.down01 a:hover .icon{color: #de7900;} .down01 .item .right{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;width: 162px;} .down01 .item .right p{font-size: 14px;color: #888888;} .down01 .item .right a{display: block;margin-left: 10px;} .down01 .item .right a img{display: block;width: auto;} /*下载02*/ .ecp01 .down02{width: 1200px;margin: auto;box-sizing: border-box;margin-bottom: 100px;} .ecp01 .down02 li,.ecp01 .down02 li:nth-of-type(2){width: 100%;box-sizing: border-box;margin-bottom: 60px;} .down02 li .top{width: 100%;box-sizing: border-box;padding-bottom: 20px;border-bottom: 1px solid #ddd;font-size: 18px;color: #de7900;font-weight: bold;text-align: left;} .down02 li .min{width: 100%;margin-top: 20px;} .down02 li .min .item{width: 45%;float: left;margin-right: 10%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;height: 54px;border-bottom: 1px solid #ddd;} .down02 li .min .item:nth-of-type(2n){margin-right: 0;} .down02 li .min .item .left{font-size: 15px;color: #555;text-align: start;} .down02 li .min .item .left i{font-size: 16px;color: inherit;margin-right: 10px;} .down02 li .min .item .right{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;min-width: 122px;} .down02 li .min .item .right p{font-size: 14px;color: #888888;} .down02 li .min .item .right a{display: block;margin-left: 10px;} .down02 li .min .item .right a img{display: block;width: auto;} .down02 li:last-child{margin-bottom: 0;} /* 修改20200305 */ .headerwarp .header .right .nav .item{position: unset;} .headerwarp .header .right .nav .item .nav02 a,.headerwarp .header .right .nav .item .nav02 a:hover{background-color: transparent;} .headerwarp .header .right .nav .item .nav02 a{ font-weight: normal;padding-right: 20px;margin-right:12px;border-right: 1px solid #bbb;border-bottom: none;line-height: 20px; text-transform: none;} .headerwarp .header .right .nav .item .nav02 a:last-child{margin-right: 0;border-right: 0;padding-right: 0;} /*.index04warp .indexcontact a:hover{color: #de7900;background-color:transparent;}*/ /*企业文化*/ .culture01 p{font-size: 24px;color: #222222;margin: 40px 0;text-align: center;} .culture02warp{width: 80%;margin: auto;box-sizing: border-box;position: relative;margin-bottom: 120px;} .culture02warp img{display: block;width: 100%;} .culture02warp .culture02{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;} .culture02warp .culture02 li{width: 25%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items: center;position: relative;padding-top: 60px;box-sizing: border-box;} .culture02warp .culture02 li:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0.4);position: absolute;top: 0;left: 0;z-index: 1;transition: all .6s;} .culture02warp .culture02 li:nth-of-type(2n):after{background-color: rgba(255,255,255,0.2);} .culture02warp .culture02 li .top{display: block;width: 100%;height: 60px;box-sizing: border-box;background-color: #f5f5f5;position: absolute;top: 0;left: 0;text-align: center;line-height: 60px;font-size: 17px;color: #222222;font-weight: bold;z-index: 2;} .culture02warp .culture02 li .top:after{content: '';display: block;width: 0%;height: 4px;background-color: #de7900;transition: all .3s;position: absolute;left: 0;bottom: 0;} .culture02warp .culture02 li:hover .top:after{width: 100%;} .culture02warp .culture02 li .info{font-size: 26px;color: #222222;line-height: 36px;font-weight: bold;text-align: center;z-index: 2;} .culture02warp .culture02 li:hover:after{background-color: transparent;} .culturewarp .wishde{width: 1200px;margin: auto;box-sizing: border-box;} .culturewarp .wishde li{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;margin-bottom: 10px;} .culturewarp .wishde li:nth-of-type(3){margin-bottom:10px;} .culturewarp .wishde li .imgbox img{display: block;width: 100%;} .culturewarp .wishde li:nth-of-type(2n) .text{left: 5%;right: initial;} .culturewarp .wishde li .text{width: 280px;height: auto;position: absolute;top: 50%;right: 5%;transform: translateY(-50%);-webkit-transform:translateY(-50%)} .culturewarp .wishde li:nth-of-type(2n-1) .text{text-align:left;} .culturewarp .wishde li .text h3{font-size: 30px;color: #fff;font-weight:bold;} .culturewarp .wishde li .text strong{display: block;width: 100%;height: 4px;background-color: #fff;margin: 10px 0 10px;} .culturewarp .wishde li .text h4{font-size: 16px;line-height: 22px;color: #fff; letter-spacing: 0;} .culture01 h4{font-size:16px;/*width:70%*/;margin:40px auto 0;text-align: justify; text-align-last: center;} /* culture02 */ .culturetwo03{width: 1200px;margin: auto;box-sizing: border-box;margin-top:120px;margin-bottom: 120px;} .culturetwo03 h4{font-size: 18px;color: #2a2a2a;line-height: 30px;text-align: justify;margin-bottom: 20px;} .culturetwo03 h3{font-size: 18px;color: #2a2a2a;font-weight: bold;margin-bottom: 20px;} .culturetwo03 .p{font-size: 18px;color: #2a2a2a;line-height: 40px;} .culturetwo03 .p font{color: #0036db;font-size: inherit;text-decoration: underline;} .prolist_img{width:100%;display:block; border-top: 6px solid #eee;} .prolist_img img{width:100%;display:block;} /*新闻详情*/ .newsinfowrap,.secretwarp{width: 100%;box-sizing: border-box;overflow: hidden;border-top: 1px solid #ddd;padding-top: 90px;} .newsinfowrap .new-tl,.secretwarp .t-tl{width: 900px;margin: auto;box-sizing: border-box;text-align: center;margin-bottom: 50px;} .newsinfowrap .new-tl h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;line-height:40px;} .newsinfowrap .new-tl p{font-size: 13px;color: #666666;} .newsinfowrap .newsinfo{width: 100%;box-sizing: border-box;/*border-top: 1px solid #ddd;*//*padding-top: 50px*/;} .newsinfowrap .newsinfo .cont{width: 900px;margin: auto;box-sizing: border-box;margin-bottom: 60px;} .newsinfowrap .newsinfo .cont p,.newsinfowrap .newsinfo .cont span{font-size: 15px;color: #666666;line-height: 28px; } .newsinfowrap .newsinfo .cont p strong{font-weight: bolder;color: #000} .newsinfowrap .newsinfo .cont p{margin-bottom: 20px;text-align: justify;} .newsinfowrap .newsinfo .cont h2{font-weight: bolder;color: #000;font-size: 18px;margin-bottom: 20px;} .newsinfowrap .newsinfo .cont h1{ font-weight: bolder; text-align: center;font-size: 20px;color: #000;line-height: 28px;margin-bottom: 30px;margin-top: 30px;} .newsinfowrap .newsinfo .cont img{display: block;width: 525px;margin: auto;max-width: 100%;height: auto;} .newsinfowrap .newsfy{width: 100%;box-sizing: border-box;background-color: #eeeeee;padding: 40px 0;} .newsinfowrap .newsfy .cont{width: 1100px;margin: auto;box-sizing: border-box;} .newsinfowrap .newsfy .cont .goback{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;margin-bottom: 40px;} .newsinfowrap .newsfy .cont .goback a{font-size: 18px;color: #222222;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;} .newsinfowrap .newsfy .cont .goback a i{color: inherit;font-size: 24px;margin-right: 10px;} .newsinfowrap .newsfy .cont .goback a:hover{color: #de7900;} .newsinfowrap .newsfy .cont .fg{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items;justify-content: space-between;-webkit-justify-content: space-between;font-size: 16px;color: #222222;white-space: nowrap;margin-bottom: 30px;} .newsinfowrap .newsfy .cont .fg:after{content: '';display: block;width: 100%;height: 1px;background-color: #ddd;margin-left: 10px;} .newsinfowrap .newsfy .cont .min{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;flex-flow: wrap;-webkit-flex-flow:wrap;} .newsinfowrap .newsfy .cont .min a{display: block;width: 50%;box-sizing: border-box;padding-right: 80px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 20px;} .newsinfowrap .newsfy .cont .min a:nth-of-type(2n){padding-right: 0;padding-left: 80PX;} .newsinfowrap .newsfy .cont .min a p{width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666;} .newsinfowrap .newsfy .cont .min a p i{width: 5%;font-size: inherit;color: inherit;} .newsinfowrap .newsfy .cont .min a font{display: block;width: 20%;text-align: right;} .newsinfowrap .newsfy .cont .min a p font{font-size: 14px;color: #666666;} .newsinfowrap .newsfy .cont .min a:hover p,.newsinfowrap .newsfy .cont .min a:hover font{color: #de7900;} /*隐私政策*/ .secretwarp .t-tl{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 90px;} .secretwarp .secret{width: 100%;box-sizing: border-box;} .secretwarp .secret .cont{width: 1100px;margin: auto;box-sizing: border-box;padding-top: 0px;margin-bottom: 130px;} .secretwarp .secret .cont p{font-size: 15px;color: #444444;line-height: 28px;margin-bottom: 40px;text-align: justify;} .secretwarp .secret .cont h3{display: block;width: 100%;box-sizing: border-box;padding-left: 15px;border-left: 2px solid #de7900;color: #de7900;font-size: 20px;font-weight: bold;margin-bottom: 20px;} @media only screen and (max-width: 1600px){ .index03warp .min .right .item .data{width: 20%;padding: 10px 0;} .index03warp .min .right .item .info{width: 80%;} .index03warp .min .right .item .info h3{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:7px;} .index03warp .min .left a .text .data{margin-bottom: 10px;} .index03warp .min .left a .text h4{margin-bottom: 5px;} .index03warp .min .left a .text h5{font-size: 12px; line-height: 15px;} .index03warp .min .right .item .data h3{font-size: 42px;} .title{font-size: 32px;} .duty02warp .duty02 li p {font-size: 15px;} #wrapper section #section-home #block-4 ul > li h3{font-size: 16px;line-height: 18px;} .index01warp .item .text h3{font-size: 24px;margin-bottom: 12px;} .bannerwarp .text h3{font-size: 44px;} .bannerwarp .text h4{font-size:30px;} .headerwarp .header .logo img{height: 51px;} .bannerwarp .text h3 {letter-spacing: 0;} .culturewarp .wishde li .text h4 {line-height: 18px;} .headerwarp .header .right .nav .item a{line-height: 70px;font-size: 12px;margin-right: 20px;;} .headerwarp .header .right .search a{font-size: 13px;} .index02warp .index02 .index02nav{padding: 0 200PX;} .index03warp .min .left a .text{padding-right: 25%;} .index03warp .min .right .item{padding: 10px 30px;} .bannerwarp .text .more{width: 160px;height: 40px; line-height: 40px; font-size: 16px;font-weight: normal;} .in-banner .mbx .left a {font-size: 14px;} .footerwarp .footer .nav li .list a{font-size:13px;line-height: 16px; } .index03warp .min .right .item .info h4{ font-size: 12px;color: #666666;line-height: 15px;} .headerwarp .header .right .nav .item .nav02 a{padding-right: 20px;font-size: 12px} .index03warp .min .right .item .data font{ font-size:14px; letter-spacing: 0; } .index01warp .item .text p{ margin-bottom: 12px;} .index01warp .item .text .more{ width: 120px;height: 30px;line-height: 30px;font-size: 15px; font-weight: bolder;} .bannerwarp{ height: auto; max-height: calc(100% - 70px);} .p-list01 .min .cont a .text h4{font-size: 12px} /* .headerwarp .header .right .nav .item .nav02{top: 70px;padding: 20px 5% 20px 40%;} */ .duty02warp .duty02 li img{max-width:100px;} .duty02warp .duty02 li{width:19.5%;} .duty02warp .duty02 li p{width: 75%;margin: 20px auto 0;line-height: 24px;min-height: 48px;} .customer01warp .customer01 .min a .text h3 {font-size: 15px;} .addabout02{} .headerwarp .header .right .nav .item:after{top:69px} .in-banner .mbx .right a{ font-size: 14px;margin-left: 20px;} } @media only screen and (max-width: 1440PX){ } .pc-1260{ display: none;} @media only screen and (max-width:1300px ) { .pc-1260{ display: block;position: fixed;width: 100%;height: 100%;background: #333;top: 0;left: 0;z-index: 9999;} .p-list01 .min .cont a .text h4{font-size: 12px} .p-list01 .min .cont a .text h3 {font-size: 18px;} .customer01warp .customer01 .min a .text h3 {font-size: 15px;} .p-list01 .min .cont a .text h3 {font-size: 18px;} .bannerwarp .text h3 {letter-spacing: 0;} .headerwarp .header .right .nav .item .nav02 a{padding-right: 20px} .pc-1260 p{ transform: translateY(-50%);-webkit-transform: translateY(-50%);position: absolute;color: #fff;top: 50%;left: 0;width: 100%;text-align: center;font-size: 14px;letter-spacing: 2px;} } @media only screen and (max-width:1366px ) { .pc-1260{ display: block;position: fixed;width: 100%;height: 100%;background: #333;top: 0;left: 0;z-index: 9999;} .p-list01 .min .cont a .text h4{font-size: 12px} .p-list01 .min .cont a .text h3 {font-size: 18px;} .bannerwarp .text h3 {letter-spacing: 0;} .customer01warp .customer01 .min a .text h3 {font-size: 15px;} .p-list01 .min .cont a .text h3 {font-size: 18px;} .culturewarp .wishde li .text h4 {line-height: 20px;} .pc-1260 p{ transform: translateY(-50%);-webkit-transform: translateY(-50%);position: absolute;color: #fff;top: 50%;left: 0;width: 100%;text-align: center;font-size: 14px;letter-spacing: 2px;} }