/* Css Flash */
.swiper1 { padding-top: 80px;}
.swiper1 .swiper-slide a{ display:block; width:100%; height:100%;}
.swiper1 .swiper-slide a img{ width:100%;}
.swiper1 .swiper-slide a img:nth-child(2){ display:none;}
@media screen and (max-width: 1024px) {
    .swiper1 { padding-top: 50px;}
    .swiper1 .swiper-slide a img:nth-child(1){ display:none;}
    .swiper1 .swiper-slide a img:nth-child(2){ display:block;}
}

/* Css About */
.ab-bg{ width:100%; background-color:#fff; padding:80px 0;}
.ab-zb{ float:left; width:28.3%; height:520px; background: url(../Images/abBg.jpg) no-repeat center; background-size:cover; color:#fff; padding:30px 35px; position:relative;}
.ab-zb h3{ font-size:18px;}
.ab-zb p{ margin-top:11px;}
.ab-zb dl{ position:absolute; left:0; bottom:0; width:100%; height:130px;}
.ab-zb dl a{ float:left; width:50%; height:100%; border-right:1px solid rgba(255, 255, 255, 0.15); border-top:1px solid rgba(255, 255, 255, 0.15); font-size:15px; color:#fff; text-align:center;}
.ab-zb dl a:nth-of-type(2){ border-right:none;}
.ab-zb dl a img{ display:block; width:40px; height:40px; margin:30px auto 8px; transition:all .5s ease;}
.ab-zb dl a:hover img{ margin:20px auto 3px;}
.ab-zj{ float:left; width:43.4%; height:520px; margin:0 2.5%;}
.swiper3{ width:100%; height:520px;}
.swiper3 .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
.swiper3 a{ display:block; width:100%; height:100%;}
.swiper-pagination3 .swiper-pagination-bullet{ background-color:transparent; border:2px solid #fff; opacity:1;}
.swiper-pagination3 .swiper-pagination-bullet-active{ background-color:#fff;}
.ab-yb{ float:right; width:23.3%; height:520px;}
.ab-yb a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.ab-yb a div{ width:100%; height:100%; background-image:url(../Images/ryBg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; transition:all .8s ease;}
.ab-yb a:hover div{ transform:scale(1.1,1.1);}
.ab-yb a dl{ position:absolute; left:0; bottom:0; width:100%; height:100px; padding:0 20px; color:#fff; background-color:rgba(0,140,207,.75); display:flex; justify-content:center; flex-direction:column; transition:all 1s ease;}
.ab-yb a dl h3{ font-size:18px; text-transform:uppercase;}
.ab-yb a dl p{ margin-top:6px;}
@media screen and (max-width:1440px){ 
.ab-zb{ height:436px;}
.ab-zj{ height:436px;}
.swiper3{ height:436px;}
.ab-yb{ height:436px;}
}
@media screen and (max-width:1280px){ 
.ab-zb{ height:388px;}
.ab-zb p span{ display:none;}
.ab-zj{ height:388px;}
.swiper3{ height:388px;}
.ab-yb{ height:388px;}
}
@media screen and (max-width:1152px){ 
.ab-zb{ height:348px;}
.ab-zj{ height:348px;}
.swiper3{ height:348px;}
.ab-yb{ height:348px;}
}
@media screen and (max-width:1024px){ 
.ab-bg{ padding:50px 0;}
.ab-zb{ width:49%; height:365px; padding:22px 25px; background-image: url(../Images/abBg-02.jpg);}
.ab-zb p{ margin-top:8px; font-size:13px; line-height:22px;}
.ab-zb dl{ height:120px;}
.ab-zb dl a img{ margin:25px auto 10px;}
.ab-zb dl a:hover img{ margin:15px auto 5px;}
.ab-zj{ width:100%; height:745px; margin:2% 0 0;}
.swiper3{ height:745px;}
.ab-yb{ width:49%; height:365px;}
.ab-yb a div{ background-image:url(../Images/ryBg-02.jpg);}
.ab-yb a dl p{ margin-top:8px; font-size:13px; line-height:22px;}
}
@media screen and (max-width:800px){ 
.ab-zb{ height:285px;}
.ab-zj{ height:585px;}
.swiper3{ height:585px;}
.ab-yb{ height:285px;}
}
@media screen and (max-width:640px){ 
.ab-zb{ width:100%; height:362px;}
.ab-zj{ height:458px; margin-top:0;}
.swiper3{ height:458px;}
.ab-yb{ width:100%; height:458px; margin:15px 0;}
}
@media screen and (max-width:480px){ 
.ab-bg{ padding:30px 0;}
.ab-zb{ height:338px; padding:17px 20px;}
.ab-zb dl{ height:110px;}
.ab-zb dl a img{ margin:20px auto 10px;}
.ab-zj{ height:338px;}
.swiper3{ height:338px;}
.ab-yb{ height:338px;}
.ab-yb a dl{ height:90px;}
}
@media screen and (max-width:430px){ 
.ab-zb{ height:300px;}
.ab-zj{ height:300px;}
.swiper3{ height:300px;}
.ab-yb{ height:300px;}
}
@media screen and (max-width:414px){ 
.ab-zb{ height:288px;}
.ab-zj{ height:288px;}
.swiper3{ height:288px;}
.ab-yb{ height:288px;}
}
@media screen and (max-width:390px){ 
.ab-zb{ height:270px;}
.ab-zj{ height:270px;}
.swiper3{ height:270px;}
.ab-yb{ height:270px;}
}
@media screen and (max-width:375px){ 
.ab-zb{ height:282px;}
.ab-zj{ height:258px;}
.swiper3{ height:258px;}
.ab-yb{ height:258px;}
}
@media screen and (max-width:320px){ 
.ab-zb{ height:306px;}
.ab-zj{ height:218px;}
.swiper3{ height:218px;}
.ab-yb{ height:218px;}
}

/* Css Products */
.ig-bg{ width:100%; background-image:url(../Images/pro.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:72px 0 70px;}
.ig-bg h1{ font-size:30px; color:#fff; text-align:center;}
.ig-bg h3{ font-size:14px; font-weight:normal; color:#fff; text-align:center; margin-top:12px;}
.swiper-bg{ width:100%; height:auto; margin-top:54px;}
.swiper-ig{ width:100%;}
.swiper-ig a{ display:block; width:100%;}
.swiper-ig a div{ overflow:hidden;}
.swiper-ig a div img{ width:100%; transition:all .5s ease;}
.swiper-ig a:hover div img{ transform:scale(1.2,1.2);}
.swiper-ig a h2{ font-size:14px; color:#fff; text-align:center; height:30px; line-height:30px; padding:0 10px; background-color:#0098e0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.3s ease;}
.swiper-ig a:hover h2{ background-color:#00adff;}
.swiper-ig a h2 span{ margin-right:5px;}
.swiper-pagination2{ position:relative; line-height:0; margin-top:40px;}
.swiper-pagination2 .swiper-pagination-bullet{ background-color:transparent; border:2px solid #fff; margin:0 5px; opacity:1;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background-color:#fff;}
@media screen and (max-width:1024px){ 
.ig-bg{ padding:49px 0 50px;}
.ig-bg h1{ font-size:24px;}
.ig-bg h3{ margin-top:10px;}
.swiper-bg{ margin-top:34px;}
.swiper-pagination2{ margin-top:30px;}
.swiper-pagination2 .swiper-pagination-bullet{ margin:0 4px;}
}
@media screen and (max-width:480px){ 
.ig-bg{ padding:39px 15px 40px;}
.swiper-bg{ margin-top:25px;}
.swiper-pagination2{ margin-top:24px;}
}

/* Css News */
.ns-bg{ width:100%; background-color:#fff; padding:80px 0;}
.ns-zb{ float:left; width:40.65%; height:570px;}
.ns-zb a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.ns-zb a .zb-ig{ width:100%; height:100%; background-image:url(../Images/ns01.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 2s ease;}
.ns-zb a:hover .zb-ig{ transform:scale(1.2,1.2);}
.ns-zb a .zb-ys{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:rgba(0,0,0,.35);}
.ns-zb a .zb-tx{ position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; padding:35px 50px 0 35px; color:#fff;}
.ns-zb a .zb-tx .zb-tm{}
.ns-zb a .zb-tx .zb-nm{ font-size:18px; font-weight:bold; margin-top:10px;}
.ns-zb a .zb-tx .zb-js{ margin-top:17px; word-break:break-all;}
.ns-zb a .zb-an{ position:absolute; left:35px; bottom:50px; z-index:4; width:225px; height:44px; border:2px solid #fff;}
.ns-zb a .zb-an .an-ys{ position:absolute; width:100%; height:100%; background-color:rgba(255,255,255,0); transition:all 2s ease;}
.ns-zb a:hover .zb-an .an-ys{ background-color:rgba(255,255,255,.35);}
.ns-zb a .zb-an .an-rm{ position:absolute; width:100%; height:100%; font-weight:bold; color:#fff; line-height:40px; padding-left:15px;}
.ns-zb a .zb-an .an-rm span{ display:block; width:10px; height:18px; float:right; background:url(../Images/ns03.png) no-repeat center; margin:11px 15px 0 0;}
.ns-zj{ float:left; width:28.175%; height:570px; margin:0 1.5%;}
.ns-zj a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.ns-zj a .zj-ig{ width:100%; height:100%; background-image:url(../Images/ns02.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 1s ease;}
.ns-zj a:hover .zj-ig{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ns-zj a .zj-ys{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:rgba(0,0,0,.2);}
.ns-zj a .zj-tx{ position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; padding:35px 35px 0; color:#fff;}
.ns-zj a .zj-tx .zj-tm{}
.ns-zj a .zj-tx .zj-nm{ font-size:18px; font-weight:bold; margin-top:10px;}
.ns-zj a .zj-tx .zj-js{ margin-top:17px; word-break:break-all;}
.ns-yb{ float:left; width:28.175%; height:570px;}
.ns-yb a{ display:block; width:100%; height:276px; margin-bottom:18px; position:relative; overflow:hidden;}
.ns-yb a:nth-of-type(2){ margin-bottom:0;}
.ns-yb a .yb-tx{ width:100%; height:100%; padding:25px 25px 0; background-color:#f8f8f8; transition:all .3s ease;}
.ns-yb a .yb-tx .yb-tm{ color:#888; transition:all .3s ease;}
.ns-yb a .yb-tx .yb-nm{ font-size:18px; font-weight:bold; margin-top:10px; transition:all .3s ease;}
.ns-yb a .yb-tx .yb-js{ margin-top:17px; color:#666; word-break:break-all; transition:all .3s ease;}
.ns-yb a .yb-tx span{ position:absolute; left:35px; bottom:35px; display:block; color:#a0a0a0; transition:all .5s ease;}
.ns-yb a:hover .yb-tx{ background-color:#008ccf;}
.ns-yb a:hover .yb-tx .yb-tm{ color:#fff;}
.ns-yb a:hover .yb-tx .yb-nm{ color:#fff;}
.ns-yb a:hover .yb-tx .yb-js{ color:#fff;}
.ns-yb a:hover .yb-tx span{ left:50px; color:#fff;}
@media screen and (max-width:1024px){ 
.ns-bg{ padding:55px 0;}
.ns-zb{ height:450px;}
.ns-zb a .zb-tx{ padding:30px 40px 0 30px;}
.ns-zb a .zb-tx .zb-nm{ font-size:16px; margin-top:5px;}
.ns-zb a .zb-tx .zb-js{ margin-top:10px;}
.ns-zb a .zb-an{ left:30px; bottom:30px; width:130px; height:32px;}
.ns-zb a .zb-an .an-rm{ line-height:28px; padding-left:10px;}
.ns-zb a .zb-an .an-rm span{ margin:5px 10px 0 0;}
.ns-zj{ height:450px;}
.ns-zj a .zj-tx{ padding:30px 30px 0;}
.ns-zj a .zj-tx .zj-nm{ font-size:16px; margin-top:5px;}
.ns-zj a .zj-tx .zj-js{ margin-top:10px;}
.ns-yb{ height:450px;}
.ns-yb a{ height:218px; margin-bottom:14px;}
.ns-yb a .yb-tx{ padding:20px 20px 0;}
.ns-yb a .yb-tx .yb-nm{ font-size:16px; margin-top:5px; height:24px; line-height:24px; overflow:hidden;}
.ns-yb a .yb-tx .yb-js{ margin-top:10px;}
.ns-yb a .yb-tx span{ display:none;}
}
@media screen and (max-width:640px){ 
.ns-zb{ width:100%; height:165px;}
.ns-zb a .zb-tx{ padding:20px 20px 0;}
.ns-zb a .zb-an{ display:none;}
.ns-zj{ width:100%; height:165px; margin:20px 0 0;}
.ns-zj a .zj-tx{ padding:20px 20px 0;}
.ns-yb{ width:100%; height:auto;}
.ns-yb a{ width:100%; height:181px; margin-top:20px; margin-bottom:0;}
.ns-yb a .yb-tx{ padding:20px 20px 0;}
}
@media screen and (max-width:480px){
.ns-bg{ padding:45px 0;}
}
@media screen and (max-width:375px){ 
.ns-zb{ height:175px;}
.ns-zj{ height:175px;}
.ns-yb a{ height:191px;}
}