/* Index Flash */
.swiper-container{ width:100%; height:750px;}
.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){.swiper-container{ height:670px;}}
@media screen and (max-width:1440px){.swiper-container{ height:570px;}}
@media screen and (max-width:1280px){.swiper-container{ height:500px;}}
@media screen and (max-width:1024px){.swiper-container{ height:400px;}}
@media screen and (max-width:800px){ 
.swiper-container{ height:420px;}
.flash01{ background-image:url(../Images/mobile01.jpg);}
.flash02{ background-image:url(../Images/mobile02.jpg);}
}
@media screen and (max-width:640px){.swiper-container{ height:320px;}}
@media screen and (max-width:480px){.swiper-container{ height:240px;}}
@media screen and (max-width:414px){.swiper-container{ height:210px;}}
@media screen and (max-width:375px){.swiper-container{ height:190px;}}
@media screen and (max-width:320px){.swiper-container{ height:165px;}}

/* Index Public */
.pb-bg{ width:100%; height:150px; background-color:#f5f5f5; position:relative;}
.pb-bg .pb-ys{ width:23.4375%; height:100%; background-color:#e60012;}
.pb-bg .pb-ls{ position:absolute; left:0; top:0; width:100%; height:100%; padding:0 5%;}
.pb-bg .pb-ls .pb-zb{ float:left; color:#fff;}
.pb-bg .pb-ls .pb-zb h1{ font-family:"064-CAI978"; font-size:30px; margin:43px 0 6px;}
.pb-bg .pb-ls .pb-zb h2{ font-size:20px;}
.pb-bg .pb-ls .pb-yb{ float:right;}
.pb-bg .pb-ls .pb-yb a{ display:block; width:135px; height:40px; line-height:38px; font-size:16px; color:#888; text-align:center; border:1px solid #e0e0e0; margin-top:55px; -webkit-border-radius:20px; border-radius:20px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.pb-bg .pb-ls .pb-yb a:hover{ color:#fff; border:1px solid #e60012; background-color:#e60012;}
@media screen and (max-width:1440px){
.pb-bg{ height:120px;}
.pb-bg .pb-ys{ width:25%;}
.pb-bg .pb-ls .pb-zb h1{ font-size:24px; margin:28px 0 3px;}
.pb-bg .pb-ls .pb-yb a{ width:120px; margin-top:40px;}
}
@media screen and (max-width:1024px){
.pb-bg{ height:auto; background-color:inherit; margin-top:35px;}
.pb-bg .pb-ys{ display:none;}
.pb-bg .pb-ls{ position:relative; left:0; top:0; padding:0 3.5%;}
.pb-bg .pb-ls .pb-zb{ padding-right:0;}
.pb-bg .pb-ls .pb-zb h1{ display:none;}
.pb-bg .pb-ls .pb-zb h2{ color:#e60012;}
.pb-bg .pb-ls .pb-yb a{ width:inherit; height:inherit; border:none; margin-top:0; font-size:14px;}
.pb-bg .pb-ls .pb-yb a:hover{ color:#e60012; border:none; background-color:inherit;}
}
@media screen and (max-width:800px){ .pb-bg{ margin-top:25px;}}
@media screen and (max-width:480px){ .pb-bg{ margin-top:18px;}}

/* Index Robot */
.rb-bg{ margin:75px 5% 100px;}
.rb-bg .rb-nm{ font-size:30px; font-weight:bold; color:#333;}
.rb-bg .rb-nm a{ display:block; float:right; font-size:14px; font-weight:normal; color:#a0a0a0; line-height:12px; margin-top:18px;}
.rb-bg .rb-nm a:hover{ color:#e60012;}
.rb-bg ul{ margin-top:30px;}
.rb-bg ul li{ float:left; width:23.8%; margin-right:1.6%;}
.rb-bg ul li:nth-of-type(4){ margin-right:0;}
.rb-bg ul li a{ display:block; width:100%; height:100%;}
.rb-bg ul li a .rb-ig{ width:100%; border:1px solid #eee; border-bottom:none; padding:10px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.rb-bg ul li a:hover .rb-ig{ border:1px solid #e60012; border-bottom:none;}
.rb-bg ul li a .rb-ig img{ width:100%;}
.rb-bg ul li a .rb-tx{ width:100%; height:105px; background-color:#888; color:#fff; line-height:24px; padding:28px 30px 0; position:relative; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.rb-bg ul li a:hover .rb-tx{ background-color:#e60012;}
.rb-bg ul li a .rb-tx h3{ font-family:"SimHei","Arial"; font-size:18px;}
.rb-bg ul li a .rb-tx p{ position:absolute; right:30px; bottom:30px; width:20px; height:5px; background:url(../Images/jt.png) no-repeat; background-size:20px 5px;}
@media screen and (max-width:1440px){
.rb-bg{ margin:65px 5% 80px;}
.rb-bg ul{ margin-top:25px;}
.rb-bg ul li a .rb-ig{ padding:5px;}
.rb-bg ul li a .rb-tx{ height:80px; padding:15px 20px 0;}
.rb-bg ul li a .rb-tx p{ right:20px; bottom:20px;}
}
@media screen and (max-width:1024px){
.rb-bg{ margin:30px 3.5% 45px;}
.rb-bg .rb-nm{ font-size:20px;}
.rb-bg .rb-nm a{ margin-top:13px;}
.rb-bg ul{ margin-top:15px;}
.rb-bg ul li a .rb-tx{ height:62px; line-height:20px; padding:10px 15px 0;}
.rb-bg ul li a .rb-tx h3{ font-size:14px;}
.rb-bg ul li a .rb-tx p{ display:none;}
}
@media screen and (max-width:800px){
.rb-bg ul li{ width:49%; margin-right:2%;}
.rb-bg ul li:nth-of-type(2){ margin-right:0;}
.rb-bg ul li:nth-of-type(1), .rb-bg ul li:nth-of-type(2){ margin-bottom:2%;}
.rb-bg ul li a .rb-tx p{ display:block; right:15px; bottom:15px;}
}
@media screen and (max-width:480px){ 
.rb-bg{ margin:20px 3.5%;}
.rb-bg ul{ margin-top:12px;}
.rb-bg ul li a .rb-tx p{ display:none;}
}

/* Index About */
.ab-bg .ab-zb{ float:left; width:50%; height:625px; background-color:#e60012;}
.ab-bg .ab-zb .ab-tx{ width:100%; height:445px; color:#fff; padding:96px 0 0 10%;}
.ab-bg .ab-zb .ab-tx h1{ font-family:"064-CAI978"; font-size:30px; margin-bottom:6px;}
.ab-bg .ab-zb .ab-tx h2{ font-size:20px;}
.ab-bg .ab-zb .ab-tx p{ margin-top:35px; margin-right:7%;}
.ab-bg .ab-zb .ab-tb{ width:100%; height:180px; border-top:1px solid rgba(255,255,255,.2);}
.ab-bg .ab-zb .ab-tb a{ display:block; float:left; width:25%; height:100%; border-right:1px solid rgba(255,255,255,.2); font-size:16px; color:#fff; text-align:center;}
.ab-bg .ab-zb .ab-tb a:nth-of-type(4){ border-right:none;}
.ab-bg .ab-zb .ab-tb a img{ display:block; width:50px; height:50px; margin:49px auto 7px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ab-bg .ab-zb .ab-tb a:hover img{ margin-top:35px;}
.ab-bg .ab-yb{ float:left; width:50%; height:625px; background:url(../Images/abBg.jpg) no-repeat center; background-size:cover;}
.ab-bg .ab-yb a{ display:block; width:100%; height:100%;}
@media screen and (max-width:1440px){
.ab-bg .ab-zb{ height:470px;}
.ab-bg .ab-zb .ab-tx{ height:320px; padding-top:59px;}
.ab-bg .ab-zb .ab-tx h1{ font-size:24px; margin-bottom:3px;}
.ab-bg .ab-zb .ab-tx p{ margin-top:20px; margin-right:10%;}
.ab-bg .ab-zb .ab-tb{ height:150px;}
.ab-bg .ab-zb .ab-tb a img{ margin-top:34px;}
.ab-bg .ab-zb .ab-tb a:hover img{ margin-top:20px;}
.ab-bg .ab-yb{ height:470px;}
}
@media screen and (max-width:1024px){
.ab-bg .ab-zb{ height:400px;}
.ab-bg .ab-zb .ab-tx{ height:300px; padding:44px 0 0 7%;}
.ab-bg .ab-zb .ab-tx h1{ display:none;}
.ab-bg .ab-zb .ab-tx p{ margin-top:10px; margin-right:7%;}
.ab-bg .ab-zb .ab-tb{ height:100px;}
.ab-bg .ab-zb .ab-tb a{ font-size:14px;}
.ab-bg .ab-zb .ab-tb a img{ width:25px; height:25px; margin:25px auto 3px;}
.ab-bg .ab-zb .ab-tb a:hover img{ margin-top:15px;}
.ab-bg .ab-yb{ height:400px;}
}
@media screen and (max-width:800px){
.ab-bg .ab-zb{ width:100%; height:auto;}
.ab-bg .ab-zb .ab-tx{ height:auto; padding:24px 0 17px 3.5%;}
.ab-bg .ab-zb .ab-tx p{ margin-top:5px; margin-right:3.5%;}
.ab-bg .ab-yb{ width:100%; height:450px;}
}
@media screen and (max-width:640px){ .ab-bg .ab-yb{ height:360px;}}
@media screen and (max-width:480px){ .ab-bg .ab-yb{ height:290px;}}
@media screen and (max-width:414px){ .ab-bg .ab-yb{ height:250px;}}
@media screen and (max-width:375px){ .ab-bg .ab-yb{ height:230px;}}

/* Index Assembly */
.as-bg{ margin:100px 5%; position:relative;}
.as-bg .as-ys{ float:right; width:40%; height:618px; background-color:#e60012;}
.as-bg .as-ls{ position:absolute; left:0; top:0; width:100%; height:100%;}
.as-bg .as-ls .as-zb{ float:left; width:75%; height:100%;}
.as-bg .as-ls .as-zb a{ display:block; float:left; width:32.4%; height:300px; margin-right:1.4%; overflow:hidden; position:relative;}
.as-bg .as-ls .as-zb a:nth-of-type(3n){ margin-right:0;}
.as-bg .as-ls .as-zb a:nth-of-type(1), .as-bg .as-ls .as-zb a:nth-of-type(2), .as-bg .as-ls .as-zb a:nth-of-type(3){ margin-bottom:18px;}
.as-bg .as-ls .as-zb a dl{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.as-bg .as-ls .as-zb a:hover dl{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.as-bg .as-ls .as-zb a p{ position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; padding:0 20px; background-color:rgba(0,0,0,.35); overflow:hidden; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.as-bg .as-ls .as-zb a p span{ display:block; float:right; width:20px; height:5px; background:url(../Images/jt.png) no-repeat; background-size:20px 5px; margin-top:17px;}
.as-bg .as-ls .as-yb{ float:right; width:25%; height:100%; padding:71px 65px 0; color:#fff; position:relative;}
.as-bg .as-ls .as-yb h1{ font-family:"064-CAI978"; font-size:30px; margin-bottom:6px;}
.as-bg .as-ls .as-yb h2{ font-size:20px;}
.as-bg .as-ls .as-yb p{ margin-top:36px;}
.as-bg .as-ls .as-yb a{ position:absolute; left:65px; bottom:75px; display:block; width:35px; height:10px; background:url(../Images/jt.png) no-repeat center; background-size:35px 10px; text-indent:-9999px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.as-bg .as-ls .as-yb a:hover{ left:80px;}
@media screen and (max-width:1440px){
.as-bg{ margin:80px 5%;}
.as-bg .as-ys{ height:465px;}
.as-bg .as-ls .as-zb a{ width:32.2%; height:225px; margin-right:1.7%;}
.as-bg .as-ls .as-zb a:nth-of-type(1), .as-bg .as-ls .as-zb a:nth-of-type(2), .as-bg .as-ls .as-zb a:nth-of-type(3){ margin-bottom:15px;}
.as-bg .as-ls .as-zb a p{ height:32px; line-height:32px; font-size:14px; padding:0 15px;}
.as-bg .as-ls .as-zb a p span{ margin-top:13px;}
.as-bg .as-ls .as-yb{ padding:34px 30px 0;}
.as-bg .as-ls .as-yb h1{ font-size:24px; margin-bottom:3px;}
.as-bg .as-ls .as-yb p{ margin-top:21px;}
.as-bg .as-ls .as-yb a{ left:30px; bottom:40px;}
.as-bg .as-ls .as-yb a:hover{ left:45px;}
}
@media screen and (max-width:1280px){
.as-bg .as-ys{ height:415px;}
.as-bg .as-ls .as-zb a{ height:200px;}
}
@media screen and (max-width:1024px){
.as-bg{ margin:0 3.5%;}
.as-bg .as-ys{ display:none;}
.as-bg .as-ls{ position:relative;}
.as-bg .as-ls .as-zb{ width:100%; margin-top:18px;}
.as-bg .as-ls .as-zb a{ height:220px;}
.as-bg .as-ls .as-zb a:nth-of-type(1), .as-bg .as-ls .as-zb a:nth-of-type(2), .as-bg .as-ls .as-zb a:nth-of-type(3){ margin-bottom:1.7%;}
.as-bg .as-ls .as-yb{ width:100%; padding:0; margin-top:35px;}
.as-bg .as-ls .as-yb h1{ display:none;}
.as-bg .as-ls .as-yb h2{ float:left; color:#333;}
.as-bg .as-ls .as-yb p{ display:none;}
.as-bg .as-ls .as-yb a{ position:relative; left:0; bottom:0; float:right; width:auto; height:auto; color:#888; background:none; text-indent:inherit; line-height:12px; margin-top:13px;}
.as-bg .as-ls .as-yb a:hover{ left:0; color:#e60012;}
}
@media screen and (max-width:800px){
.as-bg .as-ls .as-zb a{ width:49%; height:260px; margin-right:2%;}
.as-bg .as-ls .as-zb a:nth-of-type(3n){ margin-right:2%;}
.as-bg .as-ls .as-zb a:nth-of-type(2n){ margin-right:0;}
.as-bg .as-ls .as-zb a:nth-of-type(1), .as-bg .as-ls .as-zb a:nth-of-type(2), .as-bg .as-ls .as-zb a:nth-of-type(3), .as-bg .as-ls .as-zb a:nth-of-type(4){ margin-bottom:2%;}
.as-bg .as-ls .as-yb{ margin-top:25px;}
}
@media screen and (max-width:640px){ .as-bg .as-ls .as-zb a{ height:210px;}}
@media screen and (max-width:480px){
.as-bg .as-ls .as-zb{ margin-top:12px;}
.as-bg .as-ls .as-zb a{ height:155px;}
.as-bg .as-ls .as-zb a p span{ display:none;}
.as-bg .as-ls .as-yb{ margin-top:18px;}
}
@media screen and (max-width:414px){ .as-bg .as-ls .as-zb a{ height:135px;}}
@media screen and (max-width:375px){ .as-bg .as-ls .as-zb a{ height:122px;}}
@media screen and (max-width:320px){ .as-bg .as-ls .as-zb a{ height:104px;}}

/* Index News */
.ns-bg{ margin:0 5% 100px;}
.ns-bg .ns-nm{ font-size:30px; font-weight:bold; color:#333;}
.ns-bg .ns-nm a{ display:block; float:right; font-size:14px; font-weight:normal; color:#a0a0a0; line-height:12px; margin-top:18px;}
.ns-bg .ns-nm a:hover{ color:#e60012;}
.ns-bg ul{ margin-top:30px;}
.ns-bg ul li{ float:left; width:31.48%; margin-right:2.78%;}
.ns-bg ul li:nth-of-type(3){ margin-right:0;}
.ns-bg ul li a{ display:block; width:100%; height:100%;}
.ns-bg ul li a .ns-ig{ width:100%; height:325px; overflow:hidden;}
.ns-bg ul li a .ns-ig dl{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.ns-bg ul li a:hover .ns-ig dl{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ns-bg ul li a .ns-tx{ width:100%; background-color:#f5f5f5; padding:22px 25px; line-height:24px; position:relative; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-bg ul li a:hover .ns-tx{ background-color:#e60012;}
.ns-bg ul li a .ns-tx h2{ font-size:18px; font-weight:500; color:#333; height:24px; overflow:hidden; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-bg ul li a .ns-tx h3{ font-size:14px; font-weight:normal; color:#888; margin:4px 0 2px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-bg ul li a .ns-tx p{ color:#666; height:72px; overflow:hidden; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-bg ul li a .ns-tx span{ position:absolute; right:25px; bottom:25px; display:block; width:20px; height:5px; background:url(../Images/ht.png) no-repeat; background-size:20px 5px;}
.ns-bg ul li a:hover .ns-tx h2, .ns-bg ul li a:hover .ns-tx h3, .ns-bg ul li a:hover .ns-tx p{ color:#fff;}
.ns-bg ul li a:hover .ns-tx span{ background-image:url(../Images/jt.png); background-size:20px 5px;}
@media screen and (max-width:1440px){
.ns-bg{ margin:65px 5% 80px;}
.ns-bg ul{ margin-top:25px;}
.ns-bg ul li a .ns-ig{ height:245px;}
.ns-bg ul li a .ns-tx{ padding-top:20px;}
.ns-bg ul li a .ns-tx h2{ font-size:16px;}
}
@media screen and (max-width:1280px){ .ns-bg ul li a .ns-ig{ height:215px;}}
@media screen and (max-width:1024px){
.ns-bg{ margin:30px 3.5% 45px;}
.ns-bg .ns-nm{ font-size:20px;}
.ns-bg .ns-nm a{ margin-top:13px;}
.ns-bg ul{ margin-top:15px;}
.ns-bg ul li a .ns-ig{ height:180px;}
.ns-bg ul li a .ns-tx{ padding:15px 20px;}
.ns-bg ul li a .ns-tx h2{ font-size:15px;}
.ns-bg ul li a .ns-tx p{ height:96px;}
}
@media screen and (max-width:800px){
.ns-bg ul{ margin-bottom:30px;}
.ns-bg ul li{ width:49%; margin-right:2%;}
.ns-bg ul li:nth-of-type(2){ margin-right:0;}
.ns-bg ul li:nth-of-type(3){ display:none;}
.ns-bg ul li a .ns-ig{ height:215px;}
.ns-bg ul li a .ns-tx p{ height:72px;}
.ns-bg ul li a .ns-tx span{ display:none;}
}
@media screen and (max-width:640px){
.ns-bg ul li{ width:100%; margin-right:0;}
.ns-bg ul li a .ns-ig{ height:350px;}
.ns-bg ul li a .ns-tx{ padding:12px 15px;}
.ns-bg ul li a .ns-tx h2{ height:auto; overflow:inherit;}
.ns-bg ul li a .ns-tx h3{ margin:0;}
.ns-bg ul li a .ns-tx p{ height:auto; overflow:inherit;}
.ns-bg ul li:nth-of-type(1), .ns-bg ul li:nth-of-type(2){ margin-bottom:3%;}
.ns-bg ul li:nth-of-type(3){ display:block;}
}
@media screen and (max-width:480px){
.ns-bg{ margin:20px 3.5%;}
.ns-bg ul{ margin-top:12px;}
.ns-bg ul li a .ns-ig{ height:265px;}
}
@media screen and (max-width:414px){ .ns-bg ul li a .ns-ig{ height:230px;}}
@media screen and (max-width:375px){ .ns-bg ul li a .ns-ig{ height:210px;}}
@media screen and (max-width:320px){ .ns-bg ul li a .ns-ig{ height:180px;}}