/* Css Flash */
.swiper-container{ width:100%; height:950px;}
.swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
.swiper-slide a{ display:block; width:13%; height:6%;}
.flash01{ background-image:url(../images/flash01.jpg);}
.flash01 a{ margin:34.3% 0 0 42.2%;}
.flash02{ background-image:url(../images/flash02.jpg);}
.flash02 a{ margin:34.3% 0 0 11.9%;}
@media screen and (max-width:1680px){.swiper-container{ height:830px;}}
@media screen and (max-width:1440px){.swiper-container{ height:710px;}}
@media screen and (max-width:1280px){.swiper-container{ height:630px;}}
@media screen and (max-width:1024px){.swiper-container{ height:500px;}}
@media screen and (max-width:800px){ 
.swiper-container{ height:500px;}
.swiper-slide a{ width:32%; height:12%;}
.flash01{ background-image:url(../images/mobile01.jpg);}
.flash01 a{ margin:42.5% 0 0 34%;}
.flash02{ background-image:url(../images/mobile02.jpg);}
.flash02 a{ margin:39% 0 0 4.8%;}
}
@media screen and (max-width:640px){.swiper-container{ height:400px;}}
@media screen and (max-width:480px){.swiper-container{ height:300px;}}
@media screen and (max-width:414px){.swiper-container{ height:260px;}}
@media screen and (max-width:375px){.swiper-container{ height:235px;}}

/* Css Advantage */
.ys-bg{ margin:64px 0 91px;}
.nmBig{ font-size:30px; color:#333; text-align:center;}
.nmSmall{ font-size:15px; font-weight:normal; color:#888; text-align:center; margin-top:6px;}
.nmWhite{ color:#fff;}
.ys-bg ul{ margin-top:31px;}
.ys-bg ul li{ float:left; width:20%; text-align:center; cursor:pointer;}
.ys-bg ul li dl{ width:100px; height:100px; border:1px solid #e5e5e5; margin:auto; background-repeat:no-repeat; background-position:center; background-size:48px 48px; -webkit-border-radius:50%; border-radius:50%;}
.ys-bg ul li:hover dl{ border:1px solid #0070db; background-color:#0070db;}
.ys-bg ul li dl.ys01{ background-image:url(../images/ys01.png);}
.ys-bg ul li:hover dl.ys01{ background-image:url(../images/ys1.png);}
.ys-bg ul li dl.ys02{ background-image:url(../images/ys02.png);}
.ys-bg ul li:hover dl.ys02{ background-image:url(../images/ys2.png);}
.ys-bg ul li dl.ys03{ background-image:url(../images/ys03.png);}
.ys-bg ul li:hover dl.ys03{ background-image:url(../images/ys3.png);}
.ys-bg ul li dl.ys04{ background-image:url(../images/ys04.png);}
.ys-bg ul li:hover dl.ys04{ background-image:url(../images/ys4.png);}
.ys-bg ul li dl.ys05{ background-image:url(../images/ys05.png);}
.ys-bg ul li:hover dl.ys05{ background-image:url(../images/ys5.png);}
.ys-bg ul li h2{ font-size:18px; font-weight:normal; color:#333; margin-top:19px;}
.ys-bg ul li p{ height:30px; color:#666; margin-top:5px; overflow:hidden;}
@media screen and (max-width:1024px){ .ys-bg{ margin:64px 0 77px;}}
@media screen and (max-width:800px){ 
.ys-bg{ margin:47px 0 65px;}
.nmBig{ font-size:24px;}
.nmSmall{ font-size:14px; margin-top:3px;}
.ys-bg ul{ margin-top:21px; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.ys-bg ul li{ width:33.333333%; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:30px 10px;}
.ys-bg ul li:nth-of-type(1), .ys-bg ul li:nth-of-type(2){ width:50%;}
.ys-bg ul li dl{ width:48px; height:48px; border:none; -webkit-border-radius:0; border-radius:0;}
.ys-bg ul li:hover dl{ border:none; background-color:inherit;}
.ys-bg ul li:hover dl.ys01{ background-image:url(../images/ys01.png);}
.ys-bg ul li:hover dl.ys02{ background-image:url(../images/ys02.png);}
.ys-bg ul li:hover dl.ys03{ background-image:url(../images/ys03.png);}
.ys-bg ul li:hover dl.ys04{ background-image:url(../images/ys04.png);}
.ys-bg ul li:hover dl.ys05{ background-image:url(../images/ys05.png);}
.ys-bg ul li h2{ margin-top:14px;}
.ys-bg ul li p{ margin-top:0;}
}
@media screen and (max-width:640px){ 
.ys-bg{ margin:37px 0 50px;}
.nmBig{ font-size:22px;}
.nmSmall{ margin-top:0;}
.ys-bg ul{ margin-top:16px;}
.ys-bg ul li{ padding:30px 10px 25px;}
.ys-bg ul li h2{ font-size:16px; margin-top:13px;}
.ys-bg ul li p{ font-size:12px;}
.ys-bg ul li p{ margin-top:-2px;}
}
@media screen and (max-width:480px){ 
.ys-bg ul li{ padding:20px 10px 11px;}
.ys-bg ul li dl{ width:24px; height:24px; background-size:24px 24px;}
.ys-bg ul li h2{ font-size:15px; color:#666; margin-top:7px;}
.ys-bg ul li p{ display:none;}
}

/* Css Products */
.ig-bg{ width:100%; height:708px; padding-top:79px; background:url(../images/igbg.jpg) no-repeat center; background-size:cover;}
.ig-ls{ margin-top:41px;}
.ig-ls a{ float:left; width:32.3%; margin-right:1.55%;}
.ig-ls a:nth-of-type(3){ margin-right:0;}
.ig-ls a div{ width:100%; overflow:hidden;}
.ig-ls a div img{ width:100%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-ls a:hover div img{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ig-ls a dl{ width:100%; height:150px; color:#fff; padding:0 25px; background:-webkit-linear-gradient(90deg, #0070db, #00a8ff); background:linear-gradient(90deg, #0070db, #00a8ff); display:flex; justify-content:center; flex-direction:column;}
.ig-ls a dl h3{ font-size:18px; font-weight:normal;}
.ig-ls a dl p{ line-height:24px; margin-top:3px;}
@media screen and (max-width:1150px){ .ig-bg{ height:680px;}}
@media screen and (max-width:1024px){ 
.ig-bg{ height:auto; padding:64px 0 85px; background-image:url(../images/mgbg.jpg);}
.ig-ls{ margin-top:31px;}
}
@media screen and (max-width:800px){ 
.ig-bg{ padding:52px 0 75px;}
.ig-ls{ margin-top:26px;}
.ig-ls a dl{ height:180px; padding:0 20px;}
}
@media screen and (max-width:640px){ 
.ig-bg{ padding:42px 0 65px;}
.ig-ls{ margin-top:21px;}
.ig-ls a dl{ height:180px; padding:0 15px;}
.ig-ls a dl h3{ font-size:16px;}
.ig-ls a dl p{ line-height:22px; margin-top:2px;}
}
@media screen and (max-width:480px){ 
.ig-bg{ padding:42px 0 50px;}
.ig-ls a{ width:100%; margin-right:0; margin-bottom:3%;}
.ig-ls a:nth-of-type(3){ margin-bottom:0;}
.ig-ls a dl{ height:auto; padding:15px;}
}

/* Css News */
.ns-bg{ margin:74px 0 100px;}
.ns-zb{ float:left; width:49.25%; margin-top:41px;}
.ns-zb a{ display:block; width:100%; height:100%; overflow:hidden; position:relative;}
.ns-zb a div{ width:100%; height:426px; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-zb a:hover div{ -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.ns-zb a dl{ position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; background-color:rgba(0, 0, 0, .3); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-zb a:hover dl{ background-color:rgba(0, 0, 0, .5);}
.ns-yb{ float:right; width:49.25%; margin-top:41px;}
.ns-yb a{ display:block; width:100%; height:130px; border:1px solid #e5e5e5; margin-bottom:18px;}
.ns-yb a:nth-of-type(3){ margin-bottom:0;}
.ns-yb a .ns-sj{ float:left; width:120px; height:100%; border-right:1px solid #e5e5e5; font-family:"Helvetica Narrow"; color:#888; text-align:center;}
.ns-yb a .ns-sj h1{ font-size:60px; font-weight:normal; margin:40px 0 5px;}
.ns-yb a .ns-tx{ height:100%; margin:23px 25px 0 145px;}
.ns-yb a .ns-tx h2{ font-size:18px; font-weight:normal; color:#333;}
.ns-yb a .ns-tx p{ height:48px; color:#888; line-height:24px; margin-top:3px; overflow:hidden;}
.ns-yb a:hover{ border:1px solid rgba(255,255,255,.1); background-color:#0070db;}
.ns-yb a:hover .ns-sj{ border-right:1px solid rgba(255,255,255,.1);}
.ns-yb a:hover .ns-sj, .ns-yb a:hover .ns-sj h1, .ns-yb a:hover .ns-tx h2, .ns-yb a:hover .ns-tx p{ color:#fff;}
@media screen and (max-width:1024px){ 
.ns-bg{ margin:64px 0 75px;}
.ns-zb{ margin-top:31px;}
.ns-zb a div{ height:338px;}
.ns-zb a dl{ height:35px; line-height:35px; font-size:16px;}
.ns-yb{ margin-top:31px;}
.ns-yb a{ height:106px; margin-bottom:10px;}
.ns-yb a .ns-sj{ display:none;}
.ns-yb a .ns-tx{ margin:12px 15px 0;}
.ns-yb a .ns-tx h2{ font-size:16px;}
.ns-yb a .ns-tx p{ margin-top:0;}
}
@media screen and (max-width:800px){ 
.ns-bg{ margin:52px 0 65px;}
.ns-zb{ margin-top:26px;}
.ns-zb a div{ height:260px;}
.ns-zb a dl{ height:30px; line-height:30px; font-size:15px;}
.ns-yb{ margin-top:26px;}
.ns-yb a{ height:80px;}
.ns-yb a .ns-tx{ margin:5px 10px 0;}
.ns-yb a .ns-tx h2{ font-size:14px;}
.ns-yb a .ns-tx p{ height:36px; font-size:12px; line-height:18px;}
}
@media screen and (max-width:640px){ 
.ns-bg{ margin:42px 0 50px;}
.ns-zb{ width:100%; margin-top:21px;}
.ns-zb a div{ height:430px;}
.ns-yb{ width:100%; margin-top:0;}
.ns-yb a{ height:auto; margin:3% 0 0;}
.ns-yb a .ns-tx{ margin:10px 15px 15px;}
.ns-yb a .ns-tx h2{ font-size:15px;}
.ns-yb a .ns-tx p{ height:auto; font-size:14px; line-height:24px; margin-top:1px;}
}
@media screen and (max-width:480px){ .ns-zb a div{ height:320px;}}
@media screen and (max-width:414px){ .ns-zb a div{ height:278px;}}
@media screen and (max-width:375px){ .ns-zb a div{ height:252px;}}
@media screen and (max-width:320px){ .ns-zb a div{ height:210px;}}

/* Css About */
.ab-bg{ width:100%; padding-top:74px; background:url(../images/abbg.jpg) no-repeat center; background-size:cover;}
.ab-tx{ color:#888; line-height:24px; text-align:center; margin-top:20px;}
.ab-ig{ margin:50px 0 100px;}
.ab-ig a{ float:left; width:29.55%; margin-right:2.3%; overflow:hidden;}
.ab-ig a:nth-of-type(2), .ab-ig a:nth-of-type(3){ width:17%;}
.ab-ig a:nth-of-type(4){ margin-right:0;}
.ab-ig a dl{ width:100%; height:235px; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ab-ig a:hover dl{ -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
@media screen and (max-width:1024px){ 
.ab-bg{ padding-top:64px;}
.ab-tx span{ display:none;}
.ab-ig{ margin:50px 0 75px;}
.ab-ig a dl{ height:185px;}
}
@media screen and (max-width:800px){ 
.ab-bg{ padding-top:52px;}
.ab-tx{ margin-top:15px;}
.ab-ig{ margin:40px 0 65px;}
.ab-ig a dl{ height:145px;}
}
@media screen and (max-width:640px){ 
.ab-bg{ padding-top:42px;}
.ab-tx{ margin-top:10px;}
.ab-ig{ margin:30px 0 50px;}
.ab-ig a dl{ height:115px;}
}
@media screen and (max-width:480px){ 
.ab-ig a{ width:62%; margin-right:3%;}
.ab-ig a:nth-of-type(1), .ab-ig a:nth-of-type(1){ margin-bottom:3%;}
.ab-ig a:nth-of-type(2), .ab-ig a:nth-of-type(3){ width:35%;}
.ab-ig a:nth-of-type(2), .ab-ig a:nth-of-type(4){ margin-right:0;}
.ab-ig a dl{ height:180px;}
}
@media screen and (max-width:414px){ .ab-ig a dl{ height:155px;}}
@media screen and (max-width:375px){ .ab-ig a dl{ height:140px;}}
@media screen and (max-width:320px){ .ab-ig a dl{ height:120px;}}