/*.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{width:100%;}
.banner img{width:100%;display:block;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#f62812;}
.banner-an{position:absolute;left:8.3%;bottom:26.9%;display:flex;z-index:10;}
.banner-an a{display:block;width:52px;height:52px;}
.banner-an a.a1{background:url(../images/l3.png);background-size:100% 100%;}
.banner-an a.a2{background:url(../images/r3.png);background-size:100% 100%;margin-left:33px;}

.oem{position:relative;height: 566px;padding-bottom: 57px;background: url(../images/oem-bj2.jpg)no-repeat center bottom -50px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;display: none;}
.oem-l{width:58%;text-align:center;}
.oem-r{width:42%}
.oem .img1{position:absolute;left:0;top:93px;}
.oem .img2{position:absolute;right:0;top:100px;}
.oem .img3{margin-bottom:25px;}
.oem h4{font-size:20px;color:#666;text-transform:uppercase;margin-bottom:20px;}
.oem h3{font-size: 50px;text-transform:uppercase;margin-bottom:20px;font-weight: bold;}
.oem h3 span:nth-child(-n+9){color:#f62812; }
.oem h5{font-size:16px;color:#888;margin-bottom:45px;}
.oem-b{display:flex;align-items:center;flex-wrap:wrap;}
.oem-b a{display:flex;align-items:center;justify-content:center;width:155px;height:155px;background:url(../images/oem-bj4.png);background-size:100% 100%;color:#717171;font-size:24px;border-radius:100%;}
.oem-b a:hover{background:#f62812;color:#fff;}
.oem-b img{margin:0 23px;}

.jjfa{color:#fff;background:url(../images/jjfa-bj.jpg)no-repeat center;padding:167px 0 90px;display: none;}
.jjfa dl{display:flex;align-items:center;margin-bottom:40px;}
.jjfa dl dt{width:43px;height:43px;display:flex;align-items:center;justify-content:center;position:relative;margin-right:20px;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.jjfa dl dt .img1{position:absolute;left:0;top:0;-webkit-transform: rotate(360deg);animation: rotation 3s linear infinite;-moz-animation: rotation 3s linear infinite;-webkit-animation: rotation 3s linear infinite;-o-animation: rotation 3s linear infinite;}
.jjfa dl dt img:nth-child(1){width:26px;}
.jjfa dl dt dd{font-size:22px;}
.jjfa h3{font-size: 50px;line-height:72px;margin-bottom:20px;text-transform:uppercase;}
.jjfa p{color:#e6e6e6;line-height:26px;margin-bottom:100px;width:565px;font-size:16px;}
.jjfa .video{cursor:pointer;display:flex;align-items:center;font-size:22px;text-transform:uppercase;margin-bottom:70px;transition:all 0.5s;}
.jjfa .video:hover{transition:all 0.5s;color:#f62812;}
.jjfa .video img{margin-right:13px;}
.jjfa-b{display:flex;flex-wrap:wrap;justify-content:space-between;}
.jjfa-l{width:98px;}
.jjfa-r{display:flex;flex-wrap:wrap;justify-content:space-between;width:calc(100% - 98px);margin-top:27px;overflow:hidden;}
.jjfa-r span{margin-top:8px;position:relative;z-index: 2;}
.jjfa-r a{display:block;text-align:center;color:#fff;width:calc(100% / 6);}
.jjfa-r a h5{margin:0 auto 20px auto;width:30px;text-align:center;line-height:30px;background:url(../images/jjfa-tb4.png);border-radius:30px;transition:all 0.5s;position:relative;}
.jjfa-r a h5 i{width:241px;height:1px;background:#3a3a3a;position:absolute;right:40px;top:15px;}
.jjfa-r a h4{line-height:20px;font-size:16px;}
.jjfa-r a:hover h5{background:#f62812;transition:all 0.5s;}

.index{position:relative;}
.index>i{width:1px;height:100%;background:#808080;position:absolute;left:40px;top:0;z-index:10;}
.cpzx{padding:75px 0 90px 0;}
.cpzx-t{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:40px;flex-wrap:wrap;}
.cpzx-t img{left:-130px;top:calc(50% - 2.5px);position:absolute;}
.cpzx-t h3{color:#f62812;font-size: 50px;}
.cpzx-t p{display:flex;}
.cpzx-t p a{display:block;width:73px;height:73px;}
.cpzx-t p .a1{background:url(../images/l.png);background-size:100% 100%;margin-right:10px;}
.cpzx-t p .a1:hover{background:url(../images/l-1.png);background-size:100% 100%;}
.cpzx-t p .a2{background:url(../images/r.png);background-size:100% 100%;}
.cpzx-t p .a2:hover{background:url(../images/r-1.png);background-size:100% 100%;}
.cpzx-b{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.cpzx-l{width:246px;}
.cpzx-l a{display:block;border:1px solid #e3e3e3;font-weight:bold;color:#000;font-size:16px;line-height:52px;margin-bottom:-1px;padding-left:26px;position:relative;}
.cpzx-l a i{position:absolute;z-index: 2;background:#f7412e;transition:all 0.5s;}
.cpzx-l a i.i1{height:1px;width:0;right:0;top:0;}
.cpzx-l a i.i2{width:1px;top:0;left:0;height:0;}
.cpzx-l a i.i3{width:0;height:1px;left:0;bottom:0;}
.cpzx-l a i.i4{width:1px;height:0;right:0;bottom:0;}
.cpzx-l a:last-child{display:block;}
.cpzx-l a:hover{border-color:#f62812;z-index:2;}
.cpzx-l a:hover .i1,.cpzx-l a:hover .i3{width:100%;transition:all 0.5s;}
.cpzx-l a:hover .i2,.cpzx-l a:hover .i4{height:100%;transition:all 0.5s;}
.cpzx-r{width:calc(100% - 300px);}
.cpzx-r a{display:block;}
.cpzx-r a h4{position:relative;overflow:hidden;background:#f5f5f5;margin-bottom:35px;}
.cpzx-r a h4 img{display:block;width:100%;}
.cpzx-r a h4 i{position:absolute;z-index: 2;background:#f7412e;transition:all 0.5s;}
.cpzx-r a h4 i.i1{height:2px;width:0;right:0;top:0;}
.cpzx-r a h4 i.i2{width:2px;top:0;left:0;height:0;}
.cpzx-r a h4 i.i3{width:0;height:2px;left:0;bottom:0;}
.cpzx-r a h4 i.i4{width:2px;height:0;right:0;bottom:0;}
.cpzx-r a h3{color:#000;font-size:20px;margin-bottom:10px;line-height:140%;}
.cpzx-r a p{color:#777;font-size:16px;}
.cpzx-r a:hover img{transform:scale(1.1);}
.cpzx-r a:hover .i1,.cpzx-r a:hover .i3{width:100%;transition:all 0.5s;}
.cpzx-r a:hover .i2,.cpzx-r a:hover .i4{height:100%;transition:all 0.5s;}
.cpzx-r a:hover h3{color:#f62812;}

.cpzx2{background:#f9f9f9;padding:88px 0 107px;position:relative;}
.cpzx2-b2{position:relative;margin-bottom:20px;}
.cpzx2-b2>a{display:block;width:62px;height:62px;background:url(../images/l4.png);background-size:100% 100%;position:absolute;left:73px;z-index:2;top:calc(50% - 26px);}
.cpzx2-b2 a:hove{background:url(../images/l4-1.png);}
.cpzx2 .bd li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;transition:all 0.5s;}
.cpzx2-l{width: 12.7%;position:relative;margin-right: 11%;}
.cpzx2-l a{display:block;overflow:hidden;}
.cpzx2-l img{display:block;}
.cpzx2-r p{width:58px;height:7px;background:url(../images/cpzx2-tb5.png);position:absolute;left:-26px;top:calc(50% - 3.5px);z-index:2;}
.cpzx2-l:hover img{transform:scale(1.1);}
.cpzx2-c{width:25%;margin-right: 6%;}
.cpzx2-c h4{color:#666;font-size:20px;text-transform:uppercase;margin-bottom:15px;}
.cpzx2-c h3{font-size: 50px;text-transform:uppercase;margin-bottom:40px;}
.cpzx2-c p{font-size:16px;line-height:26px;margin-bottom:100px;}
.cpzx2-b{display:flex;align-items:center;}
.cpzx2-b a{display:flex;align-items:center;justify-content:space-between;background:#e60615;border-radius:3px;color:#fff;font-size:16px;padding-left:16px;margin-right:45px;}
.cpzx2-b a i{width:61px;height:64px;display:flex;align-items:center;justify-content:center;background:url(../images/cpzx2-bj.png)no-repeat center left;margin-left:19px;}
.cpzx2-b a:hover{opacity:0.8;}
.cpzx2-b h5{color:#e60615;font-size:16px;display:flex;align-items:center;cursor:pointer;}
.cpzx2-b h5 img{margin-right:10px;}
.cpzx2-r{width: 33.1%;margin-left: 9%;position: relative;}
.cpzx2-r a{display:block;overflow:hidden;}
.cpzx2-r img{display:block;}
.cpzx2-r:hover img{transform:scale(1.1);}
.cpzx2{}
.cpzx2 .hd{}
.cpzx2 .hd ul{display:flex;justify-content:center;text-align:center;}
.cpzx2 .hd ul li{position:relative;margin:0 27.5px;text-transform:uppercase;font-size:12px;color:#aaa;cursor:pointer;transition:all 0.5s;}
.cpzx2 .hd ul li h3{margin:0 auto 13px auto;background:url(../images/cpzx2-tb3.png);width:30px;height:30px;transition:all 0.5s;position:relative;}
.cpzx2 .hd ul li h3 i{position:absolute;width:101px;height:1px;background:#e2e2e2;left:45px;top:15px;}
.cpzx2 .hd ul li:last-child h3 i{display:none;}
.cpzx2 .hd ul li.on{color:#000;transition:all 0.5s;}
.cpzx2 .hd ul li.on h3{background:url(../images/cpzx2-tb4.png);transition:all 0.5s;}

.com{padding:68px 0 91px 0;position:relative;}
.com>i{position:absolute;left:41px;top:0;width:calc(100% - 41px);height:1px;background:#808080;}
.com-b{display:flex;flex-wrap:wrap;justify-content:space-between;}
.com-b a{display:block;width:calc(50% - 7px);position:relative;color:#fff;}
.com-b a:last-child{/* display:none; */}
.com-b a h4{overflow:hidden;}
.com-b a h4 img{display:block;width:100%;color:#fff;}
.com-b a h3{position:absolute;top:37px;left:40px;font-weight:bold;font-size: 50px;text-transform:uppercase;}
.com-b a p{position:absolute;width:calc(100% - 60px);left:30px;bottom:27px;text-align:center;line-height:44px;font-size:18px;border:2px solid #f62812;transition:all 0.5s;}
.com-b a i{position:absolute;top:-70px;left:calc(50% - 2.5px);width:5px;height:70px;background:url(../images/com-tb.png);}
.com-b a:hover img{transform:scale(1.1);}
.com-b a:hover p{transition:all 0.5s;background:#f62812;}

.odm{position:relative;display:flex;align-items:center;flex-wrap:wrap;background:#141414;display: none;}
.odm-l{width:53%;overflow:hidden;position:relative;}
.odm i{width:135px;height:135px;background:#f62812;right:-67.5px;top:-67.5px;transform: rotate(45deg);position:absolute;}
.odm-l img{display:block;}
.odm-l:hover img{transform:scale(1.1);}
.odm-l h3{position:absolute;left:15.7%;color:#fff;font-size: 50px;bottom:70px;font-weight:bold;}
.odm-r{width:31.25%;margin-left:5.2%}
.odm-r h4{display:inline-block;font-size:26px;background:#fff;line-height:40px;padding:0 18px;margin-bottom:10px;}
.odm-r p{color:#fff;font-size:16px;line-height:26px;margin-bottom:45px;padding-top:10px;}
.odm-r a{display:block;text-align:center;line-height:50px;color:#fff;border:2px solid #f62812;font-size:18px;width:269px;}
.odm-r a:hover{background:#f62812;}

.gywm{padding:80px 0;display: none;}
.gywm-t{overflow:hidden;margin-bottom:50px;}
.gywm-t img{display:block;}
.gywm-t:hover img{}
.gywm-b{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;}
.gywm-l{position:relative;}
.gywm-l h3{position:absolute;color: #fc0315;left: 0;top: -85px;font-weight: bold;font-size: 50px;white-space: nowrap;}
.gywm-l i{width:120px;height:5px;position:absolute;left:-120px;top:17px;background:url(../images/gywm-tb.png);}
.gywm-l h4{display:inline-block;color:#fff;padding:0 13px;font-size:26px;line-height:39px;background:#141414;margin-bottom:8px;display: none;}
.gywm-r{width:52%;display:flex;justify-content:flex-end;flex-wrap:wrap;display: none;}
.gywm-r p{font-size:16px;line-height:29px;color:#010101;}
.gywm-r a{display:block;width:278px;line-height:60px;text-align:center;border:2px solid #f62812;font-size: 18px;color:#000;}
.gywm-r a:hover{background:#f62812;color:#fff;}

@media screen and (max-width:1620px){
    .jjfa-r a h5 i{width:210px;}
    .cpzx2-c p{margin-bottom:50px;}
    .gywm-l i{width: 57px;left: -56px;}
    .cpzx-l a{line-height:46px;}
}
@media screen and (max-width:1520px){
    .oem .img1{width:300px;}
    .oem .img2{width:300px;}
    .odm-l{width:60%;}
    .odm-r h4{line-height:30px;}
}
@media screen and (max-width:1420px){
    .cpzx2-c h3{font-size:30px;}
    .jjfa-r a h5 i{width:170px;}
    .cpzx-l a{line-height:40px;}
}
@media screen and (max-width:1320px){
    .oem .img1{width:250px;}
    .oem .img2{width:250px;}

}
@media screen and (max-width:1200px){
	.banner{margin-top:60px;}
    .oem-b a{width:100px;height:100px}
    .jjfa-r a{width:45%}
    .cpzx-t p a{width:40px;height:40px;}
    .cpzx2 .hd ul li{margin:0 5px;}
    .com-b a h3{left:15px;top:15px;}
    .com-b a p{left:15px;bottom:15px;}
    .odm-r h4{font-size:16px;}
    .odm-l h3{left:20px;bottom:30%;}
    .odm-r a{line-height:40px;}
    .gywm-r{justify-content:flex-start;}
    .gywm-r a{line-height:40px;width:269px;}
    .gywm-l h3{position:relative;top:0;margin-bottom:10px;font-size:20px;}
}