/* Css Flash */
.swiper-container{ width:100%; height:980px;}
.swiper-container .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:2048px){.swiper-container{ height:785px;}}
@media screen and (max-width:1920px){.swiper-container{ height:735px;}}
@media screen and (max-width:1680px){.swiper-container{ height:645px;}}
@media screen and (max-width:1440px){.swiper-container{ height:550px;}}
@media screen and (max-width:1366px){.swiper-container{ height:525px;}}
@media screen and (max-width:1280px){.swiper-container{ height:490px;}}

/* Css Icon */
.in-bg{ margin:75px 10% 0; background-color:#f5f5f5;}
.in-bg ul li{ float:left; width:25%; height:150px; padding-top:33px; border-right:1px solid #e8e8e8;}
.in-bg ul li:nth-of-type(4){ border-right:none;}
.in-bg ul li a{ display:block; width:80%; margin:auto;}
.in-bg ul li a .in-tb{ float:left; width:84px; height:84px; background:url(../Images/tb01.png) no-repeat; padding:5px 0; position:relative; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.in-bg ul li a .in-tb div{ width:74px; height:74px; background-repeat:no-repeat; background-position:center; background-size:36px 36px; margin:auto; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.in-bg ul li:nth-of-type(1) a .in-tb div{ background-image:url(../Images/tb02.png);}
.in-bg ul li:nth-of-type(2) a .in-tb div{ background-image:url(../Images/tb03.png);}
.in-bg ul li:nth-of-type(3) a .in-tb div{ background-image:url(../Images/tb04.png);}
.in-bg ul li:nth-of-type(4) a .in-tb div{ background-image:url(../Images/tb05.png);}
.in-bg ul li a .in-tb dl{ position:absolute; left:0; top:0; width:84px; height:84px; background:url(../Images/tb1.png) no-repeat center; background-size:contain; clip:rect(0 0 42px 0); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.in-bg ul li a:hover .in-tb{ padding:10px 0;}
.in-bg ul li a:hover .in-tb div{ width:64px; height:64px; background-color:#124098; background-size:30px 30px;}
.in-bg ul li:nth-of-type(1) a:hover .in-tb div{ background-image:url(../Images/tb2.png);}
.in-bg ul li:nth-of-type(2) a:hover .in-tb div{ background-image:url(../Images/tb3.png);}
.in-bg ul li:nth-of-type(3) a:hover .in-tb div{ background-image:url(../Images/tb4.png);}
.in-bg ul li:nth-of-type(4) a:hover .in-tb div{ background-image:url(../Images/tb5.png);}
.in-bg ul li a:hover .in-tb dl{ clip:rect(0 42px 42px 0);}
.in-bg ul li a p{ margin-left:104px; height:84px; display:flex; justify-content:center; flex-direction:column;}
.in-bg ul li a p strong{ display:block; font-size:18px; color:#333; margin-bottom:6px;}
.in-bg ul li a p font{ color:#888;}
@media screen and (max-width:1440px){ 
.in-bg{ margin:65px 5% 0;}
.in-bg ul li a{ width:75%;}
}
@media screen and (max-width:1280px){ 
.in-bg ul li a{ width:80%;}
.in-bg ul li a p{ margin-left:94px;}
}

/* Css About */
.ab-bg{ margin:0 10%; height:525px;}
.ab-tx, .ab-ig{ float:left; width:50%; height:100%;}
.ab-tx{ background:url(../Images/gsBg.jpg) no-repeat center; background-size:cover; color:#fff; padding:65px; position:relative;}
.ab-tx dl h2{ font-size:24px; margin-bottom:10px;}
.ab-tx dl em{ font-size:16px; text-transform:uppercase;}
.ab-tx p{ line-height:30px; margin-top:30px;}
.ab-tx a{ display:block; position:absolute; left:65px; bottom:75px; width:44px; height:44px; border:1px solid #fff; background-image:url(../Images/jt.png); background-repeat:no-repeat; background-position:center; background-size:15px 8px; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-tx a:hover{ background-color:#fff; background-image:url(../Images/at.png);}
.ab-ig{ overflow:hidden;}
.ab-ig a{ display:block; width:100%; height:100%; background:url(../Images/gs.jpg) no-repeat center; background-size:cover; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-ig a:hover{ -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
@media screen and (max-width:1440px){ 
.ab-bg{ margin:0 5%; height:445px;}
.ab-tx{ padding:45px;}
.ab-tx a{ left:45px; bottom:50px;}
}
@media screen and (max-width:1366px){ 
.ab-bg{ height:420px;}
.ab-tx p{ margin-top:20px;}
}
@media screen and (max-width:1280px){ 
.ab-bg{ height:395px;}
.ab-tx{ padding:35px;}
.ab-tx p{ line-height:28px; margin-top:15px;}
.ab-tx a{ left:35px; bottom:40px;}
}

/* Css Products */
.ig-bg{ margin:70px 0 85px;}
.ig-bg h2{ font-size:24px; color:#333; text-align:center; margin-bottom:10px;}
.ig-bg em{ display:block; font-size:16px; color:#333; text-transform:uppercase; text-align:center;}
.ig-lb{ margin-top:45px;}
.ig-lb a{ display:block; float:left; width:33.333333%; overflow:hidden; position:relative;}
.ig-lb a:nth-of-type(2n){ width:33.333334%;}
.ig-lb a:nth-of-type(3n){ margin-right:0;}
.ig-lb a img{ width:100%;}
.ig-lb a dl{ position:absolute; left:0; bottom:-50px; width:100%; height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#fff; text-align:center; padding:0 10px; background-color:rgba(18,64,152,.85); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-lb a:hover dl{ bottom:0;}
@media screen and (max-width:1440px){ 
.ig-bg{ margin:60px 0 75px;}
}

/* Css News */
.ns-bg{ margin:75px 10% 0; height:525px;}
.ns-al, .ns-lb{ float:left; width:50%; height:100%; background-color:#717171;}
.ns-al a{ display:block; width:100%; height:100%; overflow:hidden; position:relative;}
.ns-al a dl{ background:url(../Images/zcBg.jpg) no-repeat center; background-size:cover; width:100%; height:100%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-al a:hover dl{ -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
.ns-al a div{ position:absolute; left:0; top:0; width:100%; color:#fff; padding:65px 125px 65px 65px;}
.ns-al a div h2{ font-size:24px; margin-bottom:10px;}
.ns-al a div em{ font-size:16px; text-transform:uppercase;}
.ns-al a div p{ line-height:30px; margin-top:20px;}
.ns-al a div span{ display:block; width:44px; height:44px; border:1px solid #fff; margin-top:40px; background-image:url(../Images/jt.png); background-repeat:no-repeat; background-position:center; background-size:15px 8px; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-al a:hover div span{ background-color:#fff; background-image:url(../Images/at.png);}
.ns-lb{ background:url(../Images/gsBg.jpg) no-repeat center; background-size:cover; color:#fff; padding:65px;}
.ns-lb h2{ font-size:24px; margin-bottom:10px;}
.ns-lb em{ display:block; font-size:16px; text-transform:uppercase; margin-bottom:20px;}
.ns-lb a{ display:block; height:40px; line-height:39px; color:#fff; border-top:1px solid rgba(255,255,255,.08); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-lb a:hover{ font-weight:bold; padding:0 10px;}
.ns-lb a span{ float:right; font-style:italic;}
@media screen and (max-width:1440px){ 
.ns-bg{ margin:65px 5% 0; height:445px;}
.ns-al a div{ padding:45px;}
.ns-lb{ padding:45px;}
.ns-lb a{ height:35px; line-height:34px;}
}