/* Css Flash */
.swiper1{ width:100%; height:685px;}
.swiper1 .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
.flash01{ background-image:url(../Images/flash01.jpg);}
.flash02{ background-image:url(../Images/flash02.jpg);}
@media screen and (max-width:1680px){.swiper1{ height:600px;}}
@media screen and (max-width:1440px){.swiper1{ height:515px;}}
@media screen and (max-width:1366px){.swiper1{ height:495px;}}
@media screen and (max-width:1280px){.swiper1{ height:465px;}}
@media screen and (max-width:1024px){ 
.swiper1{ height:510px;}
.flash01{ background-image:url(../Images/mobile01.jpg);}
.flash02{ background-image:url(../Images/mobile02.jpg);}
}
@media screen and (max-width:800px){.swiper1{ height:400px;}}
@media screen and (max-width:640px){.swiper1{ height:320px;}}
@media screen and (max-width:480px){.swiper1{ height:240px;}}
@media screen and (max-width:414px){.swiper1{ height:210px;}}
@media screen and (max-width:375px){.swiper1{ height:190px;}}
@media screen and (max-width:320px){.swiper1{ height:175px;}}

/* Css Products */
.ig-bg{ margin:80px 0 120px;}
.gy-bg{ text-align:center;}
.gy-bg h5{ width:20px; height:12px; background:url(../Images/jt01.png) no-repeat center; margin:auto;}
.gy-bg h1{ font-size:36px; color:#222; margin-top:33px;}
.gy-bg dl{ font-size:18px; color:#888; margin:17px 25px 0;}
.ig-ls{ margin-top:58px;}
.ig-ls a{ display:block; float:left; width:30.7%; margin-right:3.95%; margin-top:3.95%;}
.ig-ls a:nth-of-type(3n){ margin-right:0;}
.ig-ls a:nth-of-type(1), .ig-ls a:nth-of-type(2), .ig-ls a:nth-of-type(3){ margin-top:0;}
.ig-ls a img{ width:100%;}
@media screen and (max-width:1024px){
.ig-bg{ margin:50px 0 65px;}
.gy-bg h5{ width:14px; height:8px; background-size:14px 8px;}
.gy-bg h1{ font-size:30px; margin-top:29px;}
.gy-bg dl{ font-size:16px; margin-top:13px;}
.ig-ls{ margin-top:30px;}
.ig-ls a{ width:31%; margin-right:3.5%; margin-top:3.5%;}
}
@media screen and (max-width:480px){
.ig-bg{ margin:40px 0 50px;}
.gy-bg h1{ font-size:24px; margin-top:21px;}
.gy-bg dl{ font-size:14px; margin-top:8px;}
.ig-ls a{ width:48.25%;}
.ig-ls a:nth-of-type(3n){ margin-right:3%;}
.ig-ls a:nth-of-type(2n){ margin-right:0;}
.ig-ls a:nth-of-type(3){ margin-top:3%;}
}

/* Css Partner */
.hb-bg{ background:url(../Images/hbBg.jpg) no-repeat center; background-size:cover; padding:80px 0 115px;}
.hb-bg .gy-bg h1{ color:#fff;}
.hb-bg .gy-bg dl{ color:#a0a0a0;}
.hb-bg .hb-ls{ margin-top:58px;}
.hb-bg .hb-ls a{ display:block; float:left; width:15.3645%; margin:0 1.5626% 1.5626% 0; background-color:#fff; overflow:hidden; position:relative;}
.hb-bg .hb-ls a:nth-of-type(6n){ margin-right:0;}
.hb-bg .hb-ls a:nth-of-type(13), .hb-bg .hb-ls a:nth-of-type(14), .hb-bg .hb-ls a:nth-of-type(15), .hb-bg .hb-ls a:nth-of-type(16), .hb-bg .hb-ls a:nth-of-type(17), .hb-bg .hb-ls a:nth-of-type(18){ margin-bottom:0;}
.hb-bg .hb-ls a img{ width:100%;}
.hb-bg .hb-ls a .hb-lj{ position:absolute; left:0; top:100%; width:100%; height:100%; font-size:18px; color:#fff; text-align:center; background-color:rgba(0, 0, 0, .65); display:flex; justify-content:center; flex-direction:column; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.hb-bg .hb-ls a:hover .hb-lj{ top:0;}
@media screen and (max-width:1024px){
.hb-bg{ padding:50px 0 65px;}
.hb-bg .hb-ls{ margin-top:30px;}
}
@media screen and (max-width:640px){
.hb-bg .hb-ls a{ width:23.82805%;}
.hb-bg .hb-ls a:nth-of-type(6n){ margin-right:1.5626%;}
.hb-bg .hb-ls a:nth-of-type(4n), .hb-bg .hb-ls a:nth-of-type(18){ margin-right:0;}
.hb-bg .hb-ls a:nth-of-type(14), .hb-bg .hb-ls a:nth-of-type(15){ display:none;}
.hb-bg .hb-ls a:nth-of-type(16){ margin-right:1.5626%;}
}
@media screen and (max-width:480px){
.hb-bg{ padding:40px 0 50px;}
.hb-bg .hb-ls a{ width:32%; margin:0 2% 2% 0;}
.hb-bg .hb-ls a:nth-of-type(6n){ margin-right:2%;}
.hb-bg .hb-ls a:nth-of-type(4n), .hb-bg .hb-ls a:nth-of-type(18){ margin-right:2%;}
.hb-bg .hb-ls a:nth-of-type(14), .hb-bg .hb-ls a:nth-of-type(15){ display:block;}
.hb-bg .hb-ls a:nth-of-type(16){ margin-right:2%;}
.hb-bg .hb-ls a:nth-of-type(3n){ margin-right:0;}
.hb-bg .hb-ls a:nth-of-type(13), .hb-bg .hb-ls a:nth-of-type(14), .hb-bg .hb-ls a:nth-of-type(15){ margin-bottom:2%;}
}

/* Css Solution */
.swiper3{ margin-top:58px;}
.swiper3 a{ display:block; width:100%; height:100%; position:relative;}
.swiper3 a img{ width:100%;}
.swiper3 a span{ position:absolute; left:0; bottom:0; z-index:2; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.5);}
.swiper3 a dl{ position:absolute; left:0; bottom:0; z-index:2; width:100%; height:120px; overflow:hidden; background-color:rgba(0,0,0,.5); padding:18px 20px 0; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";}
.swiper3 a dl h2{ font-size:18px; color:#fff; line-height:24px;}
.swiper3 a dl p{ color:#fff; line-height:24px; margin-top:6px;}
.swiper-slide-active a span, .swiper-slide-duplicate-active a span{ background-color:rgba(0,0,0,0);}
.swiper-slide-active a dl, .swiper-slide-duplicate-active a dl{ opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.swiper-slide-active a:hover dl, .swiper-slide-duplicate-active a:hover dl{ height:135px;}
.swiper-button-next,.swiper-button-prev{ position:absolute; top:auto; bottom:15px; width:30px; height:14px; z-index:10; background-image:url(../Images/jt02.png); background-position:center; background-repeat:no-repeat; background-size:30px 14px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.swiper-button-next:hover,.swiper-button-prev:hover{ background-image:url(../Images/jt03.png);}
.swiper-button-next{ right:20px; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.swiper-button-prev{ left:20px;}
@media screen and (max-width:1024px){
.swiper3{ margin-top:30px;}
}
@media screen and (max-width:800px){
.swiper-slide-active a dl, .swiper-slide-duplicate-active a dl{ height:135px;}
}
@media screen and (max-width:640px){
.swiper3 a dl{ position:relative; height:auto; padding:13px 15px 38px; background-color:rgba(0,0,0,.75);}
.swiper-button-next,.swiper-button-prev{ width:17px; height:8px; background-size:17px 8px;}
.swiper-button-next{ right:15px;}
.swiper-button-prev{ left:15px;}
}

/* Css About */
.ab-bg{ background:url(../Images/abBg.jpg) no-repeat center; background-size:cover; padding:80px 0 115px;}
.ab-bg .gy-bg h1{ color:#fff;}
.ab-bg .gy-bg dl{ font-size:16px; color:#a0a0a0; margin:16px 6.5% 0;}
.ab-ls{ margin-top:57px;}
.ab-ls a{ display:block; float:left; width:48.75%; height:150px; margin-right:2.5%; background-color:rgba(0,0,0,.45); overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-ls a:nth-of-type(2n){ margin-right:0;}
.ab-ls a:nth-of-type(3), .ab-ls a:nth-of-type(4){ margin-top:2.5%;}
.ab-ls a span{ display:block; float:left; width:70px; height:70px; margin:40px 0 0 35px; background-repeat:no-repeat; background-position:center; background-size:70px 70px;}
.ab-ls a p{ margin:35px 35px 0 130px; color:#a0a0a0; line-height:24px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-ls a p strong{ display:block; font-size:24px; color:#fff; margin-bottom:10px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-ls a:hover{ background-color:rgba(0,0,0,.75);}
.ab-ls a:hover p{ color:#fff;}
.ab-ls a:hover p strong{ color:#ff6600;}
@media screen and (max-width:1024px){
.ab-bg{ padding:50px 0 65px;}
.ab-bg .gy-bg dl{ font-size:14px; margin:16px 5% 0;}
.ab-ls{ margin-top:30px;}
.ab-ls a span{ margin:40px 0 0 25px;}
.ab-ls a p{ margin:25px 25px 0 120px;}
.ab-ls a p strong{ font-size:20px; margin-bottom:5px;}
}
@media screen and (max-width:800px){
.ab-ls a span{ width:60px; height:60px; margin:45px 0 0 20px; background-size:60px 60px;}
.ab-ls a p{ margin:20px 20px 0 100px;}
.ab-ls a p strong{ font-size:18px;}
}
@media screen and (max-width:640px){
.ab-ls a{ width:100%; margin-right:0;}
.ab-ls a:nth-of-type(2), .ab-ls a:nth-of-type(3), .ab-ls a:nth-of-type(4){ margin-top:20px;}
.ab-ls a{ height:auto; padding:20px;}
.ab-ls a span{ margin:0;}
.ab-ls a p{ margin:0 0 0 80px;}
}
@media screen and (max-width:480px){
.ab-bg{ padding:40px 0 50px;}
}

/* Css News */
.ns-bg{ margin:80px 0 120px;}
.ns-ls{ margin-top:58px;}
.ns-ls a{ display:block; float:left; width:29.72%; margin-right:5.42%;}
.ns-ls a:nth-of-type(3){ margin-right:0;}
.ns-ig{ width:100%; height:235px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.ns-tx{ width:100%; height:150px; padding:23px 25px 0; background-color:#f2f2f2; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-tx h2{ font-size:18px; font-weight:500; color:#222; height:24px; line-height:24px; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-tx h3{ font-family:"Montserrat-Bold-3"; font-size:14px; color:#a0a0a0; line-height:24px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-tx p{ color:#666; height:66px; line-height:22px; margin-top:5px; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-ls a:hover .ns-tx{ background-color:#222;}
.ns-ls a:hover h2{ color:#ff6600;}
.ns-ls a:hover h3, .ns-ls a:hover p{ color:#fff;}
@media screen and (max-width:1024px){
.ns-bg{ margin:50px 0 65px;}
.ns-ls{ margin-top:30px;}
.ns-ig{ height:185px;}
.ns-tx{ height:165px; padding:14px 15px 0;}
.ns-ls h2{ font-size:16px; height:40px; line-height:20px;}
}
@media screen and (max-width:800px){
.ns-ig{ height:150px;}
}
@media screen and (max-width:640px){
.ns-ig{ height:115px;}
.ns-tx{ height:205px;}
.ns-ls h2{ height:60px;}
.ns-tx p{ height:88px;}
}
@media screen and (max-width:480px){
.ns-bg{ margin:40px 0 50px;}
.ns-ls a{ width:100%; margin-right:0;}
.ns-ls a:nth-of-type(2), .ns-ls a:nth-of-type(3){ margin-top:20px;}
.ns-ig{ height:300px;}
.ns-tx{ height:auto; padding:14px 15px 15px;}
.ns-ls h2{ height:auto;}
.ns-tx p{ height:auto;}
}
@media screen and (max-width:414px){
.ns-ig{ height:260px;}
}
@media screen and (max-width:375px){
.ns-ig{ height:235px;}
}
@media screen and (max-width:320px){
.ns-ig{ height:200px;}
}