/* Index Flash */
.swiper-container{ width:100%; height:1000px;}
.swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:2048px){ .swiper-container{ height:800px;}}
@media screen and (max-width:1920px){ .swiper-container{ height:750px;}}
@media screen and (max-width:1440px){ .swiper-container{ height:565px;}}

/* Index News */
.ns-bg{ background-color:#f2f2f2; padding:75px 0 85px;}
.nmBig{ font-size:30px; color:#333; text-align:center;}
.ns-bg ul{ margin-top:50px;}
.ns-bg ul li{ float:left; width:32.17%; height:450px; margin-right:1.745%;}
.ns-bg ul li.ns-zb a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.ns-bg ul li.ns-zb a span{ position:absolute; left:0; bottom:0; z-index:2; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-bg ul li.ns-zb a:hover span{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ns-bg ul li.ns-zb a div{ position:absolute; left:0; bottom:0; z-index:3; width:100%; height:80px; background-color:rgba(0,0,0,.65); font-size:18px; color:#fff; line-height:28px; padding:0 20px 0 100px; overflow:hidden; display:flex; justify-content:center; flex-direction:column; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-bg ul li.ns-zb a:hover div{ background-color:rgba(0,0,0,.85);}
.ns-bg ul li.ns-zb a dl{ position:absolute; left:0; bottom:0; z-index:4; width:80px; height:80px; background-color:#da251c; font-family:"Helvetica Narrow"; color:#fff; line-height:20px; text-align:center;}
.ns-bg ul li.ns-zb a dl h1{ font-size:48px; font-weight:normal; line-height:35px; margin-top:15px;}
.ns-bg ul li.ns-zj a{ display:block; width:100%; height:100%; overflow:hidden;}
.ns-bg ul li.ns-zj a .ns-tx{ width:100%; height:234px; background-color:#fff; padding:30px 25px 0; overflow:hidden;}
.ns-bg ul li.ns-zj a .ns-tx dl{ font-size:18px; color:#333; line-height:28px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-bg ul li.ns-zj a:hover .ns-tx dl{ color:#da251c;}
.ns-bg ul li.ns-zj a .ns-tx span{ color:#a0a0a0; margin-top:5px;}
.ns-bg ul li.ns-zj a .ns-tx p{ color:#666; line-height:24px; margin-top:5px;}
.ns-bg ul li.ns-zj a .ns-ig{ width:100%; height:216px; overflow:hidden;}
.ns-bg ul li.ns-zj a .ns-ig dl{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-bg ul li.ns-zj a:hover .ns-ig dl{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ns-bg ul li.ns-yb{ margin-right:0;}
.ns-bg ul li.ns-yb a{ display:block; width:100%; height:138px; background-color:#e0e0e0; padding:0 25px; margin-bottom:18px; overflow:hidden; display:flex; justify-content:center; flex-direction:column; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-bg ul li.ns-yb a:hover{ background-color:#e00012;}
.ns-bg ul li.ns-yb a:nth-of-type(3){ margin-bottom:0;}
.ns-bg ul li.ns-yb a dl{ font-size:18px; color:#333; line-height:28px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-bg ul li.ns-yb a span{ color:#a0a0a0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-bg ul li.ns-yb a p{ color:#666; line-height:24px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-bg ul li.ns-yb a:hover dl, .ns-bg ul li.ns-yb a:hover span, .ns-bg ul li.ns-yb a:hover p{ color:#fff;}

/* Index Driver */
.cs-bg{ padding:75px 0;}
.cs-ls{ margin-top:50px;}
.cs-ls a{ display:block; float:left; width:19%; margin-right:1.25%;}
.cs-ls a:nth-of-type(5){ margin-right:0;}
.cs-ls a div{ width:100%; height:228px; overflow:hidden; position:relative;}
.cs-ls a div dl{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.cs-ls a:hover div dl{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cs-ls a div u{ position:absolute; top:8px; right:8px; display:block; font-size:14px; color:#fff; text-decoration:none; line-height:18px; padding:0 5px; background-color:#e00012; -webkit-border-radius:3px; border-radius:3px;}
.cs-ls a ul{ border:1px solid #f3f3f3; border-top:none;}
.cs-ls a ul li{ height:50px; padding:7px 15px; font-size:12px; color:#333; line-height:18px; position:relative;}
.cs-ls a ul li:nth-of-type(1), .cs-ls a ul li:nth-of-type(2){ font-size:16px; font-weight:bold; color:#333; line-height:50px; padding:0; text-align:center;}
.cs-ls a ul li:nth-of-type(2n){ background-color:#fef1d0;}
.cs-ls a ul li span{ position:absolute; left:50%; top:12px; display:block; width:25px; height:25px; border:1px solid #f0f0f0; margin-left:-25px; background:url(../Images/jh01.png) no-repeat center; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.cs-ls a:hover ul li span{ border-color:#e00012; background-color:#e00012; background-image:url(../Images/jh02.png);}

/* Index Video */
.sp-bg{ padding:0 0 85px;}
.sp-ls{ margin-top:50px;}
.sp-ls a{ display:block; float:left; width:24.4975%; height:196px; margin:0.67% 0.67% 0 0; overflow:hidden; position:relative;}
.sp-ls a:nth-of-type(1){ width:100%; height:600px; margin-top:0;}
.sp-ls a:nth-of-type(1), .sp-ls a:nth-of-type(5){ margin-right:0;}
.sp-ls a dl{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.sp-ls a:hover dl{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.sp-ls a span{ position:absolute; left:50%; top:50%; display:block; width:30px; height:26px; margin:-13px 0 0 -15px; background:url(../Images/an.png) no-repeat center; background-size:30px 26px;}
.sp-ls a:nth-of-type(1) span{ width:50px; height:42px; margin:-21px 0 0 -25px; background-size:50px 42px;}

/* Index Products */
.ps-bg{ background-color:#f2f2f2; padding:75px 0 85px;}
.ps-ls{ margin-top:50px;}
.ps-ls a{ display:block; float:left; width:23.7475%; margin:1.67% 1.67% 0 0;}
.ps-ls a:nth-of-type(4n){ margin-right:0;}
.ps-ls a:nth-of-type(1), .ps-ls a:nth-of-type(2), .ps-ls a:nth-of-type(3), .ps-ls a:nth-of-type(4){ margin-top:0;}
.ps-ls a div{  width:100%; height:100%; overflow:hidden;}
.ps-ls a div img{ width:100%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ps-ls a:hover div img{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ps-ls a dl{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#fff; padding:0 10px; overflow:hidden; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ps-ls a:hover dl{ color:#fff; background-color:#e00012;}

/* Index Partners */
.hb-bg{ padding:75px 0 100px;}
.hb-ls{ margin-top:50px;}
.hb-ls a{ display:block; float:left; width:20%; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; cursor:pointer; overflow:hidden; position:relative;}
.hb-ls a:nth-of-type(5n+1){ border-left:1px solid #f3f3f3;}
.hb-ls a:nth-of-type(1), .hb-ls a:nth-of-type(2), .hb-ls a:nth-of-type(3), .hb-ls a:nth-of-type(4), .hb-ls a:nth-of-type(5){ border-top:1px solid #f3f3f3;}
.hb-ls a img{ width:100%;}
.hb-ls a dl{ position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.hb-ls a:hover dl{ -webkit-box-shadow:0px 0px 20px #f0f0f0 inset; box-shadow:0px 0px 20px #f0f0f0 inset;}