@font-face { font-family: Helvetica; src: url("./font/Helvetica.ttf"); } @font-face { font-family: Helvetica-Bold; src: url("./font/Helvetica-Bold.otf"); } @font-face { font-family: Helvetica-Light; src: url("./font/helvetica-light.otf"); } @font-face { font-family: Microsoft-YaHei; src: url("./font/Microsoft YaHei.ttf"); } @font-face { font-family: "Microsoft YaHei Bold"; src: url("./font/Microsoft-YaHei-bold.ttf"); } @font-face { font-family: Microsoft-YaHei-Light; src: url("./font/Microsoft-Yahei-Light.ttf"); } body,p,h5,h4,h3,h2,h1,ul,li{margin: 0; padding: 0; line-height: 1;} ul,li{ list-style: none;} /* body{font-size: 16px;color:#666;font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Tahome, Arial, "PingFang SC", "Heiti sc", "Microsoft Yahei", "Source Han Sans", sans-serif;} */ body{font-size: 16px;color:#666;font-family: "OPPOSans2_En_design-Regular", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, sans-serif} input, textarea{outline-style: none;} .media-textarea, .activity-textarea {height: 100px; resize: none; border:1px solid #eee;width: 780px; font-size: 14px; color:#666;padding: 10px;} .supplier-textarea {height: 100px; resize: none; border:1px solid #eee;width: 580px; font-size: 14px; color:#666;padding: 10px;} .contactForm ul input:focus, .form input.text:focus, textarea:focus{border: 2px solid #2288ee;} /*鍖呭惈浠ヤ笅鍥涚鐨勯摼鎺?/ a {color: black;text-decoration: none;} /*姝e父鐨勬湭琚闂繃鐨勯摼鎺?/ a:link {text-decoration: none;} /*宸茬粡璁块棶杩囩殑閾炬帴*/ a:visited {text-decoration: none;} /*榧犳爣鍒掕繃(鍋滅暀)鐨勯摼鎺?/ a:hover {text-decoration: none;} /* 姝e湪鐐瑰嚮鐨勯摼鎺?/ a:active {text-decoration: none;} .icon-hand{cursor: pointer;} .fr{float: right;} .fl{float: left;} .flex{ display: flex;align-items: center;} .flex-between{justify-content: space-between;} .flex-center{ justify-content: center;} .flex-left{ justify-content: flex-start;} .flex-right{ justify-content: flex-end;} .clearfix::after{display: block;clear: both;height: 0;content: ' ';} .clearfix{zoom: 1;} /* .fontGreenColor{background-image: -webkit-linear-gradient(left, #3eb799, #1ab4cb, #1ab4cb);-webkit-background-clip: text; -webkit-text-fill-color: transparent;} */ .fontGreenColor{color: #595757;} .w1200{ width: 1200px; margin: auto;} .w1000{ width: 1000px; margin: auto;} .head{ min-width: 1040px;height:77px;padding:0 125px 0 162px;position:fixed;top:0;left:0;right:0;z-index:10000; background-color: #FFF;box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 10%); } .head .logo img{width: 149px;height: 30px} .logo img.logo_en{width: 223px;height: auto} .head .logo>div{ margin: 0 0 0 23px; border-left: 1px solid #e5e5e5; height: 42px;padding-left: 20px;} .head .logo>div p:first-child{ margin-bottom: 10px;} .head .links{position: relative;align-items: center;height: 77px;} .head .links a{color: #585757; text-decoration: none;} .head .links .level1{display: flex;align-items: center;} .head .links .level1:hover{cursor: pointer;} .head .links .menuIcon{width: 16px;margin-left: 4px;font-size: 13px;color: #9FA0A0;fill: currentColor;} .links span a:hover{color: #0028aa;} .head .links span{position: relative;font-size: 16px;text-align: left;color: #585757;padding: 0 22px;line-height: 77px;text-decoration: none;/*text-align: center;*/} .head .links span.about ul{position: absolute;top: 0;right: 100px;background: #FFF;} .head .links span::before{content: "";position: absolute;left: 44%;bottom: 2px;width: auto;height: 2px;background: #0028AA;transform: translate(-50%);/*transition: all .36s;*/} .head .links span:nth-child(1):before, .head .links span:nth-child(5):before{left: 51%;} .head .links span.language>ul{width: 88px !important;} .links .language ul li:hover{color: #0028aa;} .links span.active > a {color: #0028AA} .links span.active::before{width: 52%;opacity: 1;} .links span.active .level1, .links span.active .current a{color: #0028aa} .head .links .subNav{ display: none;box-sizing: border-box;width: 100%;height: auto; position: fixed; top:76px; left: 0; right:0;background: #FFFFFF;box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, .04);overflow: hidden;z-index: 2; } .head .links .language .subNav, .head .links .about .subNav{height: 52px;} .head .links .subNav.show{display: inline-block !important;} .head .links .subNav.hide{display: none !important;} .head .links span ul li{display: inline-block;padding: 0 10px 0 26px;font-size: 14px;} .head .links span li a{color: #413F3F;} @keyframes mcslidedown {0% {height: 0;} 100% {height: 50px;}} .head.fixed .active .subNav{display: block;box-sizing: border-box;transition: all .36s;animation: mcslidedown .36s forwards;} /* .head .links .current::before{width: 50px;height: 2px;content: "";position: absolute;bottom: 0;background: #0028AA;transition: all .36s;} */ .head .subNav .current a::before, .head .subNav li a:hover::before, .head .language li:hover::before{width: 100%;height: 2px;content: "";position: absolute;bottom: 0;background: #0028AA;} .head .subNav li a{display: block;position: relative;padding: 18px 0;} .head .subNav li.english:hover::before{width: 50px !important;} .head .subNav li:hover::before, .head .links .current::before{width: 56px !important;} .head .links span:hover .level1, .head .links ul li a:hover{color: #0028aa;} .head .links span:hover>ul li, .language i:hover{display: inline-block;} .head .links span:hover .menuIcon{transform: rotate(-180deg);} .head .search { width: 240px;height: 62px;} .head .search .languageList{position:absolute;top:62px;left:0;right:0;height:0px; background-color:#fff;box-shadow: 0 0px 5px #eee inset; opacity: 0; transition: all 0s ease-out; z-index:-1000;} .head .search .languageList ul{ max-width: 1680px;justify-content:flex-end;align-items:center; display:flex; margin: auto;padding: 0 20px;} .head .search .languageList ul>li{line-height: 60px;margin:0 0 0 60px;font-size: 16px; display: none;} .head .search .languageList a{color: #666;text-decoration: none;} .head .search:hover .languageList{opacity: 1; transition: all .3s ease-out;height:60px;} .head .search:hover .languageList ul li{ display: inline-block;} .head .links .btn{position: relative;width: auto;height: 100%;display: flex;align-items: center;padding: 0 15px;} .head .links .btn i{display: inline-block;width: 22px; height: 22px;background-repeat: no-repeat;background-size: 22px 22px;cursor: pointer;} .head .links .language ul{position: absolute;top: 2px;right: 110px;background: #FFF;} .head .links .language ul li{padding: 18px 15px 18px 0;} .head .links .language li, .head .links .english li{cursor: pointer;} .head .language:hover::before{width: 100%;left: 50%;} .head .language i.type.en{background-image: url(../images/v4.6/icon/language.png)} .head .searchTop{margin-left: 10px;padding-right: 0 !important;padding-left: 0 !important;} .head .searchTop i{background-image: url(../images/v4.6/icon/search.png)} .head .search .xiala{transition: all .3s ease-out;} .head .search:hover .xiala{transform: translateY(1px) rotate(180deg);transition: all .3s ease-out;} .swiper-container {position: relative;width: 100%;} .swiper-slide .pic1 p{opacity: 0; transform: translatey(30%); transition: all .1s ease-out;} .swiper-slide.swiper-slide-active .pic1 p { opacity: 1; transform: none; } .swiper-slide.swiper-slide-active .pic1 p:nth-child(1) { transition: all .7s ease-out .1s; } .swiper-slide.swiper-slide-active .pic1 p:nth-child(2) { transition: all .7s ease-out .3s; } .swiper-slide .pic2 p{opacity: 0; transform:translatey(30%); transition: all .1s ease-out;} .swiper-slide.swiper-slide-active .pic2 p { opacity: 1; transform: none; } .swiper-slide.swiper-slide-active .pic2 p:nth-child(1) { transition: all .7s ease-out .1s; } .swiper-slide.swiper-slide-active .pic2 p:nth-child(2) { transition: all .7s ease-out .3s; } .home .swiper-slide.swiper-slide-active > img{transform: scale(1.2); -webkit-transform: scale(1.2);transform: scale(1.2);} .swiper-slide.swiper-slide-active{ z-index: 1;} /* v4.0 index */ .videoAnimate{position: relative;background: #FBFBFB;} .videoAnimate .warpper{ position: relative;top: 67px; /* width: 100%;height: 747px; */ } .videoAnimate .warpper, .videoAnimate .homeNews{ max-width: 1920px; /* min-height: 100vh; */ margin: 0 auto; background: #FBFBFB; overflow: hidden; } .videoAnimate .warpper .main{position: relative;} .videoAnimate .main img{ /* width: 100%; position: absolute; top: 0; left: 0; z-index: 1; */ max-width: 100%; /* object-fit: contain; */ vertical-align: middle; } .videoAnimate .main .homeVideo{ width: 100%; height: 100%; display: inline-block; vertical-align: baseline; position: absolute; top: 0; left: 0; z-index: 6; } /* .videoAnimate .pointsMap{} */ .videoAnimate ul.pointsMap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 66;list-style: none;} .videoAnimate ul.pointsMap li{position: absolute;z-index: 7;} .videoAnimate .pointsMap .dot{position: relative;display: inline-block;width: 17px;height: 17px;background: url(../images/v4/icon/dot.png) no-repeat;background-size: 17px 17px;border: 5px solid #79e08b;border-radius: 50%;} .videoAnimate .pointsMap .dot::before{animation: dotAnimation 3s .75s infinite;} .videoAnimate .pointsMap .dot::before{ content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 25px; height: 25px; border-radius: 50%; background: rgba(0, 30, 180, 0.2); } .videoAnimate .pointsMap .dot::after{animation: dotAnimation 3s infinite;} .videoAnimate .pointsMap .dot::after{ content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 25px; height: 25px; border-radius: 50%; background: rgba(0, 30, 180, 0.2); } @keyframes dotAnimation { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0 } 20% { opacity: 1 } 75% { transform: translate(-50%, -50%) scale(2); opacity: 0 } 100% { opacity: 0 } } .videoAnimate .pointsMap .info{ display: flex; align-items: center; position: absolute; /* height: 100%; */ height: 30px; left: 36px; top: 50%; z-index: 1; transform: translateY(-50%); white-space: nowrap; font-size: 14px; padding: 0 23px; line-height: 1 !important; /* pointer-events: none; */ cursor: pointer; } .videoAnimate .pointsMap .info::before{ content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 0; height: 100%; background: rgba(0, 30, 180, .77); border-radius: 30px; } ul.pointsMap li:hover .info::before{ width: 100%; transition: all .4s cubic-bezier(.34, .44, .41, 1.12); } .videoAnimate .pointsMap .info span{opacity: 0;} .videoAnimate .pointsMap .info .text{ color: #fff; /* font-size: 14px; */ margin-bottom: 2px; font-weight: 400; margin-right: 15px; font-family: Microsoft-YaHei; } .videoAnimate .pointsMap .info .dotArrow{width: 8px;height: 13px;background: url(../images/v4/icon/dot_arrow.png) no-repeat;background-size: 8px 13px;} ul.pointsMap li:hover .info span{opacity: 1;transition: all .36s .25s; } .homeNews .top{height: 30px;padding: 0 135px 26px;} .homeNews .top h3{font-size: 29px;font-family: Microsoft-YaHei;font-weight: bold;color: #1C1C1E;} .homeNews .topNews{padding: 60px 135px 0;} .homeNews .topNews .readmore{display: block;padding: 45px 0;} .homeNews .topNews .more{display: flex;align-items: center;justify-content: flex-end;font-size: 18px;font-family: Microsoft-YaHei;font-weight: 500;color: #757575;cursor: pointer;} .homeNews .topNews .more:hover{color: #0028AA;} .homeNews .topNews .more::after{content: '';display: inline-block;width: 38px;height: 24px;padding: 0 0 0 10px;background: url(../images/v4/icon/more.png) center center no-repeat;background-size: 38px 24px;} .homeNews .content{width: 100%;margin: 0 auto;background-color: #f3f3f4;} .homeNews .content .list{width: 100%;height: auto;box-sizing: border-box;display: flex;flex-direction: row;margin: 0 auto;} .topNews .xinwen{width: 33.33%;box-sizing: border-box;} .topNews .xinwen:nth-child(2){margin: 0 37px;} .topNews .xinwen .item{width:100%;display: flex;flex-direction: column;background: transparent;padding-bottom: 0.38rem;background-color: #fff;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1000);overflow: hidden;} .topNews .xinwen .xinwen_t {min-height: 58px;padding: 35px 23px 0;} .topNews .xinwen .xinwen_t a{line-height: 29px;color: #1C1C1E;font-size: 18px;font-family: Microsoft-YaHei, sans-serif;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .topNews .xinwen .xinwen_b {display: flex;justify-content: space-between;align-items: center;padding: 30px 23px 8px;font-size: 12px;font-family: Microsoft-YaHei;font-weight: bold;color: #757575;} .topNews .xinwen .linkTo img{display: inline-block;width: 8px;height: 18px;} .topNews .xinwen .newImg{position: relative;} .topNews .xinwen .newImg::after{content: '';display: inline-block; width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;top: 0;left: 0;z-index: 66;transition: background 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;} .topNews .xinwen img{width:100%;} .topNews .xinwen .item:hover .newImg::after{background: rgba(0, 0, 0, 0.03)} .topNews .xinwen .item:hover .newImg img{transform: scale(1.03);opacity: 1;transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms,opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;} .topNews .xinwen .xinwen_b .times{font-family: Microsoft-YaHei;} .topNews .xinwen .times span{float: left;font-size: 12px;font-family: Microsoft-YaHei;font-weight: bold;color: #757575;line-height: 25px;padding-right: 3px;} .pageBanner{ background-position: center top;background-repeat: no-repeat; height: 520px;} .pageBanner.bg1{background-image: url(../images/v5/banner/bg_chanpinyingyong.jpg);} .pageBanner.bg2{background-image: url(../images/v5/banner/bg_corporateculture.jpg);} .pageBanner.bg3{background-image: url(../images/v5/banner/bg_joinus.jpg);} .pageBanner.bg4{background-image: url(../images/v5/banner/bg_contactus.jpg);} .pageBanner.bg6{background-image: url(../images/p6/bg_xinwenzhongxin.png);} .pageBanner>div{flex-direction: column;height: 520px;} .pageBanner p{font-weight:bold;font-size:36px; text-align:center;color:#fff; margin-bottom: 24px;letter-spacing: 20px;} .pageBanner.bg1 p{letter-spacing: 0;} .bannerLine span{width: 70px; height: 6px;background-color: #fff;} .bannerLine span:nth-child(1){background-color: #05CEA7;} .bgBanner{background-position: center top;background-repeat: no-repeat; width: 100%; background-size: cover;} .bgBanner p {opacity: 1; transform: none;} .bgBanner p{font-weight: 400;font-size:51pt; text-align:center;color:#fff;letter-spacing: 10px;font-family: Microsoft-YaHei;} .bgBanner.intro1{height: 699px; margin-top: 77px; background-image: url(../images/v4.6/bg/intro_01.jpg);} .bgBanner.intro2{position: relative; margin-top: 77px; height: 512px ;background-image: url(../images/v4/bg/introduction_02.jpg);} .bgBanner.culture1{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4/bg/culture_01.jpg);} .bgBanner.culture2{position: relative; height: auto;background-image: url(../images/v4/bg/culture_02.jpg);} .bgBanner.culture3{position: relative; height: 536px ;background-image: url(../images/v4/bg/culture_03.jpg);background-position-x: right;} .bgBanner.solutions1{position: relative;display: flex; justify-content: center;align-items: center; height: 699px;margin-top: 77px; background-image: url(../images/v4.6/bg/passenger_vehicles.jpg);} .bgBanner.solutions2{position: relative;display: flex; justify-content: center;align-items: center; height: 699px;margin-top: 77px; background-image: url(../images/v4.6/bg/bussiness_application.jpg);} .bgBanner.solutions3{position: relative;display: flex; justify-content: center;align-items: center; height: 699px;margin-top: 77px; background-image: url(../images/v4/bg/solutions2.jpg);} .bgBanner.contact{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4/bg/contact.jpg);} .bgBanner.join{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4/bg/join.jpg);} .bgBanner.news{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4.6/bg/news.jpg);} .bgBanner.news p{line-height: 90px;} .bgBanner.serviceSupport{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4.6/bg/service_01.png);} .bgBanner.serviceInfo{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4.6/bg/service_02.jpg);} .bgBanner.products{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v6/bg/introduce.jpg);} /* .bgBanner.power{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v3/bg/power.jpg);} */ .bgBanner.productsEnergy{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4/bg/product_energy.jpg);} .bgBanner.power{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4/bg/power.jpg);} .bgBanner.development1{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4.6/bg/devlopment_01.jpg);} .bgBanner.development2{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4.6/bg/devlopment_02.jpg);} .bgBanner.development3{position: relative; height: 699px;margin-top: 77px; background-image: url(../images/v4.6/bg/devlopment_03.jpg);} .bannerPolicy{display: flex; margin-top: 77px;align-items: center ;height: 350px;background-color: #0028AA;} .bannerPolicy .cont{ display: flex; align-items: center;width: 1190px; margin: 0 auto; } .bannerPolicy .cont img{ width: 27px; height: 37px;} .bannerPolicy span{padding: 0 0 0 40px;font-size: 40px; font-family: Arial;font-weight: 400; color: #FFFFFF;line-height: 50px;} .policyWapper{background: #FBFBFB;} .policyWapper .policyContent{overflow-y: auto; max-width:1200px; margin: auto;} .pheader h1{ font-size: 32px; font-weight: normal; color: #595757; letter-spacing: 2px; text-align: center;} .pheader h5{ font-size:14px;margin:12px auto 18px auto;display:inline-block; font-weight:normal;} .pheader h5 span{display:inline-block; padding-top: 10px ;font-size: 17px; color: #595757; line-height: 30px; margin: 0;} .cont .pheader{padding: 100px 0;text-align: left;} .subHeader{width: 1050px;margin: 0 auto; padding: 80px 0 39px;font-family: Arial;font-weight: 400;color: #595757;text-align: center;} .subHeader h2{font-family: "Microsoft YaHei Bold";font-size: 32px;color: #1C1C1E;} .subHeader p{padding: 20px 0 0 0;font-family: Microsoft-YaHei;font-size: 16px;color: #595757;line-height: 25px;} /* .subTitle .pHead{height: 270px;} */ .subTitle .pHead h1{font-family: "Microsoft YaHei Bold";font-size: 32px; font-weight: normal; color: #1C1C1E; letter-spacing: 2px;} .subTitle .pHead span{padding-top: 10px; font-size: 16px; color: #595757; line-height: 30px;} .introduction .pheader span{font-size: 16px;} .subTitle.introduction1 .pHead h5{padding: 0;} .subTitle.introduction1 .pHead span{display: inline-block;margin: 0; padding-left: 0; padding-right: 0; text-align: left;} .subTitle.introduction1 .pHead span em{display: inline-block;padding-bottom: 30px;font-family: Microsoft-YaHei; font-weight: normal;color: #1C1C1E;font-style: normal;} .subTitle.introduction1 .pHead span em:first-child{padding-top: 22px;} .subTitle.introduction1 .pHead span em:nth-child(3){padding: 0;} .subTitle.social .pHead span em{padding-bottom: 0;text-indent: 30px;} .subTitle.social .pHead span{width: 100%;box-sizing: border-box;} .subTitle.social .paragraph2 span em:first-child{padding-bottom: 5px;} .subTitle.social .subp{text-indent: 30px;} .subTitle.social .ph{margin-bottom: 30px;} .subTitle.social .paragraph9 h1{padding-top: 30px;} .subTitle.social .pHead span em:nth-child(3){padding-bottom: 30px;} .introVideo{position: relative;;max-width: 2560px;width: 100%;margin: 0 auto;} .introVideo img{width: 100%;display: block;} .introVideo .info{width: 100%;position: absolute;left: 50%;top: 32%;transform: translate(-50%,-32%);z-index: 9;text-align: center;} .introVideo .info p{font-family: Microsoft-YaHei;color: #FAFAFA;font-weight: 400;} .introVideo .info .title{font-size: 62px;} .introVideo .info .text{display: inline-block;font-size: 16px;cursor: pointer;} .introVideo .info .iconplay{width: 60px;height: 60px;margin:45px auto 25px auto;background: url(../images/v4.6/icon/icon_play.png) no-repeat;background-size: 60px 60px;cursor: pointer;} .introVideos{ display: none; /* border: 1px solid #080808; */ position: fixed; left: 0; top: 0; /* margin-left: -320px; */ /* margin-top: -210px; */ z-index: 9999; width: 100%; height: 100%; background: black; text-align: center; } .introVideos .close { position: absolute; right: 6%; top: 5%; /* border-radius: 100%; */ cursor: pointer; } .bgBanner.intro2 .achievement{ position: absolute; transform: translate(-50%, -50%); top: -80px; left: 50%; width: 620px; height: 196px; margin: 0 auto; z-index: 99; background: #fff; box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; } .serviceNetwork{position: relative;z-index: 66;} .serviceNetwork .scenesOne{padding-bottom: 90px;background-color: #fff;} .serviceNetwork .pHead{height: auto;} .serviceNetwork .pHead h5, .serviceNetwork .pHead h5 span{padding: 0;} .serviceNetwork .scenesOne .pHead span{margin: 0;/*font-family: Microsoft-YaHei;font-weight: 400;*/} .serviceNetwork .scenesOne .pHead h5{text-align: left;} .serviceNetwork .scenesOne .maps{max-width: 1200px; margin: 0 auto;display: flex; justify-content: space-between;} .serviceNetwork .scenesOne .maps img{width: 794px; height: 592px;} .scenesOne .maps .mapInfo{margin: 160px 0 0 0;} .scenesOne .maps .mapInfo .expert, .scenesOne .maps .mapInfo .h4{border: 2px solid #0028AA;border-top: none; border-bottom: none;} .scenesOne .maps .mapInfo span{font-size: 18px; color: #595757; font-weight: 400;} .scenesOne .maps .mapInfo span.name, .maps .mapInfo .r2 .mutiple{padding: 16px 0 0 0;} .mapInfo .r2 .mutiple span{display: block; line-height: 24px;} .scenesOne .maps .mapInfo span.num{font-size: 38px; color: #0028AA;font-weight: bold;font-family: "Tahoma", sans-serif} .scenesOne .maps .mapInfo .r1,.scenesOne .maps .mapInfo .r2{display: flex; justify-content: space-between;} .scenesOne .maps .mapInfo .r2{margin: 52px 0 0 0;} .maps .mapInfo .count{display: flex; flex-direction: column; align-items: center;width: 160px;} .serviceNetwork .store{display: inline-block;width: 100%;height: auto;min-height: 617px;padding: 0 0 30px 0;background-color: #F5F5F7;} .serviceNetwork .store h2{width: 100%;padding: 96px 0 46px;font-family: "Microsoft YaHei Bold";font-size: 32px;font-weight: normal;color: #1C1C1E;text-align: center;} .serviceNetwork .store .content{width: 1061px;margin: 0 auto;} .serviceNetwork .store .container{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} .serviceNetwork .store .containe::before{display: block;content: " ";} .serviceNetwork .store .containe::after{display: block;clear: both;height: 0;content: ' ';} .serviceNetwork .container .item:first-child{padding-left: 0;} .serviceNetwork .container .item:last-child{padding-right: 0;} .serviceNetwork .container .item{float: left;width: 196px;height: 46px;padding: 0 15px;} .serviceNetwork .item .warpper{position: relative;} .serviceNetwork .store .select{ background: #F3F3F4; width: 196px; height: 46px; font-family: Microsoft YaHei; font-size: 18px; color: white; border: 1px solid #C9CACA; /* border-radius: 4px; */ box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 10%); } .select_head{ position: relative; width: 196px; height: 44px; box-sizing: border-box; padding: 0 10px; line-height: 44px; overflow: hidden; } .select_head .selected{ float: left; font-size: 15px; color: #595757; font-weight: 400; font-family: Microsoft YaHei; } .select_head .select_icon{ width: 25px; position: absolute; right: 15px; top: 6px; transition: all .36s; } .select_head.active .select_icon{transform: rotate(180deg);} .select .select_option{ display: none; box-sizing: border-box; width: 100%; height: 360px; /* width: 249px; */ padding: 14px 0; background: #FFF; border: 1px #cfcfcf solid; overflow-y: scroll; } .select_option .option_item{padding: 5px 16px;line-height: 22px;font-size: 14px;color: #585757;font-family: Microsoft YaHei;font-weight: 400;} .select_option .option_item:hover{ /* opacity: 0.1; */ color: #585757; background: #e7ecfd; /* background: #F2F5FF; */ } .serviceNetwork .store .areaList{float: left;width: 100%;margin-top: 59px;} .serviceNetwork .store .areaList::after{clear: both;content: '';display: block;height: 0;} .serviceNetwork .areaList .nothing{padding: 0 0 0 20px;font-size: 15px;font-family: Microsoft-YaHei;font-weight: 400;color: #595757;} .serviceNetwork .areaList .shop{ float: left; /* width: 270px; */ padding: 0 15px 70px; width: 22%; height: 238px; } .serviceNetwork .shop .name{margin-bottom: 34px;line-height: 30px;font-size: 18px;font-weight: bold;} .serviceNetwork .shop .warpper{ height: 180px;padding: 29px 18px;font-family: Microsoft-YaHei;color: #1C1C1E;background: #FFFFFF;box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.1);border-radius: 4px;overflow: hidden; } .serviceNetwork .shop .address{line-height: 24px;font-size: 15px;font-weight: 400;} .serviceNetwork .store .search{position: relative;margin: 0 0 0 14px;} .serviceNetwork .search .ipt{ width: 362px; /* width: 322px; */ height: 46px; box-sizing: border-box; padding: 10px 15px 10px 45px; outline: none; border: 1px solid #C9CACA; background: #F5F5F7; /* border-radius: 4px; */ font-size: 15px;font-family: Microsoft-YaHei;font-weight: 400;color: #585757; } .serviceNetwork .search .icon{width: 29px;position: absolute;left: 10px;top: 1px;} .serviceNetwork .scenesTwo{width: 100%; height: 712px;padding: 134px 0 134px;} .serviceNetwork .scenesTwo .flow{width: 1001px;height: 702px;margin: auto;background-size: 1001px 702px;background-image: url(../images/v4.6/bg/service_center.png)} .serviceNetwork .scennesThird{background-color: #F3F3F4;} .scennesThird .contact{width: 1106px;margin: 0 auto;padding: 0 0 160px;} .scennesThird .contact .h24{width: 100%;height: 263px;display: flex; justify-content: center;align-items: center;background: #FFFFFF;} .scennesThird .contact .h24 img{width: 139px;height: 109px;} .scennesThird .contact .right{display: flex;flex-direction: column;justify-content: center;} .scennesThird .contact .right .text{font-size: 24px;color: #0028AA;} .scennesThird .contact .right .title{font-size: 32px;color: #0028AA;} .scennesThird .contact .h24 .title{font-size: 65px;font-weight: bold; font-family: Tahoma, sans-serif;} .contact .h24 .title a{color: #0028AA;font-size: 71px;font-weight: bold; font-family: Tahoma, sans-serif;} .scennesThird .contact .email img{width: 115px;height: 90px;} .scennesThird .contact .more img{width: 107px;height: 121px;} .scennesThird .contact .phone, .scennesThird .contact .cont{box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);} .scennesThird .contact .cont{display: flex;justify-content: center; align-items: center;} .scennesThird .contact .bottom{width: 100%; height: auto;display: flex;justify-content: space-between;align-items: center; margin: 51px 0 0 0;} .scennesThird .contact .cont{height: 263px;} .scennesThird .contact .email{width: 47.5%;background: #FFFFFF;} .scennesThird .contact .more{width: 47.5%;background: #FFFFFF;} .scennesThird .contact .h24 .text, .scennesThird .contact .email .text, .scennesThird .contact .more .text{padding: 18px 0 0 0;color: #595757;text-align: center;} .scennesThird .contact .h24 .right{margin-left: 23px;} .scennesThird .contact .email .right{margin-left: 27px;} .scennesThird .contact .more .right{margin-left: 44px;} .serviceInfo .title{position: relative;background: #FFF;} .serviceInfo .title .pHead{height: auto;padding: 80px 0 98px;} .serviceInfo .title::after{content: '';position: absolute;bottom: -39px;left: 50%; transform: translateX(-50%);width: 0;height: 0;border-top: 39px solid #FFF; border-right: 23px solid transparent;border-left: 23px solid transparent;} .serviceInfo{width: 100%;} .serviceInfo .qualification{width: 100%;height: 675px;background: #F5F5F7;text-align: center;position: relative;z-index: 66;} .serviceInfo .h3{display: block;padding: 109px 0 30px;font-family: "Microsoft YaHei Bold";font-size: 32px;color: #1C1C1E;width: 100%;text-align: center;letter-spacing: 2px;} .serviceInfo .warpper{width: 1223px;height: 360px;display: flex;justify-content: space-around;align-items: center;margin: 0 auto;background: #FFFFFF;box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);} .serviceInfo .warpper .item h3{font-size: 50px;font-weight: bold;color: #0028AA;font-family: Helvetica-Bold, sans-serif;} .serviceInfo .warpper .item span{font-size: 18px;font-weight: 400;color: #595757;padding: 19px 0 0 0;} .serviceInfo .warpper .item{display: flex;flex-direction: column;align-items: center;} .serviceInfo .warpper .necas img{width: 185px;height: 30px;padding: 41px 0 0 0;} .serviceInfo .warpper .cteas img{width: 262px;height: 30px;padding: 41px 0 0 0;} .serviceInfo .allservice{position: relative;width: 1151px;height: 1010px;transform: translateX(-50%);position: relative;left: 50%;text-align: center;background: url(../images/v3/battery.png) center center no-repeat;background-size: 887px 792px;} .serviceInfo .allservice::before{content: '';position: absolute;top: 0;left: 48%;width: 0;height: 0;border-top: 39px solid #F5F5F7; border-right: 23px solid transparent;border-left: 23px solid transparent;} .serviceInfo .allservice h3{position: absolute;left: 50%;top: 192px;transform: translateX(-50%);font-family: "Microsoft YaHei Bold";font-size: 32px;color: #1C1C1E;letter-spacing: 2px;} .serviceInfo .allservice .item{position: absolute;/*width: 360px*/;display: flex;justify-content: flex-start;align-items: center;} .allservice .frist .text, .allservice .first .text{padding: 0 0 0 29px;text-align: left;} .allservice .frist .text, .allservice .second .text{padding: 0 0 0 30px;text-align: left;} .allservice .third .text, .allservice .fourth .text{padding: 0 29px 0 0;text-align: right;} .allservice .item .text span{display: block;font-size: 22px;font-weight: 300;color: #595757;line-height: 38px;} .serviceInfo .allservice .item span{font-size: 22px;font-weight: 400;color: #595757;line-height: 38px;} .serviceInfo .allservice .first{left: 48px;top: 362px;} .serviceInfo .allservice .second{left: 50px;top: 563px;} .serviceInfo .allservice .third{left: 777px;top: 362px;} .serviceInfo .allservice .fourth{left: 797px;top: 566px;} .serviceInfo .allservice img.afterSales{width: 53px;height: 57px;} .serviceInfo .allservice img.location{width: 49px;height: 59px;} .serviceInfo .allservice img.tools{width: 50px;height: 50px;} .serviceInfo .allservice img.auth{width: 53px;height: 52px;} /* .rd{} */ .rd .section{width: 100%;position: relative;z-index: 66;} .rd .section.section1, .rd .section.section3{background: #FFF;} .rd .section.section2{background: #FAFAFA;;} .rd .section2{padding-bottom: 100px;} .rd .scence{max-width: 1220px;margin: 0 auto;} .rd .scence h2{width: 100%;padding: 80px 0 35px;font-family: "Microsoft YaHei Bold";font-size: 32px;font-weight: normal;color: #1C1C1E;text-align: center;} .rd .picBg{width: 100%;} .rd .section1 .picBg{padding-bottom: 120px;} /* .rd .picBg .list::before{display: table;content: '';} */ .rd .picBg .list::after{display: block;clear: both;height: 0;;content: '';} .rd .picBg .list{white-space: nowrap;overflow: hidden;} .rd .picBg .list .content{position: absolute;top: 32%;left: 50%;transform: translateX(-50%);} .rd .picBg .box{position: relative;/* display: inline-block; */float: left;;width: 33.333333%;height: 503px;text-align: center;} .rd .picBg .box img{display: inline-block;} .rd .picBg .box1{background: url("../images/v4.6/bg/techlonogy_01.jpg") no-repeat center / cover;} .rd .picBg .box2{background: url("../images/v4.6/bg/techlonogy_02.jpg") no-repeat center / cover;} .rd .picBg .box3{background: url("../images/v4.6/bg/techlonogy_03.jpg") no-repeat center / cover;} .rd .picBg .box1 img{width: 60px;height: 47px;} .rd .picBg .box2 img{width: 43px;height: 43px;} .rd .picBg .box3 img{width: 51px;height: 47px;} .rd .section3 .picBg .box{height: 435px;} .rd .section3 .picBg .title{display: flex;align-items: center;justify-content: center;color: #FFF;font-family: "Microsoft YaHei Bold";} .rd .section3 .picBg .title span{padding-left: 10px;font-size: 22px;font-style: normal;} .rd .section3 .picBg .list{display: flex;justify-content: space-between;white-space: normal;} .rd .section3 .list .content{width: 100%;} .rd .section3 .picBg{padding: 25px 0 105px;} /* .rd .section3 .picBg .box{width: 32.1%;} */ .rd .section3 .picBg .text span{padding: 30px 55px 0;font-size: 15px;font-weight: 400;line-height: 28px;font-family: Microsoft-YaHei;} .rd .section3 .picBg .list .box:nth-child(2){margin: 0 18px;} .rd .section3 .picBg .box1{background: url("../images/v4.6/bg/management_01.jpg") no-repeat center / cover;} .rd .section3 .picBg .box2{background: url("../images/v4.6/bg/management_02.jpg") no-repeat center / cover;} .rd .section3 .picBg .box3{background: url("../images/v4.6/bg/management_03.jpg") no-repeat center / cover;} .rd .section3 .picBg .box1 img{width: 31px;height: 37px;} .rd .section3 .picBg .box2 img{width: 36px;height: 33px;} .rd .section3 .picBg .box3 img{width: 36px;height: 36px;} .rd .picBg .text{font-family: "Microsoft YaHei Bold";color: #FFF;} .rd .picBg .text i, .rd .picBg .text span{display: block;} .rd .picBg .text i{padding: 40px 0 15px;font-size: 21px;font-style: normal;} .rd .picBg .text span{font-size: 30px;line-height: 38px;} .rd .picBox img{width: 100%;} .rd .subTitle{width: 100%;text-align: center;font-family: Microsoft-YaHei;color: #595757;} .rd.manufacturing .subTitle{margin-bottom: 75px;text-align: left;} .rd .subTitle h2{font-size: 32px;font-weight: bold;} .rd .subTitle p{line-height: 28px;font-size: 16px;font-weight: 400;} .managerment .section2 .subTitle p{text-align: left !important;} .rd .scence .techlonogyFlow{width: 100%;margin: 91px auto 108px;text-align: center;} .rd .scence .techlonogyFlow img{width: 668px;} .rd .swiperFlx{margin: 10px 0 0;} .rd .swiperFlx .picBox{width: 100%;overflow: hidden;} .rd .swiperFlx .picBox li{float: left;display: none;overflow: hidden;} .rd .swiperFlx .picBox img{width: 100%;} .rd .swiperFlx .picBox .active-li{display: block;} .rd .swiperFlx .tabBox{overflow: hidden;} .rd .swiperFlx .tabBox .box{display: flex;justify-content: space-between;} .rd .swiperFlx .tabBox li{position: relative;width: 50%;padding: 32px 50px 52px;background: #F1F3F5;text-align: center} .rd .swiperFlx .tabBox a{font-family: Microsoft-YaHei;} .rd .swiperFlx .tabBox .active-tab{background: #FFF;} .rd .swiperFlx .tabBox .active-tab::after{content: ' ';width: 100%;height: 4px;background-color: #0028AA;position: absolute;left: 0;bottom: 0;} .rd .swiperFlx .tabBox .label{display: inline-block;font-size: 21px;line-height: 21px;color: #1C1C1E;margin-bottom: 15px;} .rd .swiperFlx .tabBox .desc{font-size: 14px;line-height: 25px;color: #595757;text-align: left;} .technology .section3 .patents{display: flex;justify-content: center;align-items: flex-end;padding: 40px 0 100px;} /* .rd.technology .scence3 .patents .one{} */ .technology .section3 .scence{position: relative;} .technology .section3 .patents span{font-family: Microsoft-YaHei;font-size: 21px;font-weight: 400;color: #595757;} .technology .section3 .patents .line{width: 1px;height: 55px;margin: 0 32px;background: #0028AA;} .technology .section3 .patents em{padding: 0 10px;font-family: Helvetica-Bold;font-size: 51px;color: #0028AA;font-style: normal;} .technology .section3 .tips{position: absolute;right: 10px;bottom: 30px;text-align: right;} .technology .section3 .tips span{font-size: 12px;font-family: SourceHanSansCN;color: #9FA0A0;} .manufacturing .swiperFlx .tabBox li{width: 33.33%;} .manufacturing .swiperFlx .tabBox .label{position: relative;} .manufacturing .swiperFlx .tabBox .label::before{content: ' ';position: absolute;left: -44px;top: 0;background-repeat: no-repeat;} .manufacturing .swiperFlx .tabBox li:nth-child(1) .label::before{width: 26px; height: 24px; display: inline-block;background-image: url('../images/v4.6/icon/manufacturing_01.webp');background-size: 26px 24px;} .manufacturing .swiperFlx .tabBox li:nth-child(2) .label::before{width: 26px; height: 26px; display: inline-block;background-image: url('../images/v4.6/icon/manufacturing_02.webp');background-size: 26px 26px;} .manufacturing .swiperFlx .tabBox li:nth-child(3) .label::before{width: 33px; height: 29px; display: inline-block;background-image: url('../images/v4.6/icon/manufacturing_03.webp');background-size: 33px 29px;} .rd .managerment .intro{position: relative;width: 100%;height: 435px;background: url("../images/v4.6/bg/scence3.jpg") center center no-repeat;background-size: cover;} .rd .managerment .intro p{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;line-height: 32px;font-family: Microsoft-YaHei;font-size: 18px;font-weight: 400;color: #FFF;text-align: center;} .rd .managerment .section1{padding: 0 0 95px;} .managerment .section2 .brands{position: relative;width: 100%;height: 281px;margin: 45px auto 0;background: #FFF;box-shadow: 0px 4px 15px 2px rgba(0,0,0,0.1);} .managerment .section2 .brands img{position: absolute;;width: 947px;top: 50%;left: 50%;transform: translate(-50%, -50%);} .rd .player{width: 900px;margin: 0 auto;padding: 60px 0 99px;} .rd .player video{width: 100%;} .rd.manufacturing .player{padding-top: 0;} .achievement .warp .count span{font-size: 38px;} .area{ width: 100%; padding: 60px 0 0 0; background: #eaf5f1; } .area .aferSale{ width: 1200px; margin: 0 auto; } .area .aferSale span{ font-size: 15px; line-height: 26px; color: #595757; } .area .itemWarp{ display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; padding: 32px 0 65px; } .area .itemWarp .itemList.fix{width: 285px;} .area .itemWarp .itemList { width: 285px; height: 60px; display: flex; align-items: center; background-color: #fbfbfb; box-shadow: 8px 6px 10px 0px rgba(0, 107, 72, 0.1); border-radius: 5px; } .itemWarp .itemList .location{ width: 21px; height: 27px;} .itemWarp .itemList .areaAll{ width: 23.5px; height: 27.5px;} .itemWarp .itemList .sparePart{ width: 29.5px; height: 26px;} .itemWarp .itemList .min3{ width: 29.5px; height: 29.5px;} .itemWarp .itemList .fix{ width: 28px; height: 28px;} .itemWarp .itemList img{ padding-left: 30px;} .itemWarp .r1 .itemList img{ padding-left: 40px;} .itemWarp .itemList span{ padding-left: 18px; font-size: 18px; font-family: Helvetica-Light; font-weight: 400; color: #595757; } .itemWarp .r1{ width: 1200px; display: flex; margin: 0 auto; justify-content: space-between; } .itemWarp .r2{ width: 589px; margin: 0 auto; display: flex; justify-content: space-between; padding: 26px 0 0 0; } .modal{ position:fixed; top: 0; left: 0;bottom:0; right:0; z-index: 1; background-color:rgba(0,0,0,0.4);} .form{ width: 513px; height: auto; background-color: #fff;font-size: 15px; position: relative;border-radius: 5px;} .policy .form{height: 700px; width: 50%;border-radius: 5px;} .policy .form .warp{height: 630px;overflow-y: scroll;} .form h5{ height: 70px;padding:0 26px;font-size:16px;font-weight:normal;border-bottom:1px solid #C9CACA;} .form span{ width: 100%; text-align: center; font-size: 22px;font-family: Microsoft-YaHei,Microsoft Yahei;font-weight: 400;color: #595757;line-height: 26px;} .form .fileName .name{font-style: normal;} .form span.modalTitle{font-family: Microsoft-YaHei;font-size: 22px;font-weight: 500;color: #595757;line-height: 25px;} .form ul{padding:30px 80px 0;} .apply form span{font-size: 16px;} .apply form ul{padding: 30px 0 0 20px;text-align: center;} .apply form ul li{display: flex;align-items: center;} .apply form .name{width: 100px;padding-top: 1px;text-align: right;} .apply form .uploadInfo{display: flex;align-items: center;} .form ul li{height: 64px; position: relative;} .form ul li i{ position:absolute;top:46px;left:115px;color:#f30;font-size:12px;font-style: normal;display: none;} .form ul li b{ position:absolute;top:46px;left:116px;color:#f30;font-size:12px;font-weight: normal;display: none;} .form ul li .hide{display: none;} .form input.text ,.form select{width:270px;height:28px;line-height:26px;font-size:14px;font-family: Microsoft-YaHei;font-weight: 400;padding:0;margin:0;border:1px solid #bfbfbf;margin-left:19px;padding-left:6px;box-sizing:border-box;} input.text:focus ,select:focus {outline: -webkit-focus-ring-color auto 0;} .form .formFoot{ height: auto;border-top:1px solid #ecedf0;padding: 20px 0;} .form .formFoot button{ width: 124px; height: 33px; line-height: 31px; color: #fff; background-color: #0028AA;border:none;border-radius:3px; cursor: pointer;} .form .formFoot button:hover{background: #1d46ca;} .modalShow{ display: flex !important;} .modalHide{display: none;} .closeModal{ width: 18px; height: 18px; cursor: pointer;} .show{ display: inline-block !important;} .fileUPload{ width: 95px; height: 26px; line-height: 22px;border:1px solid #0028AA;; border-radius: 3px; color: #0028AA;background-color: #fff; cursor: pointer;} .fileUPload:hover{color: #1d46ca;border:1px solid #1d46ca;} .uploadFile ,.filesList{ display: inline-block;margin-left: 19px;padding: 0;line-height: 26px;} .removeFiles{ margin-left: 10px; color: #58BA93; cursor: pointer;font-weight: normal !important;} .formLoading{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.4);z-index:1; color: #fff; font-size: 16px; display: none;} .topMessage{ position: fixed; z-index: 100; top:30vh; left: 0;right: 0;display: flex; justify-content: center; align-items: flex-start;opacity: 0;} .topMessage .text{min-width:300px;min-height:45px;background-color:rgba(255,255,255,0.95);border-radius:7px; box-shadow: 0 0 10px #ccc;} .pHead{position: relative;z-index: 66;color: #333; text-align: center; padding:80px 0;} .pHead h1{ font-size: 36px;letter-spacing:20px} .pHead.spacing0{ padding: 80px 0 0 0;} .pHead.spacing0 h1{letter-spacing:0px;font-family: "Microsoft YaHei Bold";font-size: 32px;font-weight: normal; color: #1C1C1E;} .pHead h5{ font-size:14px;margin:12px auto 18px auto;display:inline-block;padding:0 60px;font-weight:normal;} .pHead h5 span{display:inline-block;padding:0 14px;color: #c1c1c1; margin: 0 14px;} .pHead h5 i{ display: inline-block; width:40px; height:5px;border-top: 1px solid #b2b2b2;} .pHead h4{ font-size: 22px;font-weight: 100; padding:0 30px;line-height: 26px;} .pbody{padding-bottom:80px;} .pbody p{ line-height: 36px;margin-bottom:18px;} .p4{position: relative; background-color: #FBFBFB; overflow: hidden; min-height: 1070px;padding-bottom: 50px;} .table{width: 1200px; background-color: rgba(255,255,255,0.7);margin: auto; -webkit-box-shadow:0 0 50px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 0 50px rgba(0, 0, 0, 0.08); -o-box-shadow:0 0 50px rgba(0, 0, 0, 0.08); box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);margin-top: 40px; padding: 30px 50px; box-sizing: border-box;} .p4 .table{width: 100%;box-shadow: 0 10px 20px rgb(0,0,0,0.08);background: #FFF;} .table th{ padding:20px; line-height:28px; color: #333; border-bottom: 1px solid #d1d4d4; text-align: left;font-weight:normal;} .table td{ padding:20px; line-height:28px; color: #666;border-bottom: 1px solid #dfe5e5;text-align: left;} .table tr.active td{color: rgba(89, 87, 87, 1); background-color: #f1f4fb} .table th p,.table td p{ line-height:24px;font-size: 14px; color: #595757;} .table tr.detailInfo{ display: none;} .table tr.active.detailInfo{ display:table-row;} .table tr .top{display: none;cursor: pointer;} /* .table tr .bottom{cursor: pointer;} */ /* .table tr img.linkBtn{width: 104px; height: 104px; cursor: pointer;} */ .table tr .linkBtn{width: 94px; height: 94px; cursor: pointer;background: #0028AA;border-radius: 50%;text-align: center;} .table tr .linkBtn:hover{background: #1d46ca;} .table tr .linkBtn span{font-weight: 400;color: #FFFFFF;font-size: 16px;line-height: 94px;display: block;line-height: 20px;} .table tr .linkBtn span:first-child{margin-top: 27px;} .table table tbody tr td:first-child{cursor: pointer;} .table table tbody tr td:last-child{width: 118px;} .table tr.active .top{display: inline-block;} .table tr.active .bottom{display: none;} .yycj{border:1px #999 dashed;margin-bottom: 50px;} .product{ padding:96px 0;} .product h4{ font-size: 20px; font-weight: 400; color: #D6D6D6; padding-bottom: 20px;} .product h4 span{font-size: 32px; font-weight: 400; margin-right: 20px; } .productList{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:wrap;} .productList > li{ width: 600px; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px;} .productList > li .img{ width: 250px; height: 250px; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5;} .productList > li .img img{ max-width: 100%; max-height: 100%;} .productList > li .info{width:340px; padding: 36px 6px 4px 34px;} .productList > li .info h5 span{display: block;font-size: 16px;width: 110px;color: #fff; background-color: #0028AA;/*cursor: pointer;*/height: 36px;line-height: 36px;margin: 32px 16px 16px 0;border: 1px solid #DCDCDC;border-radius: 3px;text-align: center;} .productList > li .info h5 span:hover{background: #1d46ca;} .productList > li .info .name{ font-family: SourceHanSansCN;font-weight: 400;color: #595757;font-size: 20px; line-height: 24px; margin-bottom: 32px;} /* .productList > li .info .actived{color: #2f7b5d;} */ .productList > li .info .type{display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;} .productList > li .info .type span{ min-width: 110px; height: 36px; line-height: 36px; margin: 0 16px 16px 0; border:1px solid #DCDCDC; color: #999;border-radius: 3px;text-align: center; } .productList > li .info .type span.active{ color: #fff;background-color: #0028AA;cursor: pointer;} .productList > li .info .type span.active:hover{ background-color: #1d46ca;} .productList > li .info .typeRadio{ display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;} .productList > li .info .typeRadio label{margin-right: 20px;} .productList .info .title{font-family: SourceHanSansCN;font-weight: 400;color: #595757;} .productList .info .title .name{font-size: 20px;display: inline-block;margin-bottom: 16px;} .productList .info .title span{font-size: 14px;font-weight: 500;color: #0028AA;margin: 0 0 0 10px;} .cpjsPage .product .batteries{margin-bottom: 60px;} .productForm{ width: 800px; height: auto;} .productForm table{ border-left:1px solid #0028AA; border-top:1px solid #0028AA;} .productForm table tbody th:nth-child(2), .productForm table tbody th:nth-child(3){color: #fff; background-color: #0028AA;} .productForm table td, .productForm table th{border-right: 1px solid #0028AA; border-bottom:1px solid #0028AA;padding: 12px 5px; text-align: center;} .productForm table img{ max-width: 100%; max-height: 100%;} .contactForm ul input::placeholder{color: #9FA0A0;opacity: 1 !important;font-weight: 300;font-family: Microsoft-YaHei, "Microsoft Yahei";} .contactForm ul input:-moz-placeholder{color: #9FA0A0;opacity: 1 !important;font-weight: 300;font-family: Microsoft-YaHei, "Microsoft Yahei";} .contactForm ul input:-ms-input-placeholder{color: #9FA0A0;opacity: 1 !important;font-weight: 300;font-family: Microsoft-YaHei, "Microsoft Yahei";} .contactForm ul input::-webkit-input-placeholder{color: #9FA0A0;opacity: 1 !important;font-weight: 300;font-family: Microsoft-YaHei, "Microsoft Yahei";} textarea::placeholder{color: #9FA0A0;opacity: 1 !important;font-weight: 300;font-family: Tahoma, sans-serif;} textarea:-moz-placeholder{color: #9FA0A0;opacity: 1 !important;font-weight: 300;font-size: 15px;font-family: Microsoft-YaHei, "Microsoft Yahei";} textarea:-ms-input-placeholder {color: #9FA0A0;opacity: 1 !important;font-weight: 300;font-size: 15px;font-family: Microsoft-YaHei, "Microsoft Yahei";} textarea::-webkit-input-placeholder {color: #9FA0A0;opacity: 1 !important;font-weight: 300;font-size: 15px;font-family: Microsoft-YaHei, "Microsoft Yahei";} .contactForm{ position: relative;max-width: 1200px; margin:50px auto; -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.03); -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.03); -o-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.03);background: #FFF;} .contactForm .left{ width:250px; padding:20px 0; position: absolute; top:0; left: 0; bottom: 0; z-index: 1;} .contactForm .left>ul{width: 100%;} .contactForm .left li{line-height: 50px; border-left:6px solid transparent; text-align: right; padding-right: 30px; color: #595757; font-family: Microsoft-YaHei; cursor: pointer;} .contactForm .left li.active{line-height: 50px; border-left:6px solid #0028AA; background-color: #e5e9f5;} .contactForm ul h5{ font-size: 18px; color: #595757; font-weight: 400;font-family: Microsoft-YaHei;} .contactForm ul .privacy{margin: 0;} .contactForm ul h5 span{ color: #0028AA;font-weight: 700;} .contactForm ul input{margin: 12px 0; height: 50px; width: 350px; text-indent: 20px; font-size: 16px;border: 1px solid #C9CACA;/*border-radius: 5px;*/color: #9FA0A0;} .contactForm ul input.err, .contactForm ul textarea.err{border-color: #f20;} .contactForm .right{width:760px;min-height: 460px;margin-left:250px;padding:40px 0 40px 80px;border-left: 1px solid #eee;} .contactForm .right ul {display: flex;flex-direction: row;flex-wrap: wrap;} .contactForm .right ul li{margin-bottom: 20px; width: 100%;} .contactForm .right ul li.inline{width: 50%;} .contactForm .right ul .inputList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;} .contactForm .right ul li button{cursor: pointer; margin: 20px auto 20px 0; color: #fff;height:49px; width: 164px; font-size:20px; line-height: 25px; /*border-radius: 25px;*/ text-align: center; border:none; outline: none;background: #0028AA} .contactForm .right ul li button:hover{background: #1d46ca;} .contactForm .right ul .column{flex-direction: column;} .radio input{ display: none;} .radio label{ margin-right: 40px;display:flex;justify-content:flex-start;align-items:center; color: #595757;padding: 15px 0 15px; cursor: pointer;} .productList .radio label{cursor: auto;} .radio label>span{ display:flex; justify-content: center; align-items: center; width: 16px; height: 16px;border-radius: 50%; border:1px solid #eee; margin-right:10px; } .radio label.checked>span{ border-color: #0028AA;} .radio label.checked>span>span{ width: 10px; height: 10px; border-radius: 50%; background-color: #0028AA;} .checkBox {margin-right: 10px !important;display:flex;justify-content:flex-start;align-items:center; color: #999;padding: 10px 0; cursor: pointer;} .contactForm ul li .checkBox{padding: 0;} .checkBox{-webkit-tap-highlight-color: transparent;} .checkBox input{height: 20px !important;width: 20px !important;margin: 13px 22px 13px 0 !important;} .contactForm .right .checkBox input[type=checkbox] {text-indent: -2px;border-color: white;position: relative;} .contactForm .right .checkBox input[type=checkbox]:after { position: absolute; width: 22px;height: 22px; top: -3px;content: " ";background-color: #FFF;color: #fff;display: inline-block;visibility: visible;border: 2px solid #C9CACA;border-radius: 3px; } .contactForm .right .checkBox input[type=checkbox]:checked:after {content: "鉁?;font-size: 22px;line-height: 22px;text-indent: 0;background-color: #0028AA;} .contactForm .right .checkBox input.err[type=checkbox]::after{border: 2px solid #f20;} .contactForm .right .checkBox input{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;} .contactForm .form4 .h4{font-size: 22px;font-family: Microsoft-YaHei;font-weight: bold;color: #595757;} .contactForm .form4 .cont{padding: 32px 0 0;} .contactForm .form4 .cont span{color: #595757;font-size: 15px;font-weight: 400;line-height: 28px;} .contactForm .form4 .cont .title{font-family: Helvetica-Light;font-size: 16px;} .contactForm .form4 .tips1 .num{font-family: Helvetica-Light;font-size: 15px;} .contactForm .form4 .tips2 .num{font-family: Microsoft-YaHei;font-size: 15px;} .contactForm .form4 .tips2{margin: 84px 0 0;} .checkBox input{height: 20px !important;width: 20px !important;margin: 13px 10px 13px 0 !important;} .ysqzzOpen{ color: #0028AA; margin: 15px; cursor: pointer;display: flex;} .yszc{padding: 24px 41px; color: #595757;} .yszc.policy{padding: 50px 0 70px;} .yszc p{font-size: 16px; margin-bottom: 30px;line-height: 32px;font-family: Microsoft-YaHei, "Microsoft Yahei";font-weight: 500;color: #595757;} .yszc p.title{display: block;margin-bottom: 0;line-height: 28px;} .yszc p.explain{margin-top: 25px;} .yszc p.no-marn{margin: 0;} .yszc p.b{color: #595757;font-weight: bold;} .yszc h5{padding:0; margin:0; font-size: 16px; font-weight: bold; text-align: center;height: auto;border: none;line-height: 50px;} /*鏂扮増棣栭〉鏍峰紡*/ .w1500{height: 100%;} .p7{width: 1680px; margin: auto; padding:120px 0;align-items: flex-start;} .p7 .left{width: 50%; padding-right: 20px;} .p7 .right{width: 50%; } .textShow img{ width: 100%;} .textShow h5{ font-size: 36px; margin: 15px 0;} .textShow p{font-size: 22px; line-height: 24px; color: #333;} .textShow p.detail{border-top:2px solid #D6D6D6; font-size: 16px; line-height: 32px;margin-top: 15px;padding: 20px 0; color: #666;} .imgTitle{ position: relative; margin-left: 90px;} .imgTitle img{ width: 100%;} .imgTitle p{ position: absolute; top:auto; left: 170px; right: 170px; bottom:-70px; color: #fff; font-size: 24px; text-align: center; line-height: 48px;background: linear-gradient(#00bfd8 0%, #05cea7 100%); min-height: 140px; display: flex;justify-content: center; align-items: center;} .imgTitle p.imgText{left: 60px; right: 60px; font-size: 16px; line-height: 32px;min-height: 50px;padding: 22px 28px;text-align: justify;} .p8{ background-image: url('../images/v5/p8bg.png'); background-color:#f7f7f7; padding: 90px 0 50px 0 ;background-position: center;background-repeat: no-repeat;} .bjcncy{width: 1680px;margin: auto;} .bjcncy .textShow{ width: 45%;} .bjcncy .textShow p{border:none;margin: 0;padding: 0;} .p9{ background-color:#f7f7f7; } .p9Title{ padding:96px 0 64px 0 ;} .p9Title h5{ text-align: center; font-size: 36px;width: 200px;margin: auto;} .p9Title p{text-align: center;font-size: 22px; margin-top: 20px;color: #333;} .p9Body{margin: auto; position: relative;text-align: center;} .p9Body img{ margin: auto;} .p9Body span{ position: absolute; left: auto; top:auto; bottom: 20px; right: 10px; font-size: 16px; color: #666;} .p10{ padding:160px 0 0 0 ;} .p10Body{margin: auto;} .p10Body>div{padding-bottom:160px;} .p10Body .picShow{min-height: 730px;z-index: 1;} .p10Body .txtShow{ padding:0 110px 0 70px; position: relative;min-height: 730px;} .p10Body .txtShow>h5{ position: absolute; top:20px; left:auto; right:120px;font-size:20px;font-family:Arial;letter-spacing:6px;text-transform:uppercase;color:#D6D6D6;font-weight:bolder;border-bottom:1px solid #D6D6D6;left:-100px;text-align:right;height:10px;} .p10Body .txtShow>h5 span{background: #fff;padding-left: 10px;} .p10Body .leftTxt .txtShow{ padding:0 70px 0 110px ;} .p10Body .leftTxt .txtShow>h5 {left: 110px;right: -300px;text-align: left;} .p10Body .leftTxt .txtShow>h5 span{padding:0 10px 0 0;} .newFoot{background: #FFF;box-shadow: 0px 2px 9px 6px rgba(0, 0, 0, 0.1);overflow: hidden;} .newFoot .center{position: relative;margin: auto;padding: 65px 0 94px;width: 1200px} .newFoot .center::after{content: '';clear: both;display: block;height: 0;} /* .newFoot.serviceFoot{background: #FFF;} .footLogo{width:auto;height: 38px; padding: 0 53px 0 0;} .contactus{padding: 0 0 0 51px; border-left: 1px solid #0028AA;} .contactus ul li {display: flex; justify-content: flex-start; align-items: center;font-size: 15px;color: #3E3A39; padding: 5px 0 10px;font-weight: 400;} .contactus ul li:nth-child(4){width: 365px;} .contactus ul li i{padding-right: 2px;font-style: normal;color: #0028AA;} .contactus ul li .title{color: #3E3A39;} .contactus ul li .num{padding-bottom: 2px;font-size: 16px;font-weight: normal;height: 15px;line-height: 15px;font-family: Helvetica-Light;} .contactus ul li .email{padding-bottom: 3px;color: rgb(39, 37, 37);font-size: 16px;font-weight: normal;font-family: Helvetica-Light;} .contactus ul li .address{color: #3E3A39;font-size: 15px;font-weight: normal;font-family: Microsoft YaHei Regular;} .newFoot .center .left{display: flex; flex-direction: row; align-items: center;} .newFoot .center .right .qrcode{width: 100px; height: 100px;} */ .newFoot .center .maps{display: flex;justify-content: space-between;} /* .newFoot .maps .brand{} */ .newFoot .brand img{height: 26px;} .newFoot .brand .focuslist{position: relative;height: auto;margin: 43px 0 0;} .newFoot .brand img.qrcode{display: none;width: 100px;height: 100px;position: absolute;left: -38px;top: 40px;z-index: 2;transition: opacity 0.5s linear;pointer-events: none;} .newFoot .focuslist li{display: inline-block;float: left;margin-right: 28px;} .newFoot .focuslist li a{display: block;height: 28px;width: 28px;} .newFoot .wechatBtn i:hover+img{display: block;} .newFoot .focuslist .icon{display:block;;background-size: 100% 100%;position: relative;transition: background 0.2s ease-in-out} .newFoot .focuslist .i_wechat{width: 29px;height: 22px;background:url("../images/v4.6/icon/icon_wechat.png") no-repeat center; background-size: 100% 100%;} .newFoot .focuslist .i_weibo{width: 28px;height: 23px;background:url("../images/v4.6/icon/icon_weibo.png") no-repeat center; background-size: 100% 100%;} /* .newFoot .maps .info {width: 585px;} */ .newFoot .maps .info {width: 600px;} .newFoot .maps .info ul {float: left;margin-right: 68px} .newFoot .maps .info li {line-height: 32px} .newFoot .maps .info .last {margin-right: 0;} .newFoot .info li a {color: #585757;font-size: 16px;font-weight: 400;font-family: Microsoft-YaHei;text-decoration: none} .newFoot .info .last a {color: #1C1C1E;font-weight: bold;} .newFoot .info li a:hover {color: #0028aa;cursor: pointer;} .newFoot .info .title {margin-bottom: 10px;font-size: 16px;color: #1C1C1E;font-weight: bold;font-family: Microsoft-YaHei;} .footMenu{ display: flex; justify-content:space-between; align-items: flex-start;width: 624px;} .footMenu li a{ display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:column;color:#999;text-decoration: none;margin: 0 0 24px 0;} .footMenu li a.title{ font-weight: bold;color: #333;} .footMenu li:last-child a{align-items: flex-end;} .newFoot .bottom{width: 100%;} .newFoot .bottom .icp{width: 100%;position: relative;background: #0028AA;} .newFoot .bottom .contact{width: 1212px;margin: 16px auto 16px;} .newFoot .bottom .item {display: inline-block;font-size: 15px;color: #3E3A39;font-weight: 400;} /* .newFoot .bottom .item:nth-child(4){width: 365px;} */ .newFoot .bottom .item i{padding-right: 2px;font-style: normal;color: #0028AA;} .newFoot .bottom .item .title{color: #3E3A39;} .newFoot .bottom .item .num{padding-bottom: 2px;font-size: 16px;font-weight: normal;height: 15px;line-height: 15px;font-family: Helvetica-Light;} .newFoot .bottom .item .email{padding-bottom: 3px;color: rgb(39, 37, 37);font-size: 16px;font-weight: normal;font-family: Helvetica-Light;} .newFoot .bottom .item .address{color: #3E3A39;/*font-size: 15px;*/font-weight: normal;font-family: Microsoft YaHei Regular;} .newFoot .bottom .copyright{width: 1200px; height: 68px;line-height: 68px; margin: 0 auto; display: flex; justify-content: space-between; color: #FFF; font-size: 16px; z-index: 88;} .newFoot .bottom .copyright span a:hover{text-decoration: none;} .newFoot .copyright .record{position: relative;margin-left: 15px;z-index: 66;} .newFoot .copyright .record p{display: inline-block;padding-left: 2px;color: #FFF;} .newFoot .copyright .record img{display: inline-block;width: 18px;transform: translateY(3px);} .newFoot .bottom .copyright a{color: #FFFFFF;} .newFoot .bottom .statement{z-index: 99;} .newFoot .bottom .statement a:first-child{padding-right: 12px;} .newFoot .bottom .copyright .statement a:hover{text-decoration: underline;} .newFoot .bottom .colorPanel{width: auto;height: 68px;position: absolute;top: 0;right: 0;} .newFoot .bottom .colorPanel .piece{width: 96px;height: 100%;float: left;display: inline-block;z-index: 88;} .newFoot .colorPanel .one{background: #015286;} .newFoot .colorPanel .two{background: #027B62;} .bottom .colorPanel .three{background: #03A53D;} .bottom .colorPanel .four{background: #04CE19;} .corporateVision{position: relative;z-index: 66;width: 1200px; margin: 0 auto; padding: 125px 0;} .corporateVision h2{font-size: 24px;font-weight: 500; color: #0028AA;} .corporateVision .subTitle{padding: 23px 0 0 0; font-size: 28px; color: #1C1C1E; font-weight: 500;font-family: "Microsoft YaHei Bold";} .corporateVision .desc{ padding: 16px 0 0 0;} .corporateVision .p2, .corporateVision .p3{padding: 23px 0 0 0;} .corporateVision .desc, .corporateVision p{font-size: 16px; line-height: 28px ;font-weight: 400; color: #595757;;} .wish{width: 1200px; padding: 147px 0 177px; margin: 0 auto;} .wish h2{font-size: 23px; font-weight: 400; color: #FFF;font-family: Microsoft-YaHei;} .wish.retult h2{color: #0028AA;} .wish .subTitle{padding: 30px 0 0 0; font-size: 28px;color: #595757;font-weight: 500;font-family: "Microsoft YaHei Bold";} .wish .desc{padding: 16px 0 0 0; line-height: 28px; font-weight: 400;color: #fff; font-size: 16px;} .wish .p2{padding: 23px 0 0 0;} .wish p{font-size: 14px; line-height: 28px ;font-family: SourceHanSansCN; font-weight: 200; color: #595757;} .companyMission .subTitle{color: #fff;font-family: "Microsoft YaHei Bold";} .wish .content{ text-align: left;} /* .wish .content.worth{margin-top: 80px;} */ .wish .content.thoughts{margin-top: 80px;} .jobDirection .subTitle{color: #1C1C1E;} .jobDirection .desc{color: #595757;} .culWorth{padding: 125px 0 125px; width: 1200px; margin: 0 auto;} .culWorth h2{font-size: 26px;font-weight: 500;color: #0028AA;} .culWorth .item{padding: 26px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;} .culWorth .item .box{width: 583px; height: 310px; display: flex; flex-direction: column ;justify-content: center; align-items: center; border: 2px solid #0028AA; border-radius: 5px; color: #595757;} .culWorth .item .box img{display: block;} .culWorth .item .mt14{margin: 14px 0 0 0;} .culWorth .item .box .money{width: 52px; height: 40.5px;} .culWorth .item .box .recycle{width: 47px; height: 47px;} .culWorth .item .box .love{width: 51px; height: 46px;} .culWorth .item .box .work{width: 46px; height: 40px;} .culWorth .item .box span{font-size: 20px; padding: 22px 0 0 0;} .culWorth .item .box p{font-size: 15px; font-weight: 200;padding: 22px 40px 0;line-height: 26px;} /* .applicationScenes .caseOne,.applicationScenes .energySolutions{background: #FFF;} */ .applicationScenes .powerSolutions{background: #FAFAFA;} .applicationScenes .caseOne, .applicationScenes .caseTwo{width: 100%;/*height: 936px;*/background: #FFF;} /* old tips */ .applicationScenes .tips, .energySolutions .tips{width: 100%;padding: 0 0 26px;margin:0 auto;background: #FAFAFA;} .energySolutions.productPower .tips{background: #FFF;} .applicationScenes .tips span, .energySolutions .tips span{width: 1200px;display: block;margin: 0 auto;font-family: "Microsoft Yahei", Microsoft-YaHei;font-size: 12px;color: #3E3A39;} .energySolutions .tips i, .appSolutions .tips i{color: #0028AA;font-style: normal;font-weight: 400;} .appSolutions .navigate{width: 100%;height: 55px;line-height: 55px;background: #FAFAFA;} .appSolutions .navigate.stepfix{position: fixed;top: 77px;left: 0;right: 0;background: #FAFAFA;/*background: rgba(255, 255, 255, 0.6);*/-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 996;padding: 0;-webkit-transition: 0.5s top ease; transition: 0.5s top ease;} .appSolutions .navigate span{font-family: "Microsoft Yahei", Microsoft-YaHei;font-weight: 400;font-size: 16px;color: #595757;cursor: pointer;} .appSolutions .navigate span a:hover{color: #0028AA;} .appSolutions .navigate .menu{width: 265px;margin: 0 auto;display: flex;justify-content: space-between;} .solutions1 .navigate .menu{width: 232px;} .solutions3 .navigate .menu{width: 410px;} .solutions1 .serviceCenter, .solutions2 .serviceCenter{background: #FFF !important;} .appSolutions .navigate a{font-family: "Microsoft Yahei", Microsoft-YaHei;/*font-size: 15px;*/font-weight: 400;color: #595757;} .navigate .active a{color: #0028AA;} /* new tips */ .appSolutions .tips{width: 100%;box-sizing: border-box;padding: 20px 10px 25px;margin:0 auto;background: #FAFAFA;} .appSolutions.solutions3 .tips{background: #FFF;} .appSolutions .tips span{width: 100%;display: block;margin: 0 auto;font-family: "Microsoft Yahei", Microsoft-YaHei;font-size: 12px;color: #3E3A39;} .appSolutions .tips i{color: #0028AA;font-style: normal;font-weight: 400;} .appSolutions .serviceCenter{background: #FAFAFA;} .appSolutions .serviceCenter .main{width: 100%; height: auto;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;padding: 51px 0 82px 0;} .appSolutions .serviceCenter .cont{box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);} .appSolutions .serviceCenter .cont{display: flex;justify-content: center; align-items: center;} .appSolutions .serviceCenter .cont{height: 263px;} .appSolutions .serviceCenter .title a{font-family: "Microsoft YaHei Bold";font-weight: bold;font-size: 20px;color: #0028AA;cursor: pointer;} .appSolutions .serviceCenter .email{width: 40%;background: #FFFFFF;} .appSolutions .serviceCenter .more{width: 40%;background: #FFFFFF;} .appSolutions .serviceCenter .h24 .text, .appSolutions .serviceCenter .email .text, .appSolutions .serviceCenter .more .text{padding: 18px 0 0 0;color: #595757;text-align: center;} .appSolutions .serviceCenter .h24 .right{margin-left: 23px;} .appSolutions .serviceCenter .email .right{margin-left: 27px;} .appSolutions .serviceCenter .more .right{margin-left: 44px;} .appSolutions .serviceCenter .email img{width: 120px;height: 99px;} .appSolutions .serviceCenter .more img{width: 107px;height: 121px;} .applicationScenes .swiper-pagination-bullet-active{background: #9FA0A0;} .applicationScenes .swiper-pagination-bullet{border: 1.5px solid #9FA0A0;} .applicationScenes .slider{position: relative;width: 1060px;margin: 0 auto;} .applicationScenes .description{position: relative;width: 827px;margin: 107px auto 87px;padding-top: 20px;border-top: 1px solid #9FA0A0;text-align: center;} .applicationScenes .description .appName{display: inline-block;} .applicationScenes .description .tips{display: flex;flex-direction: column;} .applicationScenes .description .row2{position: absolute;left: 297px;margin: 20px 0 0 3px;} .applicationScenes .description .row2 span:first-child {margin-right: 12px;} .applicationScenes .description span{ margin: 0 27px 0 0;padding: 0 8px;border-left: 3px solid #0028AA; font-size: 15px;font-family: Microsoft-YaHei;font-weight: 400;color: #595757;white-space: nowrap; } .applicationScenes .description span:last-child{margin: 0;} .applicationScenes .description .appName h3{ display: flex;align-items: center;white-space: nowrap; padding-right: 64px;color: #0028AA;font-size: 18px;font-weight: bold;font-family: Microsoft-YaHei; } .applicationScenes .description .appName h3::after{ content: '';display: inline-block;width: 30px;height: 18px;padding: 0 0 0 16px; background: url(../images/v4/icon/more_solution.png) center center no-repeat;background-size: 30px 18px; } .applicationScenes .slider .intro{width: 285px; height: 357px;padding: 30px 25px 27px 35px; position: absolute; top: -10px; right: -20px;/*background: #FFFFFF;*/z-index: 99;} .applicationScenes .caseOne .slider .intro{height: 337px;} .applicationScenes .caseTwo .slider .intro{height: 377px;margin-top: -20px;} .powerSolutions .slider .intro{top: 26px;} .slider .intro .con{display: flex; align-items: center;} .slider .intro h3{display: inline-block;padding: 0 0 0 12px;font-size: 20px;font-weight: 400;color: #595757;font-family: Microsoft-YaHei;} .slider .intro span{display: inline-block;padding: 15px 0 0;font-size: 15px;font-weight: 300;color: #595757;line-height: 26px;font-family: Microsoft-YaHei;} .slider .intro .line2{padding-top: 10px;} .slider .intro .safe .img{width: 20px; height: 25px;} .slider .intro .longLife{padding: 36px 0;} .slider .intro .longLife .img{width: 21px; height: 21px;} .slider .intro .component .img{width: 23px;height: 23px;} .slider .intro .endurance .img{width: 24px; height: 23px;} .slider .intro .allday .img{width: 30px; height: 13px;} .applicationScenes .title{position: relative;z-index: 66;width: 1010px;margin: 0 auto; padding: 80px 0 76px;font-family: Arial;font-weight: 400;color: #595757;} .applicationScenes .caseTwo .title{width: 1090px;} .applicationScenes .title h2{font-size: 32px; letter-spacing : 2px;text-align: center;color: #1C1C1E;font-weight: bold;font-family: Microsoft-YaHei;} .applicationScenes .title p{font-size: 15px; line-height: 26px;padding-top: 19px;} .applicationScenes .swiper-container{width: 600px;/*height: 441px;*/margin: 0 0 0 100px;} .applicationScenes .swiper-container.swiperOne{width: 660px;} .applicationScenes .swiper-container .swiper-slide{display: flex;align-items: center;height: 441px;} .applicationScenes .swiper-container img{display: inline-block;width: 100%; height: auto;} /* .applicationScenes .slider .pageTwo{} */ .slider .custom-pagination{width: auto; margin: 0 auto; display: flex;} .slider .pagerOne{padding-left: 42px;bottom: 0 !important;} .slider .pagerTwo{padding-left: 58px;bottom: 0 !important;} .slider .pagerThird{padding-left: 130px;} .custom-pagination span:last-child{margin: 0;} .energySolutions .warpper{background: #FFF;} .energySolutions .title{width: 962px;margin: 0 auto; padding: 80px 0 50px;font-family: Arial;font-weight: 400;color: #595757;} .power .title{width: 1200px;} .energySolutions .title h2{position: relative;z-index: 66;font-size: 32px; letter-spacing : 2px;text-align: center;color: #1C1C1E;font-weight: 400;font-weight: bold;font-family: Microsoft-YaHei;} .energySolutions .title p{font-size: 16px; line-height: 26px; padding-top: 15px;} .energySolutions .title .btns{display: inline-block;width: 100%;padding: 75px 0 90px;text-align: center;} .energySolutions .title .cn span{display: inline-block;width: 159px;height: 42px;line-height: 42px;margin: 0 35px 0 0;border: 1px solid #DCDCDC;color: #999;border-radius: 3px;text-align: center;} .energySolutions .title .us span{display: inline-block;width: 282px;height: 42px;line-height: 42px;margin: 0 35px 0 0;border: 1px solid #DCDCDC;color: #999;border-radius: 3px;text-align: center;} .energySolutions .title .btns a:last-child span{margin-right: 0;} .energySolutions .title .btns span.active{color: #fff;background-color: #0028AA;cursor: pointer;} .energySolutions .title .btns span.sans{font-family: Arial;} .energySolutions .title .btns span.active:hover{background: #1d46ca;} /* .power .family .bg{background-image: url('../images/v3/bg/family_01.png');} .energy .family .bg{background-image: url('../images/v3/bg/family_02.png');} */ .energySolutions .slideItem .subTitle{display: block;width: 100%;margin: 0 auto;padding: 72px 0 38px;font-size: 32px;font-family: Microsoft-YaHei;font-weight: bold;color: #0028AA;text-align: center;} /* .energySolutions .slideItem .product_01,.energySolutions .slideItem .product_03{background: #FAFAFA;} */ .energySolutions .product_02,.energySolutions .product_04{background: #FFF;} .energySolutions .product_00,.energySolutions .product_05{background: #FAFAFA;} .energySolutions .product_00,.energySolutions .product_01{background: #FFF;} .energySolutions .product_02{background: #FAFAFA;} .slideItem .single .swiper-wrapper{margin: 62px 0 0 0;} .slideItem .multiple .swiper-wrapper{margin: 0;} .main .swiper-button-next.btn::before, .main .swiper-button-prev.btn::before, .main .swiper-button-next.btn::after, .main .swiper-button-prev.btn::after {background-color: #666666;} .main .swiper-button-next.btn, .main .swiper-button-prev.btn { width: 20px;background-image: none;} .main .swiper-button-prev{left: 0;display: none;} .main .swiper-button-next{right: 0;} .main .swiper-button-next::before, .main .swiper-button-prev::before, .main .swiper-button-next::after, .main .swiper-button-prev::after { content: ''; width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; top: 50%; margin-top: -1px; } .main .swiper-button-prev::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0%; -ms-transform-origin: 0%; transform-origin: 0%; } .main .swiper-button-prev::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0%; -ms-transform-origin: 0%; transform-origin: 0%; } .main .swiper-button-next::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .main .swiper-button-next::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .energySolutions .slideItem .main{position: relative;width: 1080px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;} .energySolutions .slideItem .bar{display: flex;justify-content: space-evenly;;position: absolute;top: 0;width: 60%;min-width: 1080px;height: 90px;box-sizing: border-box;line-height: 90px;background: #FFFFFF;box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.0500);z-index: 99;} .energySolutions .slideItem .bar span{font-size: 26px;font-family: Arial;font-weight: 400;color: #585757;} .energy .slideItem .bar span, .power .slideItem .bar span{cursor: pointer;} .energy .slideItem .bar span:hover, .power .slideItem .bar span:hover{color: #0028AA !important;} .energySolutions .slideItem .item{width: 1080px;margin: 0 auto;padding: 82px 0 82px;text-align: center;} .slideItem .bar span.active{color: #0028AA;} .product_00 .tableProduct, .slideItem .product_01 .tableProduct, .slideItem .product_03 .tableProduct{background: #FFF;} .slideItem .product_00 .tableProduct table tr:nth-child(even), .slideItem .product_01 .tableProduct table tr:nth-child(even), .slideItem .product_03 .tableProduct table tr:nth-child(even){background: #FAFAFA;} /* 绗簩涓骇鍝 鐏拌壊鑳屾櫙澶勭悊 */ .slideItem .product_02 .tableProduct table tr:nth-child(odd){background: #FFF;} .product_02 .tableProduct table tbody th:nth-child(1){background: #FAFAFA;} .product_02 .tableProduct{background: #FAFAFA;} .slideItem .tableProduct{ width: 100%; height: auto;} .slideItem .tableProduct table th{padding: 10px 5px;text-align: center;} /* .slideItem .tableProduct table th:first-child{background: #FAFAFA;} */ /* .slideItem .tableProduct table tr:nth-child(odd){background: #FFFFFF;} */ .slideItem .tableProduct table tr:last-child td{border-bottom: 1px solid #04CE19;} /* .product_02 .tableProduct table tbody th:nth-child(1), .product_04 .tableProduct table tbody th:nth-child(1){background: #FFF;} */ .slideItem .tableProduct table tbody th:nth-child(2){border-top: 2px solid #04CE19;} .slideItem .tableProduct table tbody th:nth-child(2), .slideItem .tableProduct table tbody th:nth-child(3){color: #fff; background-color: #0028AA;} .slideItem .tableProduct table tbody th:nth-child(3){border-right: 1px solid #0028AA;} .slideItem .tableProduct table td{text-align: center;} .slideItem .tableProduct table tr td{height: 38px;padding-top: 0;padding-bottom: 0;font-weight: 400;font-family: Microsoft-YaHei;} .slideItem .tableProduct table tr td:first-child{padding-left: 20px;text-align: left;} .slideItem .tableProduct table img{width: 242px;/*height: 358px;*/} .slideItem .tableProduct td i.multiple{display: block; font-style: normal;padding: 4px 0 4px;} .slideItem .tableProduct td i.large{font-style: normal;line-height: 21px;} .slideItem .preview{width: 100%;margin-top: 10px;position: relative;} .slideItem .preview .arrow-left,.slideItem .preview .arrow-right{z-index: 9999;} .slideItem .preview .arrow-left {display: none;background: url("../images/v3/icon/arrow_mini_left.png") no-repeat center center #FFF;position: absolute;width: 85px;height: 100px;top: -5px;left: 0px;margin-top: 0px;z-index: 99;} .slideItem .preview .arrow-right {background: url("../images/v3/icon/arrow_mini_right.png") no-repeat center center #FFF;background-size: 9px 18px;position: absolute; width: 90px;height: 100px;top: -5px;right: 0px;margin-top: 0px;z-index: 99;} .preview .swiper-container{position: relative;width: 1180px;height: 90px;padding: 0 80px 0 70px;box-sizing: border-box;line-height: 90px;background: #FFFFFF;box-shadow: 0px 7px 21px 0px rgba(0,0,0,0.0500);z-index: 99;} .preview .swiper-container span{width: 90px;font-size: 24px;font-family: Tahoma, sans-serif;font-weight: 400;color: #585757;} .preview .swiper-container span:hover{color: #0028AA;} .preview .active-nav span{color: #0028AA;} .preview .swiper-slide{width: 22%;padding-left: 26px;cursor: pointer;} /* 涔樼敤杞 */ .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(1){padding-left: 80px;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(5){width: 23%;padding-left: 70px;text-align: left;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(9){width: 23%;padding-left: 70px;text-align: left;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(10){width: 23%;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(11){width: 23%;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(13){width: 310px;padding-left: 200px;text-align: center;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(14){width: 315px;padding-right: 200px;text-align: center;} /* 鍟嗕笟搴旂敤 */ .productBussiness .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(5){width: 30%;padding-left: 125px;} .productBussiness .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(6){width: 30%;} .productBussiness .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(7){width: 30%;} .productBussiness .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(5){width: 305px;padding-left: 200px;text-align: center;} .productBussiness .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(6){width: 315px;padding-right: 200px;text-align: center;} /*鍌ㄨ兘浜у搧 */ .productEnergy .product_01 .preview .swiper-wrapper .swiper-slide:nth-child(5){width: 305px;padding-left: 200px;text-align: center;} .productEnergy .product_01 .preview .swiper-wrapper .swiper-slide:nth-child(6){width: 315px;padding-right: 200px;text-align: center;} .productPower .product_02 .preview .swiper-wrapper .swiper-slide:first-child{width: 19.7%;padding-left: 60px;} .productPower .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(5){width: 22%;padding-left: 32px;} .productPower .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(6){width: 21%;padding-right: 0;} .productPower .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(7){width: 20%;padding-left: 52px;} .newsCenter{position: relative;z-index: 66;width: 100%;padding: 80px 0 0;background: #FBFBFB;} .newsCenter .content{max-width: 1408px;margin: 0 auto;} /* .newsCenter .content .list{margin: 0 -20px;} */ .newsCenter .clearfix::after{content: '';clear: both;display: block;height: 0;} .newsCenter .xinwen{width: 33.33%;box-sizing: border-box;border-radius: 10px;} .newsCenter .xinwen{float: left;width: 33.33%;padding: 0 20px;margin-bottom: 45px;} .newsCenter .xinwen .item{width:100%;display: flex;flex-direction: column;background: transparent;padding-bottom: 0.38rem;background-color: #fff;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1000);overflow: hidden;} .newsCenter .xinwen .xinwen_t {min-height: 58px;padding: 35px 23px 0;} .newsCenter .xinwen .xinwen_t a{line-height: 29px;color: #1C1C1E;font-size: 18px;font-family: Microsoft-YaHei, sans-serif;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .newsCenter .xinwen .xinwen_b {display: flex;justify-content: space-between;align-items: center;padding: 30px 23px 8px;font-size: 12px;font-family: Microsoft-YaHei;font-weight: bold;color: #757575;} .newsCenter .xinwen .linkTo img{display: inline-block;width: 8px;height: 18px;} .newsCenter .xinwen .newImg{position: relative;} .newsCenter .xinwen .newImg::after{content: '';display: inline-block; width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;top: 0;left: 0;z-index: 66;transition: background 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;} .newsCenter .xinwen img{width:100%;/*height: 312px;*/} .newsCenter .xinwen .item:hover .newImg::after{background: rgba(0, 0, 0, 0.03)} .newsCenter .xinwen .item:hover .newImg img{transform: scale(1.03);opacity: 1;transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms,opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;} .newsCenter .xinwen .xinwen_b .times{font-family: Microsoft-YaHei;} .newsCenter .xinwen .times span{float: left;font-size: 12px;font-family: Microsoft-YaHei;font-weight: bold;color: #757575;line-height: 25px;padding-right: 3px;} .page-wrapper{padding: 20px 0 60px;text-align: center;} .pagination{display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} .pagination li{float: left;margin: 0 3px 0 0;line-height: 30px;list-style: none;display: inline;cursor: pointer;} .pagination li a{display: inline-block;width: 31px;height: 31px;border: 1px solid #C9CACA;color: #595757;background: #FFF;} .pagination li.active a, .pagination li:hover a{color: #fff;border: 1px solid #0028AA;background: #0028AA;text-decoration: none;} .dp6 {width:100%;box-sizing: border-box;margin-top: 67px;background: #FFF;} .dp6 .dp6_top{width:100%;height:auto;background: #0028AA;} .dp6 .dp6_title{width: 1070px;position: relative;margin: 0 auto;box-sizing: border-box;display: flex;align-items: center;flex-direction: column;justify-content: center;} .dp6 .dp6_title .dp6_top {display: flex;align-items: center; width: 1070px; box-sizing: border-box;position: relative;margin: 100px 0;} .dp6 .dp6_title .dp6_top .dp6_icon {width:150px; display: flex; align-items: center; color:white;box-sizing: border-box;position: absolute; left:-80px;} .dp6 .dp6_title .dp6_top .dp6_icon img {width: 36px;height: 36px;} .dp6 .dp6_title .p_text { width:auto;font-size:38px; text-align:left;color:#fff; line-height: 1.5; } .dp6 .dp6_title .p_date { width:1070px;text-align:left;color:#fff;margin: 0 0 52px;font-size: 20px;} .dp6 .dp6_title .p_date span{margin-left: 20px;} .dp6 .dp6_content{width:1200px;padding:80px 0;font-weight: 200; font-size: 18px;color: #595757;margin: auto; display: flex;flex-direction: column;background: #FFF;} .dp6 .dp6_content p {line-height: 32px;} .dp6 .dp6_content > div {display: flex; height:245px;flex-direction: column;justify-content: space-between;} .dp6 .dp6_content img {vertical-align: middle;width: 800px;} .dp6 .dp6_content hr{width: 100%; height: 1px; background: #000; border: none;} .dp6 .dp6_bottom{width:100%;/*height: 75px;*/background: #EFEFEF;margin-bottom: -1px;display: flex;align-items: center;} .dp6 .dp6_bottom .content {width:1200px;margin:0 auto;box-sizing: border-box;overflow: hidden;} .content .fl span a{display: inline-block;width: 65px} .content .fr span a{display: inline-block;width: 65px;} .dp6 .dp6_bottom .content .pre_next {width: 360px;display: flex;padding: 20px 0;} .dp6 .dp6_bottom .content .pre{justify-content: flex-start;} .dp6 .dp6_bottom .content .next{justify-content: flex-end;} .dp6 .dp6_bottom .content .pre_next span {line-height: 1.5;} .dp6 .dp6_bottom .content .pre_next p {line-height: 1.5;width: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;} .s-container, .vm--overlay { position: fixed; box-sizing: border-box; left: 0; top: 0; width: 100%; height: 100vh; display: none; z-index: 99999; } .s-warpper { position: relative; overflow: hidden; box-sizing: border-box; } .s-modal { background-color: #fff; padding: 20px; width: 100vw; height: 100vh; } .s-modal .s-body { width: 860px; margin: 90px auto 0; } .s-modal .s-body .logo { /* width: 150px; */ } .s-modal .s-top .closeBox{ position: relative; width: 32px; cursor: pointer; } .s-body img{width: 211px;height: 30px;} .s-body img.logo_en{width: 156px;height: 31px;} .s-top .closeBox::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .s-top .closeBox::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .s-top .closeBox::before, .s-top .closeBox::after{content: '';position: absolute;top: 15px;} .s-top .closeBox::before, .s-top .closeBox::after{display: inline-block;width: 32px;height: 1px;background-color: #333;} .icon { fill: currentColor; outline: none; width: 100%; height: 100%; } .flex-row { display: flex; flex-direction: row; } .flex-between { justify-content: space-between; } .g-mt-3 { margin-top: 90px; } .formulate-input { font-family: -apple-system,BlinkMacSystemFont,Microsoft YaHei,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; } .s-container .form-input-wrapper input{width: 100%;border: none;outline: none;font-size: 36px;color: #9FA0A0;font-weight: 300;letter-spacing: 2px;} .s-container .form-input-wrapper input{width: 100%;border: none;outline: none;font-size: 36px;color: #9FA0A0;font-weight: 300;letter-spacing: 2px;} .s-container .form-input-wrapper input::placeholder{color: #9FA0A0;opacity: 1 !important;font-size: 36px;font-weight: 400;font-family: Microsoft-YaHei, "Microsoft Yahei";letter-spacing: 2px;} .s-container .form-input-wrapper input:-moz-placeholder{color: #9FA0A0;opacity: 1 !important;font-size: 36px;font-weight: 400;font-family: Microsoft-YaHei, "Microsoft Yahei";letter-spacing: 2px;} .s-container .form-input-wrapper input:-ms-input-placeholder{color: #9FA0A0;opacity: 1 !important;font-size: 36px;font-weight: 400;font-family: Microsoft-YaHei, "Microsoft Yahei";letter-spacing: 2px;} .s-container .form-input-wrapper input::-webkit-input-placeholder{color: #9FA0A0;opacity: 1 !important;font-size: 36px;font-weight: 400;font-family: Microsoft-YaHei, "Microsoft Yahei";letter-spacing: 2px;} .formulate-input[data-classification=text] input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cecece; box-sizing: border-box; background-color: transparent; font-size: 14px; font-family: -apple-system,BlinkMacSystemFont,Microsoft-YaHei,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; padding: 15px; display: block; width: 100%; font-weight: 400; margin: 0; } .search-modal .s-body .search-form input { width: 100%; border: none; outline: none; color: #9FA0A0; font-size: 36px; font-weight: 300; letter-spacing: 3px; } .sub-title { margin: 0 0 15px 2px; font-weight: 400; color: #757779; font-size: 15px; font-family: Microsoft-YaHei; } .flex-row { display: flex; flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .keyword-item { background-color: #fafafa; padding: 10px 15px; margin-right: 15px; margin-bottom: 15px; line-height: 14px; color: #3E3A39; font-size: 15px; font-weight: 400; background: #EFEFEF; font-family: Microsoft-YaHei; cursor: pointer; border-radius: 4px; } .keyword-item:hover{color: #FFF;background: #0028aa;} .category{display: flex;justify-content: space-between;width: 100%;margin: 67px auto 0;padding: 60px 162px 0;box-sizing: border-box;} .category .leftMenu ul{width: 200px;height: auto; padding-bottom: 2px;background: #FFFFFF;border: 1px solid #dcdddd;} .leftMenu ul li{display: block;padding-left: 51px;border-bottom: 1px solid #dcdddd;} .leftMenu ul li:last-child{border-bottom: none;} .leftMenu ul span{font-size: 20px;font-family: Microsoft-YaHei;font-weight: 400;color: #585757;line-height: 72px;cursor: pointer;} .leftMenu ul span i{font-style: normal;} .leftMenu li.active{background: #0028AA;} .leftMenu li.active span{color: #FFF;} .category .rightContent{width: 100%;min-height: 600px;margin: 0 0 0 89px;} .category .filter {height: 38px;width: 800px;} .filter .parent {position: relative;} .filter .search { width: 325px; height: 34px; border-radius: 20px; outline: none; border: 1px solid #EFEFEF; padding-left: 52px; padding-right: 52px; position: absolute; background: #EFEFEF; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .filter .btn { height: 26px; width: 26px; position: absolute; background: url(../images/v3/icon/filter.png) no-repeat 0 0; background-size: 21px; top: 9px; left: 18px; border: none; outline: none; cursor: pointer; } .filter i.clear{display: none;width: 30px;height: 38px;position: absolute;background: url(../images/v3m/input_del.png) no-repeat 0 9px;background-size: 22px 22px;left: 385px;border: none;outline: none;cursor: pointer;-webkit-tap-highlight-color: transparent;} .filter .parent input.search{color: #9FA0A0;opacity: 1 !important;font-size: 15px;font-weight: 300;font-family: Microsoft-YaHei,sans-serif;line-height: 18px;} .filter .parent input::placeholder{color: #9FA0A0;opacity: 1 !important;font-size: 15px;font-weight: 300;font-family: Microsoft-YaHei,sans-serif;line-height: 18px;} .filter .parent input:-moz-placeholder{color: #9FA0A0;opacity: 1 !important;font-size: 15px;font-weight: 300;font-family: Microsoft-YaHei,sans-serif;line-height: 18px;} .filter .parent input:-ms-input-placeholder{color: #9FA0A0;opacity: 1 !important;font-size: 15px;font-weight: 300;font-family: Microsoft-YaHei,sans-serif;line-height: 18px;} .filter .parent input::-webkit-input-placeholder{color: #9FA0A0;opacity: 1 !important;font-size: 15px;font-weight: 300;font-family: Microsoft-YaHei,sans-serif;line-height: 18px;} .rightContent .content{margin: 30px 0 0;} .rightContent span.none{font-size: 18px;font-family: Microsoft-YaHei;font-weight: 400;color: #595757;} .rightContent .list{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 69px;border-bottom: 1px solid #DCDDDD;} /* .rightContent .lint{height: 69px;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} */ .rightContent .list a span{color: #595757;font-size: 18px;font-family: Microsoft-YaHei;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .rightContent .list a:hover span{color: #0028aa;} .rightContent .list:hover .icon-arrow-right::before{background-color: #0028aa;} .rightContent .list:hover .icon-arrow-right::after{background-color: #0028aa;} .rightContent .list span{font-size: 18px;font-family: Microsoft-YaHei;font-weight: 400;color: #595757;line-height: 69px;} i.icon-arrow-right{position: relative;display: inline-block;width: 12px;height: 15px;} i.icon-arrow-right::before{ content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; background-color: #595757; } i.icon-arrow-right::after{ content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; background-color: #595757; } i.arrow-hover::after, i.arrow-hover::before{background-color: #0028aa;} .pager {height:32px;width: auto;margin: 57px auto 71px;display: flex; justify-content: center;box-sizing: border-box;} .pager ul {height:32px;margin: 0;display: flex;} .pager li,.pager .pre, .pager .next{width:31px;height: 31px;margin: 0;font-size:16px;display: flex;align-items: center;justify-content: center;text-align: center;border: 1px solid #D2D2D2;} .pager .pre {margin: 0;cursor: pointer;} .pager .next {margin: 0;cursor: pointer;} .pager .active{color:#FFFFFF;background: #0028AA;border: 1px solid #0028AA;} .pager li:hover{color:#FFFFFF;background: #0028AA;cursor: pointer;} .grid { width: 100%; margin-right: auto; margin-left: auto } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* margin-right: -15px; margin-left: -15px */ } @media (min-width: 1024px) and (max-width: 1200px) { .rd .scence{width: 1000px;} } @media (min-width: 1201px) and (max-width: 1366px){ .rd .scence{width: 1100px;} } @media (min-width: 1024px) and (max-width: 1366px) { .head{min-width: auto;box-sizing: border-box;} .head .language i.type.en, .head .searchTop i.searcher{width: 18px; height: 18px;background-size: 18px 18px;} .appSolutions .navigate span{font-size: 14px;} .head .links span{padding: 0 15px;font-size: 14px;} .head .links span::before{left: 41%;} .head .links span ul li{padding-left: 18px;font-size: 13px;} .head .links .language ul{right: 0;} .head .links .subNav li.english:hover::before{width: 45px !important;} /* .head .links .subNav li:hover::before, .head .links .current::before{width: 52px !important;} */ .landscape .head .links span:hover{color: #585757;} .landscape .bottom span:hover{text-decoration: none !important;} .banner .policy{bottom: 25px;} .subTitle .w1200, .cont .pheader{width: auto;} /* .bgBanner.intro2{height: 290px;margin-top: 177px;} */ .subTitle.introduction1 .pHead h5, .introduction .pheader h5{padding: 0 60px;} .subTitle.introduction1 .pHead span, .introduction .pheader h5{padding: 0 15px;} .corporateVision{width: auto;padding-left: 60px;padding-right: 60px;} .bgBanner.culture2,.bgBanner.culture3{height: auto;} .culture2 .wish{width: auto;padding-left: 60px;/*padding-top: 112px;padding-bottom: 112px;*/} .culture3 .wish{width: auto;;padding-left: 60px;padding-bottom: 152px;} .applicationScenes .swiper-container{height: 374px;} .applicationScenes .swiper-container.swiperOne{width: 560px;} .applicationScenes .list span:last-child{padding-right: 0;} .applicationScenes .caseOne .slider .intro, .applicationScenes .caseTwo .slider .intro{right: 30px;} .applicationScenes .slider .intro{width: 265px;} .slider .intro span{font-size: 14px;} .bgBanner p{font-size: 47px;letter-spacing: 6px;} .bgBanner.news p{line-height: 60px;} .culture3 .content{width: 600px;} .bgBanner.intro1,.bgBanner.scene1,.bgBanner.power,.bgBanner.products,.bgBanner.productsEnergy,.bgBanner.serviceSupport,.bgBanner.serviceInfo,.bgBanner.news,.bgBanner.join,.bgBanner.contact, .bgBanner.development1, .bgBanner.development2, .bgBanner.development3{height: 350px;} .bgBanner.culture1{height: 326px;} .p6{padding-left: 60px;padding-right: 60px;} .dp6 .dp6_title{width: 100%;padding: 0 60px 0 140px;align-items: flex-start;} .dp6 .dp6_title .dp6_top{width: auto;} .dp6 .dp6_title .p_date{width: 100%;} .dp6 .dp6_title .dp6_top .dp6_icon{width: auto;left: -80px;} .dp6 .dp6_content{width: 100%;} .dp6 .dp6_bottom .content{width: 100%;padding: 0 30px;} .dp6 .dp6_content p{padding: 0 30px;} .dp6 .dp6_content video{width: 100%;} .energySolutions .title{width: 90%;} .energySolutions .title .btns a{-webkit-tap-highlight-color: transparent;} .slideItem .main{width: 90%;} .slideItem .preview .arrow-right{-webkit-tap-highlight-color: transparent;} .multiple .swiper-slide{margin-left: 0px;margin-right: 0px;width: 100% !important;} .energySolutions .slideItem .main{width: auto;} .energySolutions .slideItem .item{width: auto;} .energySolutions .slideItem .bar{min-width: 90%;left: 50%;transform: translateX(-50%);} .preview .swiper-container span,.energySolutions .slideItem .bar span{font-size: 24px;} .slideItem .tableProduct{width: 96%;margin: 0 auto;} .p4 .subHeader{width: 920px;} .p4 .subHeader p{padding-left: 0;padding-right: 0;text-align: left;} .p4 .subHeader h2{font-size: 25px !important;} .p4 .table{width: 908px;} .contactForm{max-width: 900px;} .pHead.spacing0 h1{font-size: 25px;} .contactForm .left{width: 200px;} .contactForm .right{width: 650px;margin-left: 200px;padding-left: 60px;} .contactForm .right ul li.inline{width: 45%;} .contactForm ul h5{font-size: 16px;} .contactForm ul input{width: 240px;} .media-textarea, .activity-textarea, .supplier-textarea{width: 570px;} .bannerPolicy{height: 200px;} .bannerPolicy .cont{width: 100%;padding: 0 30px;} .policyWapper .policyContent{max-width: 100%;padding: 0 30px;} .scennesThird .contact{width: 100%;} .scennesThird .contact .h24 img{width: 109px;height: 79px;} .scennesThird .contact .email img{width: 95px;height: 70px;} .scennesThird .contact .more img{width: 87px;height: 101px;} .scennesThird .contact .h24{width: auto;height: 223px;margin: 0 60px} .scennesThird .contact .right .title{font-size: 24px;} .scennesThird .contact .right .text{font-size: 20px;} .scennesThird .contact .h24 .title{font-size: 52px;} .scennesThird .contact .h24 .text{padding-top: 9px;} .scennesThird .contact .cont{height: 223px;} .scennesThird .contact .bottom{width: auto;margin-left: 60px;margin-right: 60px;} .serviceNetwork .scenesOne .pHead h5{padding: 0 30px;} .serviceNetwork .scenesOne .maps{max-width: 100%;padding: 0 30px;} .scenesOne .maps .mapInfo{margin: 120px 0 0 0;} .serviceNetwork .scenesOne .maps img{width: 584px !important;height: 415px !important;} .maps .mapInfo .count{width: 130px;} .scenesOne .maps .mapInfo span.num{font-size: 30px;} .serviceInfo .qualification{height: 565px;} .serviceInfo .warpper{height: 260px;} .serviceInfo .warpper,.serviceInfo .allservice{width: 78%;} /* .subTitle .pHead h1, .serviceInfo .h3{font-size: 32px;} */ .serviceInfo .subTitle .pHead span{font-size: 14px;} .serviceInfo .warpper .item span{padding-top: 12px;font-size: 14px;} .serviceInfo .warpper .necas img, .serviceInfo .warpper .cteas img{padding-top: 16px;} .serviceInfo .warpper .necas img{width: 136px; height: 22px;} .serviceInfo .warpper .cteas img{width: 192px; height: 22px;} .serviceInfo .allservice{height: 850px;} .serviceInfo .allservice h3{top: 172px;letter-spacing: 2px;} .serviceInfo .allservice .item span{font-size: 16px;font-weight: 400;line-height: 30px;} .serviceInfo .allservice{background-size: 727px 632px;} .serviceInfo .allservice .first{left: -4px;top: 306px;} .serviceInfo .allservice .second{left: -2px;top: 458px;} .serviceInfo .allservice .third{top: 308px;right: -3px;left: auto;} .serviceInfo .allservice .fourth{top: 465px;right: -2px;left: auto;} .p6 .xinwen{height: 332px;} .p6 .xinwen img{width: 456px;} .bottom .xinwen_n .times span{font-size: 16px;} .p6 .xinwen .xinwen_left{padding-top: 30px;} .p6 .xinwen .xinwen_t{margin-bottom: 15px;font-size: 22px;line-height: 38px;} .p6 .xinwen .xinwen_b a{text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .p6 .xinwen .xinwen_t a{text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .category .filter{width: 100%;} .category .leftMenu ul{width: 180px;} .leftMenu ul li{padding-left: 41px;} .category .rightContent{margin-left: 60px;} .appSolutions .serviceCenter .main{padding-left: 15px;padding-right: 15px;} .appSolutions .serviceCenter .cont{height: 223px;} /* .newFoot .center, .applicationScenes .tips span, .energySolutions .tips span, .newsCenter .content{width: auto;padding-left: 12px;padding-right: 12px;} */ .newFoot .center, .applicationScenes .tips span, .energySolutions .tips span{width: auto;padding-left: 12px;padding-right: 12px;} .newFoot .bottom .contact{width: 993px;margin-right: 9px;margin-left: 9px;} .newFoot .bottom .contact .item, .newFoot .bottom .item .num{font-size: 12px;} .newFoot .bottom .copyright{width: auto;padding: 0 14px;font-size: 12px;} .newFoot .copyright .record img{transform: translateY(4px);} } @media (min-width: 1367px) and (max-width: 1440px){ .head{padding-left: 100px;} .topNews .xinwen img{height: 262px;} .modal.apply{bottom: -55px;} .apply .form ul{padding-bottom: 0;} .apply .form span{font-size: 16px;} .modal.policy{bottom: -55px;} .policy .form{width: 50%;height: 600px;} .policy .form .warp{height: 530px;} } @media (min-width: 1367px) and (max-width: 1536px){ .head{padding-left: 75px;padding-right: 75px;} .applicationScenes .tips span, .energySolutions .tips span, .newsCenter .content, .rd .scence{width: 1250px} /* .newFoot .center{width: 1408px;} */ .appSolutions .tips{width: 1264px;} .newFoot .center,.appSolutions .serviceCenter .main{width: 1243px;} .newFoot .bottom .copyright{width: 1250px;} /* .newFoot .bottom .copyright{width: 1238px;} */ .newFoot .center .right .qrcode{margin-right: -4px;} .newFoot .bottom .colorPanel .piece{width: 110px;} .newFoot .bottom .contact{width: 1260px;margin: 16px auto;} /* .newsCenter .xinwen img{height: 281px;} */ } @media (min-width: 1441px) and (max-width: 1680px) { .topNews .xinwen img{height: 262px;} .p7{ width: 1360px;padding: 60px 0;} .imgTitle p{left:70px; right:70px;} .bjcncy{width: 1360px;} .bjcncyDetail img{width: 500px;} .bjcncyDetail .left li, .bjcncyDetail .right li {width: 240px;height: 60px;border-radius: 36.5px;margin-bottom: 55px;margin-left: 30px;font-size: 24px;} .p9Body>img{width: 1360px;} .p10 {padding: 80px 0 0 0;} .p10Body {width: 1360px;} .p10Body>div{padding-bottom: 60px;align-items: flex-start;} .p10Body .picShow {display:flex;justify-content:center;align-items:center;min-height: auto;} .p10Body .picShow>img{width: 500px;} .p10Body .txtShow {padding:40px 0px 0 70px;min-height: auto;} .p10Body .txtShow>h5{top: 6px;right: 0;} .p10Detail .title{font-size: 30px;} .p10Detail .line{margin: 15px 0 15px 0;} .p10Detail .title2{ font-size:18px;margin:20px 0 6px 0;line-height:28px;} .p10Detail .txt {font-size: 14px;line-height: 28px;} .p10Body .leftTxt .txtShow {padding: 40px 70px 0 0px;} .p10Body .leftTxt .txtShow>h5{left:0;} /* .energySolutions .title{width: 80%;} */ /* .newFoot .center{ max-width: 1360px;padding: 60px 10px;} */ .newFoot .copyright{ max-width: 1360px;} /* .copyRight .center{max-width: 1360px;padding: 0 10px;} */ .footMenu{width: 560px;} .info .broad{ max-width: 1300px;} .info .broad .iconList ul li{ margin: 0 50px;} .modal{bottom: -70px;} .policy .form{height: 600px;} .policy .form .warp{height: 520px;} } @media (min-width: 1681px) and (max-width: 1920px){ .head.index{padding-right: 142px;} .videoAnimate .warpper{top: 77px;} .videoAnimate .pointsMap .info{height: 38px;padding: 0 32px;font-size: 16px;} .homeNews .content .topNews{width: 88%;} .topNews .xinwen img{height: 312px;} } @media (min-width: 1921px) and (max-width: 2560px) { .head.index{padding-right: 142px;} .videoAnimate .warpper{top: 77px;} .videoAnimate .pointsMap .info{height: 38px;padding: 0 32px;font-size: 16px;} .homeNews .content .topNews{width: 88%;} .topNews .xinwen img{height: 312px;} .bgBanner.culture3{height: 706px;} /* .culture3 .wish{padding-top: 716px;} */ .bgBanner.intro1,.bgBanner.culture1,.bgBanner.serviceSupport,.bgBanner.serviceInfo,.bgBanner.news,.bgBanner.join,.bgBanner.contact,.bgBanner.products,.bgBanner.productsEnergy,.bgBanner.solutions1,.bgBanner.power, .bgBanner.development1, .bgBanner.development2, .bgBanner.development3{height: 699px;} .bgBanner.solutions2{height: 828px;} .bgBanner.solutions3{height: 828px;} .dp6 .dp6_content{min-height: 400px;} } @media (min-width: 1366px){ .p4 .table{width: 1200px !important;} } @media (min-width: 1872px){ .head{padding-left: 136px;} .culture3 .jobDirection{padding-top: 172px;} .serviceInfo .warpper .item h3{font-size: 65px;} .newFoot .center,.newFoot .bottom .copyright, .applicationScenes .tips span, .energySolutions .tips span{width: 1408px;} .appSolutions .tips, .appSolutions .serviceCenter .main{width: 1408px;} .rd .scence{width: 1408px;} .newFoot .bottom .contact{width: 1420px;} .newFoot .bottom .colorPanel .piece{width: 110px;} } @media (min-width: 2560px){ .culture3 .jobDirection{padding-top: 202px;} } @media (max-width: 1440px){ .topNews .xinwen .xinwen_t{min-height: 41px;padding-top: 25px;} .topNews .xinwen .xinwen_t a{font-size: 14px;line-height: 22px;} .topNews .xinwen .xinwen_b{padding-top: 20px;} .culture2 .corporateVision{padding-top: 132px;} .bgBanner.culture3{height: 456px;} .culture3 .jobDirection{padding-top: 132px;} .newsCenter{margin: 0 auto;} /* .newsCenter{margin: 0 -15px;} */ .newsCenter .xinwen{padding: 0 15px;} .appSolutions .serviceCenter .email img{width: 90px;height: 74px;} .appSolutions .serviceCenter .more img{width: 80px;height: 91px;} } @media (max-width: 1366px){ .head{height: 67px;padding: 0 10px 0 10px;} .head.index{padding-right: 47px;} .head .links .subNav{top: 67px;} .appSolutions .navigate.stepfix{top: 67px;} .head .links{height: 67px;} .head .links span{line-height: 67px;} .head .searchTop{margin-left: 0;} .head .links .subNav,.head .links span.language>ul{top: 67px;} /* .head .links span>ul,.head .links span.language>ul{top: 67px;} */ .homeNews .top, .homeNews .topNews{padding-right: 65px;padding-left: 65px;} .homeNews .top h3{font-size: 20px;} .homeNews .top .more{font-size: 16px;} .homeNews .top .more::after{width: 30px;height: 20px;background-size: 30px 20px;} .topNews .xinwen img{height: 204px;} .slideItem .item .form{font-size: 14px;} .category{padding-left: 30px;padding-right: 30px;} .banner .swiper-container, .bgBanner.intro1, .bgBanner.culture1, .bgBanner.scene1, .bgBanner.products, .bgBanner.productsEnergy,.bgBanner.power, .bgBanner.serviceSupport, .bgBanner.serviceInfo, .bgBanner.news, .bgBanner.join, .bgBanner.contact, .bannerPolicy, .bgBanner.development1, .bgBanner.development2, .bgBanner.development3{margin-top: 67px;} /* .culture2 .wish{width: 100%;} */ .apply .form{height: auto;margin-top: 65px;} .apply .form h5, .policy .form h5, .products .form h5{height: 50px;} .apply .form ul li{height: 54px;} .apply .form ul{padding-bottom: 0;} /* .apply .form span, .policy .form span{font-size: 14px;} */ .policy .form{width: 50%;height: 460px;margin-top: 60px;} .products .form{height: 463px;margin-top: 60px;} .products .form span.modalTitle{font-size: 16px;} .policy .form .warp{height: 390px;} .serviceNetwork .scenesOne .maps img{width: 764px;height: 569px;} .serviceNetwork .store{height: auto;min-height: 537px;} .serviceNetwork .scenesTwo{height: 521px;} .serviceNetwork .scenesTwo .flow{width: 771px;height: 540px;background-size: 771px 540px;} .newFoot .brand img.qrcode{left: -3px;} .rd .section3 .picBg .text span{padding-left: 15px;padding-right: 15px;} .applicationScenes .caseTwo .pagerIntro{bottom: 0;} } @media (max-width: 1280px){ .videoAnimate ul.pointsMap li:nth-child(4){z-index: auto;} .applicationScenes .caseOne .title,.applicationScenes .caseTwo .title{width: 77%;} /* .applicationScenes .caseOne, .applicationScenes .caseTwo{height: 866px;} */ } @media (max-width: 1024px){ .videoAnimate .homeNews{padding-top: 96px;} .homeNews .top, .homeNews .topNews{padding-right: 35px;padding-left: 35px;} .topNews .xinwen img{height: 212px;} .topNews .xinwen .xinwen_t a{font-size: 14px;} .homeNews .topNews .more::after{width: 34px;height: 20px;background-size: 34px 20px;} .homeNews .topNews .more{font-size: 15px;} .applicationScenes .title h2{font-size: 22px;} .applicationScenes .title p{font-size: 14px;} .applicationScenes .slider{width: 100%;} /* .applicationScenes .caseOne, .applicationScenes .caseTwo{height: 866px;} */ .culture3 .content{width: 670px;} /* .newsCenter .xinwen img{height: 208px;} */ .newsCenter .xinwen .xinwen_t a{font-size: 16px;} .corporateVision{width: auto;padding: 60px;} /* .bgBanner.culture2{height: 346px;} */ /* .culture2 .content.worth{margin-top: 56px;} */ .culture2 .content.thoughts{margin-top: 56px;} .culture2 .companyMission{padding-top: 60px;padding-bottom: 60px;} .corporateVision, .culture2 .companyMission, .culture3 .jobDirection{padding-left: 15px;padding-right: 15px;} .bgBanner.culture3{height: 326px;} .culture3 .jobDirection{padding-top: 82px;} .p6 .xinwen .xinwen_t{font-size: 22px;} .bottom .xinwen_n .times span{font-size: 16px;} .energySolutions .title .btns span{margin-right: 20px;} .energySolutions .slideItem .subTitle{padding-top: 52px;} .energySolutions .product_01 .preview .swiper-container,.energySolutions .product_00 .preview .swiper-container,.energySolutions .product_02 .preview .swiper-container{width: 960px;} .preview .swiper-container span, .energySolutions .slideItem .bar span{font-size: 20px;} /* 涔樼敤杞 */ .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(1){padding-left: 50px;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(5){padding-left: 50px;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(9){padding-left: 50px;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(13){width: 245px;padding-left: 170px;text-align: center;} .passenger .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(14){width: 275px;padding-right: 130px;text-align: center;} /* 鍟嗕笟搴旂敤 */ .productBussiness .product_00 .preview .swiper-wrapper .swiper-slide:nth-child(5){width: 20%;;padding-right: 50px;} .productBussiness .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(5){width: 245px;padding-left: 162px;text-align: center;} .productBussiness .product_02 .preview .swiper-wrapper .swiper-slide:last-child{width: 275px;padding-right: 130px;text-align: center;} /* 鍌ㄨ兘浜у搧 */ .productEnergy .product_01 .preview .swiper-wrapper .swiper-slide:nth-child(1){margin-left: 32px;} .productEnergy .product_01 .preview .swiper-wrapper .swiper-slide:nth-child(5){width: 245px;padding-left: 162px;text-align: center;} .productEnergy .product_01 .preview .swiper-wrapper .swiper-slide:last-child{width: 275px;padding-right: 130px;text-align: center;} .productEnergy .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(1){padding-left: 7px;} .productEnergy .product_02 .preview .swiper-wrapper .swiper-slide:last-child{width: 23%;} .energySolutions .product_01 .preview .swiper-wrapper .swiper-slide:nth-child(5){width: 245px;padding-left: 162px;text-align: center;} /* .energySolutions .product_01 .preview .swiper-wrapper .swiper-slide:last-child{width: 100%;padding-left: 3px;text-align: center;} */ .slideItem .preview .arrow-left{width: 80px;} /* .energySolutions .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(1){padding-left: 0;} */ .productEnergy .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(3){width: 23%;} .solutions2 .productEnergy .product_02 .preview .swiper-wrapper .swiper-slide:nth-child(4){width: 275px;padding-right: 130px;text-align: center;} .policyWapper .policyContent{width: 100%;box-sizing: border-box;padding: 0 15px;} .rd .scence .subTitle p{font-size: 15px;text-align: left;} .rd .section2 .subTitle p, .rd .section3 .subTitle p{text-align: center;} .rd .scence{width: 100%;box-sizing: border-box;padding: 0 15px;} .newFoot .copyright .record{margin-left: 5px;} .newFoot .bottom .statement{display: flex;flex-direction: column;justify-content: center;} .newFoot .bottom .statement a{line-height: normal;} } @media (max-width: 1023px){ body{width: 1200px;} } /* 鏂伴椈涓績PC鑷€傚簲MOBILE鍒楄〃 */ @media (max-width: 1200px){ .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } } @media (max-width: 992px){ .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } } @media (max-width: 768px){ .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } } @media (max-width: 576px){ .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } /* .changeImg{transform: scale(1.0,1.0);transition: all .3s ease-out;} .changeImg:hover{transform: scale(1.1,1.1);} .p6_page {width: 100%; margin: auto;display: flex; margin-bottom: 40px;box-sizing: border-box;padding: 15px 0;} .p6_page .pagination{padding-left: 0; margin: 20px auto;display: flex;align-items: center;border-radius: 4px;} .p6_page .pagination .rows{line-height: 31px;} .p6_page .pagination li {float: left;margin: 0 3px;list-style: none;} .p6_page .pagination > li > a, .p6_page .pagination > li > span {float: left;line-height: 1.5;padding: 4px 12px;position: relative;text-decoration: none;color: #535351;border: 1px solid #D2D2D2;background-color: #FFFFFF;} .p6_page .pagination li:hover a, .p6_page .pagination li.active a {color: #fff;border: 1px solid #0028AA;background: #0028AA;text-decoration: none;} */ .border_right{border-right: 1px solid #0028AA !important;}