|
Server : nginx/1.18.0 System : Linux iZrj9edhd5u5pfsek09o1jZ 3.10.0-957.21.3.el7.x86_64 #1 SMP Tue Jun 18 16:35:19 UTC 2019 x86_64 User : www ( 1000) PHP Version : 5.6.40 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv Directory : /mnt/web/www.neatabattery.com/template/pc/skin/css/ |
.banner{width:100%;}
.banner img{width:100%;display:block;}
.banner .swiper-pagination-bullet{background:none;opacity:1;border:1px solid #fff;}
.banner .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-next{width:24px;height:46px;background:url(../images/r.png);right:50px;background-size:100% 100%;}
.banner .swiper-button-prev{width:24px;height:46px;background:url(../images/l.png);left:50px;background-size:100% 100%;}
.banner1{position:absolute;left: 14.58%;top: 25%;color:#505050;width:50%;}
.banner1 i{color:#ed2929}
.banner1 h4{font-size:26px;margin-bottom:20px;}
.banner1 h3{font-size:36px;line-height:48px;}
.banner2{position:absolute;left: 16.51%;top: 20%;width:80%;}
.banner2 i{color:#ed2929}
.banner2 h4{font-size:36px;color:#505050;line-height:48px;}
.banner3{position:absolute;left: 0;top: 25%;color:#fff;width:100%;text-align:center;}
.banner3 i{color:#ed2929}
.banner3 h4{font-size:36px;margin-bottom:40px;}
.banner3 h3{font-size:24px;line-height:42px;}
.banner4{position:absolute;left: 12%;top: 50%;color:#fff;width:50%;-webkit-transform: translateY(-50%) translateX(0%);transform: translateY(-50%) translateX(0%);}
.banner4 i{color:#ed2929}
.banner4 h4{font-size:36px;line-height:48px;}
.banner h3,.banner h4{transform: translateX(200px);
-ms-transform: translateX(200px);
-webkit-transform: translateX(200px);
opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3,.banner .swiper-slide-active h4 {transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;}
.banner .swiper-slide-active h3:nth-child(1),.banner .swiper-slide-active h4:nth-child(1){
transition-delay: .2s;
-ms-transition-delay: .2s;
-moz-transition-delay: .2s;
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
}
.banner .swiper-slide-active h3:nth-child(2),.banner .swiper-slide-active h4:nth-child(2){
transition-delay: .4s;
-ms-transition-delay: .4s;
-moz-transition-delay: .4s;
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
}
.banner .swiper-slide-active h3:nth-child(3),.banner .swiper-slide-active h4:nth-child(3){
transition-delay: .6s;
-ms-transition-delay: .6s;
-moz-transition-delay: .6s;
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
}
@media (min-width:1200px){
.banner{height:calc(100vh - 100px)}
}
.cpzx{padding:100px 0;background:url(../images/cpzx-bj.jpg)no-repeat center;}
.cpzx-t{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;flex-wrap:wrap;}
.cpzx-t h3{color:#414141;font-size:30px;}
.cpzx-t h3 i{display:block;width:31px;height:5px;background:#ee1c25;margin-top:20px;}
.cpzx-t p{display:flex;flex-wrap:wrap;}
.cpzx-t p a{display:block;text-align:center;width:270px;line-height:50px;border:2px solid #e5e5e5;border-radius:100px;background:#f7f7f9;color:#999;font-size:16px;margin:0 15px;transition:all 0.5s;}
.cpzx-t p a:hover{background:#ee1c25;color:#fff;border-color:#ee1c25;}
.cpzx-b{}
.cpzx-b>div{height:590px}
.cpzx-b .swiper-slide{height: calc((100% - 30px) / 2);}
.cpzx-b a{display:flex;align-items:center;position:relative;background:#fff;border-top-left-radius:10px;border-bottom-right-radius:10px;flex-wrap:wrap;overflow:hidden;height:100%;}
.cpzx-b a i{position:absolute;width:0;left:0;bottom:0;height:4px;background:#ef3f35;transition:all 0.5s;}
.cpzx-b a h5{position:absolute;font-size:20px;color:#dfdfdf;top:30px;left:25px;font-weight:bold;}
.cpzx-b a h4{width:52.63%;}
.cpzx-r{width:47%;padding-right:50px;}
.cpzx-r h3{color:#414141;font-size:22px;line-height:26px;margin-bottom:25px;}
.cpzx-r p{color:#777;line-height:25px;}
.cpzx-b a:hover i{width:100%;}
.cgal{padding:77px 0 100px 0;}
.sybt{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;flex-wrap:wrap;}
.sybt h3{color:#414141;font-size:30px;text-transform:capitalize;}
.sybt h3 i{display:block;width:31px;height:5px;background:#ee1c25;margin-top:20px;}
.sybt a{display:block;line-height:30px;padding-right:14px;color:#222;font-size:16px;background:url(../images/sybt.png)no-repeat center right;}
.sybt a:hover{color:#ee1c25;}
.cgal-b{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;background:#f5f5f5;border-top-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;}
.cgal-l{width:36.5%;padding:0 80px;}
.cgal-l h3{color:#121212;font-size:24px;line-height:26px;margin-bottom:10px;}
.cgal-l h5{width:20px;height:4px;background:#ee1c25;margin-bottom:33px;}
.cgal-l p{color:#777;line-height:25px;margin-bottom:90px;}
.cgal-l a{display:block;width:180px;line-height:50px;text-align:center;color:#fff;border-radius:50px;background:#ee1c25;transition:all 0.5s;}
.cgal-l a:hover{opacity:0.8;}
.cgal-r{width:63.5%;overflow:hidden;}
.cgal-r img{display:block;width:100%;}
.cgal-r:hover img{transform:scale(1.1);}
.cgal-b2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.cgal-b2 a{display:block;width:calc(50% - 10px);border-top-left-radius:10px;overflow:hidden;background:#f5f5f5;transition:all 0.5s;margin-top:20px;}
.cgal-b2 a h4{overflow:hidden;}
.cgal-b2 a h4 img{display:block;width:100%;}
.cgal-b2 a dl{display: flex;align-items:center;justify-content:space-between;padding:40px 30px 30px 60px;}
.cgal-b2 a dl dt{width:calc(100% - 70px);}
.cgal-b2 a dl dt h3{color:#121212;font-size:24px;margin-bottom:10px;}
.cgal-b2 a dl dt p{color:#777;}
.cgal-b2 a dl dd{width:46px;height:46px;background:url(../images/cgal-tb.png);background-size:100% 100%;}
.cgal-b2 a:hover{background:#ee1c25;}
.cgal-b2 a:hover h3{color:#fff;}
.cgal-b2 a:hover img{transform:scale(1.1);}
.cgal-b2 a:hover p{color:#fff;}
.cgal-b2 a:hover dd{background:url(../images/cgal-tb2.png);background-size:100% 100%;}
.gywm{padding:158px 0 70px;background:url(../images/gywm-bj.jpg)no-repeat center;}
.gywm .w1{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.gywm-l{width:36.53%;margin-bottom: 80px;}
.gywm-l h5{color:#ee1c25;font-size:18px;text-transform:uppercase;margin-bottom:27px;}
.gywm-l h3{color:#3a3a3a;font-size:32px;margin-bottom:40px;}
.gywm-l p{color:#777777;font-size:18px;line-height:32px;margin-bottom:120px;}
.gywm-l a{display:block;width:180px;line-height:50px;text-align:center;color:#fff;border-radius:50px;background:#ee1c25;}
.gywm-l a:hover{opacity:0.8;}
.gywm-r{width:48.91%;}
.gywm-r .swiper-slide{transform: scale(0.8);}
.gywm-r .swiper-slide a{display:block;text-align:center;font-size:18px;color:#888888;}
.gywm-r .swiper-slide a h4{margin-bottom:30px;overflow:hidden;}
.gywm-r .swiper-slide a h4 img{display:block;width:100%;}
.gywm-r .swiper-slide a p{display:none;}
.gywm-r .swiper-slide a:hover{color:#ee1c25;}
.gywm-r .swiper-slide-active,.gywm-r .swiper-slide-duplicate-active{transform: scale(1);}
.gywm-r .swiper-slide-active a p,.gywm-r .swiper-slide-duplicate-active a p{display:block;}
.gywm-an{display:flex;justify-content:center;align-items:center;margin-top:-20px;}
.gywm-an a{display:block;width:56px;height:56px;}
.gywm-an .a1{background:url(../images/l2.png)no-repeat;background-size:100% 100%;}
.gywm-an .a2{background:url(../images/r2.png)no-repeat;background-size:100% 100%;}
.gywm-an p{color:#888888;margin:20px 150px 0 150px;width:auto!important;}
.wmys{margin:55px auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.wmys dl{text-align:center;}
.wmys dl dt{height:50px;}
.wmys dl p{display: flex;justify-content:center;align-items:flex-end;margin-bottom:30px;color:#777777;}
.wmys dl p b{font-size:58px;color:#ee1c25;line-height:100%}
.wmys dl p span{padding-bottom:5px;}
.wmys dl h3{color:#777777;font-size:14px;line-height:18px;}
.wmys dl:hover img{transform: rotateY(180deg);}
.gg{position:relative;}
.gg-t{position:relative;}
.gg-t h4{position:relative;}
.gg-t h4 i{position:absolute;width:100%;height:100%;left:0;bottom:0;background:url(../images/sp.png)no-repeat center;background-size:50px}
.gg-t>img{display:block;width:100%;}
.gg-s{position:absolute;left: 50%;top: 80px; -webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);color:#fff;}
.gg-s h3{font-size:21px;margin-bottom:15px;}
.gg-s p{font-size:15px;line-height:24px;width:716px;max-width:100%;margin-bottom:80px;}
.gg-s h5{text-align:center;cursor:pointer;}
.gg-b{position:absolute;left:0;bottom:0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;background:rgba(0,0,0,0.6);}
.gg-b a{width: 25%;display:flex;justify-content:center;color:#fff;height:100px;padding:0 30px;align-items:center;border-right:1px solid rgba(255,255,255,0.2);transition:all 0.5s;}
.gg-b a:last-child{border:none;}
.gg-b a i{transition:all 0.5s;}
.gg-b a p{width:62px;height:10px;background:url(../images/gg-tb.png)no-repeat center right;display:none;transition:all 0.5s;}
.gg-b a:hover{justify-content:space-between;background:#ee1c25;border-color:#ee1c25;}
.gg-b a:hover p{display:block;}
.cpzx2{padding:96px 0 140px 0;background:url(../images/xwzx-bj.jpg)no-repeat center #f5f5f5;}
.sybt2{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px;}
.sybt2 h3{color:#414141;font-size:30px;position:relative;padding-bottom:25px;text-transform:capitalize;}
.sybt2 h3 p{position:absolute;left:0;bottom:0;width:31px;height:5px;background:#ee1c25;}
.sybt2 a{display:block;line-height:30px;background:url(../images/sybt-tb.png)no-repeat center right;padding-right:20px;color:#222222;font-size:16px;}
.gywm4-t-r{display:flex;align-items:center;}
.gywm4-t-r p{width:74px;height:73px;margin-left:12px;cursor:pointer;}
.gywm4-t-r .p1{background:url(../images/l3.png);background-size:100% 100%;}
.gywm4-t-r .p1:hover{background:url(../images/l3-1.png);background-size:100% 100%}
.gywm4-t-r .p2{background:url(../images/r3.png);background-size:100% 100%;}
.gywm4-t-r .p2:hover{background:url(../images/r3-1.png);background-size:100% 100%;}
.gywm4-b{overflow:hidden;margin:0 auto;}
.gywm4-b>.swiper-container{width:1865px;}
.gywm4-b>.swiper-container a{display:block;background:#ffffff;border-top-left-radius:10px;border-bottom-right-radius:10px;margin:30px 0;padding:40px;transition:all 0.5s;}
.gywm4-b>.swiper-container a>h3{font-weight:bold;font-size:60px;color:#e6e6e6;margin-bottom:40px;display:flex;justify-content:space-between;}
.gywm4-b>.swiper-container a>h3 span{font-size:14px;color:#cbcbcb;}
.gywm4-b>.swiper-container a>h4{overflow:hidden;margin-bottom:40px;}
.gywm4-b>.swiper-container a>h4 img{width:100%;display:block;}
.gywm4-b>.swiper-container a>p{font-size:24px;color:#222222;height: 56px;}
.gywm4-b>.swiper-container a>h5{color: #949494;font-size:16px;line-height:26px;display:none;}
.gywm4-b>.swiper-container a>span{display:block;height:12px;overflow:hidden;margin-top:75px;}
.gywm4-b>.swiper-container a>span img{display:block;}
@media (min-width:1200px){
.gywm4-b>.swiper-container a:hover{margin: 5px;padding: 30px 40px 60px 40px;transition:all 0.5s;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);}
.gywm4-b>.swiper-container a:hover h4{margin-bottom:60px;}
.gywm4-b>.swiper-container a:hover>p{color: #ee1c25;}
.gywm4-b>.swiper-container a:hover>p{margin-bottom:20px;}
.gywm4-b>.swiper-container a:hover>h5{display: -webkit-box;}
.gywm4-b>.swiper-container a:hover>span .img1{margin-top:-12px;}
.gywm4-b>.swiper-container a:hover>span{margin-top:40px;}
}
@media screen and (max-width:1200px){
.banner{margin-top:60px;}
.cpzx-t p a{font-size:14px;width:100%;margin-bottom:10px;}
.gywm{background-size:auto 100%;}
.gywm-an p{margin:0 20px;}
.wmys dl{width:50%;display: flex;justify-content: space-between;/* align-items: center; */}
.wmys dl dt{width: 60px;text-align: left;}
.wmys dl dd{width: calc(100% - 60px);}
.wmys dl p{justify-content:flex-start}
.wmys dl h3{text-align:left}
.gg-b{position:relative;padding:10px 0;}
.gg-b a{width:50%; height:auto;text-align:center;padding:10px;border-right: 1px solid rgba(255,255,255,0.2)!important;}
.gg-s{position:relative;top:0;color:#666;}
.banner .swiper-button-next,.banner .swiper-button-prev{display:none;}
.gg-b a p{display:none!important}
}