/* Page Flash */
.slide{ width:100%; height:700px; padding:0 65% 0 5%; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; display:flex; justify-content:center; flex-direction:column;}
.slide h1{ font-size:30px;}
.slide p{ font-size:18px; margin-top:15px;}
@media screen and ( max-width:1680px ){ .slide{ height:620px;}}
@media screen and ( max-width:1440px ){ .slide{ height:530px; padding-right:55%;}}
@media screen and ( max-width:1280px ){ .slide{ height:470px;}}
@media screen and ( max-width:1024px ){ .slide{ height:380px; padding-right:40%;}}
@media screen and ( max-width:800px ){ .slide{ height:300px;}.slide h1{ display:none;}.slide p{ display:none;}}
@media screen and ( max-width:480px ){ .slide{ height:200px;}}
@media screen and ( max-width:375px ){ .slide{ height:180px;}}

/* Page About */
.js-bg{ width:100%; padding:65px 15% 65px 5%;}
.js-bg h1{ font-size:30px; margin-bottom:30px;}
.js-bg p{ font-size:15px; color:#555; margin-top:10px;}
.js-bg p span{ font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei";}
@media screen and (max-width:1024px){ 
.js-bg{ padding:45px 3.5%;}
.js-bg h1{ font-size:24px; margin-bottom:20px;}
.js-bg p{ font-size:14px;}
}
@media screen and (max-width:640px){ 
.js-bg{ padding:25px 3.5%;}
.js-bg h1{ font-size:18px; margin-bottom:10px;}
}

/* Page Team */
.iy-bg{ width:100%; height:600px; background-color:#f8f8f8;}
.iy-zb{ float:right; width:60%; height:100%; background-image:url(../Images/team.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.iy-zb a{ display:block; width:100%; height:100%; cursor:pointer; background-color:rgba(0,0,0,0); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.iy-zb a:hover{ background-color:rgba(0,0,0,.3);}
.iy-yb{ float:left; width:40%; height:100%; padding:0 5%; display:flex; justify-content:center; flex-direction:column; overflow:hidden;}
.iy-yb h1{ font-size:30px;}
.iy-yb h2{ font-size:20px; margin-top:8px;}
.iy-yb p{ font-size:15px; color:#666; margin-top:26px;}
@media screen and (max-width:1680px){ .iy-bg{ height:570px;}}
@media screen and (max-width:1440px){ 
.iy-bg{ height:488px;}
.iy-yb{ padding:0 3.5% 0 5%;}
}
@media screen and (max-width:1280px){ .iy-bg{ height:430px;}}
@media screen and (max-width:1024px){ 
.iy-bg{ height:350px;}
.iy-yb{ padding:0 3.5%;}
.iy-yb h1{ font-size:24px;}
.iy-yb h2{ font-size:16px; margin-top:4px;}
.iy-yb p{ font-size:14px; margin-top:20px;}
.iy-yb span{ display:none;}
}
@media screen and (max-width:800px){ 
.iy-bg{ height:320px;}
.iy-yb h2{ display:none;}
}
@media screen and (max-width:640px){ 
.iy-bg{ height:auto;}
.iy-zb{ width:100%; height:360px;}
.iy-yb{ width:100%; padding:25px 3.5%;}
.iy-yb h1{ font-size:18px;}
.iy-yb h2{ display:block; margin-top:0;}
.iy-yb p{ margin-top:10px;}
.iy-yb span{ display:inline;}
}
@media screen and (max-width:480px){ .iy-zb{ height:270px;}}
@media screen and (max-width:414px){ .iy-zb{ height:230px;}}
@media screen and (max-width:375px){ .iy-zb{ height:210px;}}

/* Page Honor */
.ry-bg{ width:100%; padding:65px 15% 85px 5%;}
.ry-bg h1{ font-size:30px;}
.ry-bg dl{ color:#555; margin:30px 44% 35px 0;}
.ry-bg ul li{ float:left; width:31%; margin-right:3.5%;}
.ry-bg ul li:nth-of-type(3){ margin-right:0;}
.ry-bg ul li img{ width:100%;}
@media screen and (max-width:1440px){ .ry-bg dl{ margin-right:25%;}}
@media screen and (max-width:1024px){ 
.ry-bg{ padding:45px 3.5% 60px;}
.ry-bg h1{ font-size:24px;}
.ry-bg dl{ margin:20px 0 25px;}
}
@media screen and (max-width:640px){ 
.ry-bg{ padding:25px 3.5% 35px;}
.ry-bg h1{ font-size:18px;}
.ry-bg dl{ margin:10px 0 20px;}
}
@media screen and (max-width:480px){ 
.ry-bg ul li{ width:100%; margin-right:0; margin-bottom:3.5%;}
.ry-bg ul li:nth-of-type(3){ margin-bottom:0;}
}

/* Page Culture */
.ln-bg{ width:100%; height:782px; padding:75px 5%; color:#fff; background-image:url(../Images/culture.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
.ln-bg h1{ font-size:30px;}
.ln-bg dl{ margin:30px 44% 35px 0;}
.ln-bg ul li{ float:left; width:15%; height:180px; margin-right:2%; margin-bottom:2%; border:1px solid #fff; font-size:16px; padding:25px;}
.ln-bg ul li:nth-of-type(6){ margin-right:0;}
.ln-bg ul li h2{ font-size:20px; margin-bottom:10px;}
@media screen and (max-width:1440px){ 
.ln-bg dl{ margin-right:26%;}
.ln-bg ul li{ width:32%; height:150px; font-size:15px;}
.ln-bg ul li:nth-of-type(3){ margin-right:0;}
}
@media screen and (max-width:1024px){ 
.ln-bg{ padding:45px 3.5%;}
.ln-bg h1{ font-size:24px;}
.ln-bg dl{ margin:20px 0 25px;}
.ln-bg ul li{ font-size:14px;}
.ln-bg ul li h2{ font-size:18px; margin-bottom:5px;}
}
@media screen and (max-width:640px){ 
.ln-bg{ height:auto; padding:25px 3.5%;}
.ln-bg h1{ font-size:18px;}
.ln-bg dl{ margin:10px 0 20px;}
.ln-bg ul li{ width:48.5%; height:140px; margin-right:3%; margin-bottom:3%; line-height:24px; padding:15px;}
.ln-bg ul li:nth-of-type(2n){ margin-right:0;}
.ln-bg ul li:nth-of-type(3){ margin-right:3%;}
.ln-bg ul li h2{ font-size:16px; margin-bottom:10px;}
}

/* Page Contact */
.ct-bg{ width:100%; height:880px; background-image:url(../Images/contact.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
.ct-al{ width:100%; height:480px; padding:0 5%; color:#fff; display:flex; justify-content:center; flex-direction:column;}
.ct-al h2{ font-size:20px; font-weight:500;}
.ct-al h1{ font-size:30px; font-weight:normal; margin-top:5px;}
.ct-al h3{ font-size:20px; font-weight:500; margin:35px 0 5px;}
.ct-ls{ position:absolute; left:0; bottom:0; width:100%; height:400px; background-color:rgba(0,0,0,.45);}
.ct-ls ul{ margin:60px 5% 0;}
.ct-ls ul li{ float:left; width:32%; margin-right:2%; color:#fff;}
.ct-ls ul li:nth-of-type(3){ margin-right:0;}
.ct-ls ul li h2{ font-size:20px; font-weight:500; margin-bottom:10px;}
.ct-ls ul li a{ color:#fff;}
.ct-ls ul li a:hover{ font-weight:bold;}
@media screen and (max-width:1440px){ 
.ct-bg{ height:660px;}
.ct-al{ height:330px;}
.ct-ls{ height:330px;}
}
@media screen and (max-width:1024px){
.ct-bg{ height:auto;}
.ct-al{ height:250px;}
.ct-ls{ position:relative; height:100%;}
.ct-ls ul{ margin:0 3.5%; padding:50px 0;}
.ct-ls ul li{ width:49%; margin-bottom:35px;}
.ct-ls ul li:nth-of-type(3){ margin-right:2%; margin-bottom:0;}
.ct-ls ul li:nth-of-type(2){ margin-right:0;}
}
@media screen and (max-width:640px){
.ct-ls ul li{ width:100%; margin-right:0;}
.ct-ls ul li:nth-of-type(3){ margin-right:0;}
}

/* Page Application */
.al-ls{ margin:75px 5% 85px;}
.al-ls a{ display:block; float:left; width:32%; margin:0 2% 2% 0;}
.al-ls a:nth-of-type(3n){ margin-right:0;}
.al-ls a:nth-of-type(13), .al-ls a:nth-of-type(14), .al-ls a:nth-of-type(15){ margin-bottom:0;}
.al-ls a .al-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;}
.al-ls a:hover .al-ig{ border:1px solid #e60012; border-bottom:none;}
.al-ls a .al-ig img{ width:100%;}
.al-ls a .al-tx{ width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; padding:0 20px; background-color:#888; overflow:hidden; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.al-ls a:hover .al-tx{ background-color:#e60012;}
.al-ls a .al-tx span{ display:block; float:right; width:20px; height:5px; background:url(../Images/jt.png) no-repeat; background-size:20px 5px; margin-top:22px;}
@media screen and (max-width:1440px){ 
.al-ls a .al-tx{ height:40px; line-height:40px; font-size:14px; padding:0 15px;}
.al-ls a .al-tx span{ margin-top:17px;}
}
@media screen and (max-width:1024px){ 
.al-ls{ margin:45px 3.5% 50px;}
}
@media screen and (max-width:800px){ 
.al-ls a{ width:48.5%; margin:0 3% 3% 0;}
.al-ls a:nth-of-type(3n){ margin-right:3%;}
.al-ls a:nth-of-type(2n){ margin-right:0;}
.al-ls a:nth-of-type(13), .al-ls a:nth-of-type(14){ margin-bottom:3%;}
}
@media screen and (max-width:640px){ 
.al-ls{ margin:25px 3.5% 30px;}
.al-ls a .al-tx{ height:32px; line-height:32px;}
.al-ls a .al-tx span{ display:none;}
}

/* Page News */
.nw-bg{ width:100%; padding:25px 5% 85px;}
.nw-ls a{ font-size:18px; margin-right:25px;}
.nw-ls a.g{ font-weight:bold; color:#e60012;}
.ns-lb a{ display:block; width:100%; height:325px; border:1px solid #f2f2f2; margin-top:50px;}
.ns-lb a .ns-zb{ float:left; width:31.5%; height:100%; overflow:hidden;}
.ns-lb a:nth-of-type(2n) .ns-zb{ float:right;}
.ns-lb a .ns-zb 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-lb a:hover .ns-zb dl{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ns-lb a .ns-yb{ float:left; width:68.5%; height:100%; padding:35px; position:relative;}
.ns-lb a .ns-yb span{ display:block; font-family:"Helvetica Narrow"; font-size:18px; color:#888;}
.ns-lb a .ns-yb dl{ font-size:24px; font-weight:bold; height:30px; margin-top:12px; overflow:hidden;}
.ns-lb a .ns-yb p{ font-size:15px; color:#666; margin-top:20px; height:60px; overflow:hidden;}
.ns-lb a .ns-yb font{ position:absolute; bottom:45px; left:35px; display:block; width:44px; height:44px; border:1px solid #e2e2e2; background-image:url(../Images/njt.png); background-repeat:no-repeat; background-position:center; background-size:8px 14px; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ns-lb a:hover .ns-yb font{ border:1px solid #e60012; background-color:#e60012; background-image:url(../Images/nat.png);}
@media screen and (max-width:1440px){ 
.ns-lb a{ height:300px;}
.ns-lb a .ns-zb{ width:40%;}
.ns-lb a .ns-yb{ width:60%; padding:30px;}
.ns-lb a .ns-yb dl{ margin-top:7px;}
.ns-lb a .ns-yb p{ margin-top:15px;}
.ns-lb a .ns-yb font{ bottom:40px; left:30px;}
}
@media screen and (max-width:1280px){ 
.ns-lb a{ height:260px;}
.ns-lb a .ns-yb{ padding:25px;}
.ns-lb a .ns-yb p{ margin-top:10px;}
.ns-lb a .ns-yb font{ bottom:30px; left:25px;}
}
@media screen and (max-width:1024px){ 
.nw-bg{ padding:15px 3.5% 50px;}
.ns-lb a{ height:220px; margin-top:30px;}
.ns-lb a .ns-yb{ padding:15px 20px;}
.ns-lb a .ns-yb dl{ font-size:18px; margin-top:0;}
.ns-lb a .ns-yb p{ font-size:14px; margin-top:5px;}
.ns-lb a .ns-yb font{ bottom:25px; left:20px; width:28px; height:28px; background-size:4px 7px;}
}
@media screen and (max-width:800px){ 
.ns-lb a{ height:180px;}
.ns-lb a .ns-yb{ padding:10px 20px;}
.ns-lb a .ns-yb span{ font-size:15px;}
.ns-lb a .ns-yb p{ margin-top:3px; line-height:24px; height:48px;}
.ns-lb a .ns-yb font{ bottom:20px;}
}
@media screen and (max-width:640px){ 
.nw-bg{ padding:10px 3.5% 30px;}
.nw-ls{ margin:0 3.5% 20px;}
.nw-ls a{ font-size:15px; margin-right:15px;}
.ns-lb a{ height:auto; margin-top:15px;}
.ns-lb a .ns-zb{ width:100%; height:350px;}
.ns-lb a .ns-yb{ width:100%; height:auto; padding:20px 3.5% 25px;}
.ns-lb a .ns-yb span{ font-size:18px;}
.ns-lb a .ns-yb dl{ margin-top:5px; height:auto;}
.ns-lb a .ns-yb p{ margin-top:5px; height:auto; line-height:30px;}
.ns-lb a .ns-yb font{ position:relative; bottom:0; left:0; margin-top:20px;}
}
@media screen and (max-width:480px){ .ns-lb a .ns-zb{ height:265px;}}
@media screen and (max-width:414px){ .ns-lb a .ns-zb{ height:230px;}}
@media screen and (max-width:375px){ .ns-lb a .ns-zb{ height:210px;}}
@media screen and (max-width:320px){ .ns-lb a .ns-zb{ height:180px;}}

.ns-nw{ width:100%; padding:65px 5% 75px;}
.ns-nm{ font-size:30px; font-weight:bold; color:#333; text-align:center;}
.ns-in{ font-size:14px; color:#888; text-align:center; margin-top:10px;}
.ns-in span{ margin:0 5px;}
.ns-ig{ margin-top:35px; text-align:center;}
.ns-ig img{ width:100%; max-width:850px;}
.ns-js{ margin-top:35px;}
.ns-js img{ width:100%; max-width:850px;}
.ns-nt{ margin-top:35px;}
.ns-nt a{ display:block; color:#888; margin-top:5px;}
.ns-nt a:hover{ color:#0070c0;}
@media screen and (max-width:1024px){
.ns-nw{ padding:45px 3.5% 55px;} 
.ns-nm{ font-size:24px;}
.ns-js{ margin-top:20px;}
.ns-ig{ margin-top:20px;}
.ns-nt{ margin-top:20px;}
.ns-nt a{ margin-top:0;}
}
@media screen and (max-width:640px){ 
.ns-nw{ padding:25px 3.5% 30px;} 
.ns-nm{ font-size:18px;}
.ns-in{ font-size:12px; margin-top:0;}
}

/* Page */
.page{ display:table; margin:35px auto 0;}
.page a{ display:block; float:left; padding:5px 20px; border:1px solid #f0f0f0; color:#888; margin:0 5px; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.page a:hover,.page a.pageNext{ color:#fff; border:1px solid #e60012; background-color:#e60012;}
.page a.pageCn{ padding:5px 15px;}
@media screen and ( max-width:800px ){
.page{ margin-top:25px;}
.page a{ padding:0 10px; margin:0 2px;}
.page a.pageCn{ padding:0 8px;}
}

/* Page Assembly */
.ig-bg{ width:100%; padding:50px 5% 85px;}
.ig-wl{ color:#888;}
.ig-ls a.ay{ display:block; float:left; width:23.5%; margin-right:2%; margin-top:2%; position:relative;}
.ig-ls a.ay:nth-of-type(4n){ margin-right:0;}
.ig-ls a.ay div{ width:100%; height:100%; overflow:hidden;}
.ig-ls a.ay div img{ width:100%; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.ig-ls a.ay:hover div img{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ig-ls a.ay dl{ 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;}
.ig-ls a.ay dl span{ display:block; float:right; width:20px; height:5px; background:url(../Images/jt.png) no-repeat; background-size:20px 5px; margin-top:17px;}
@media screen and ( max-width:1440px ){
.ig-ls a.ay{ width:32%;}
.ig-ls a.ay:nth-of-type(4n){ margin-right:2%;}
.ig-ls a.ay:nth-of-type(3n){ margin-right:0;}
}
@media screen and ( max-width:1024px ){
.ig-bg{ padding:30px 3.5% 65px;}
.ig-ls a.ay dl{ height:32px; line-height:32px; font-size:14px; padding:0 15px;}
.ig-ls a.ay dl span{ margin-top:13px;}
}
@media screen and ( max-width:800px ){
.ig-bg{ padding:25px 3.5% 55px;}
.ig-ls a.ay{ width:49%;}
.ig-ls a.ay:nth-of-type(3n){ margin-right:2%;}
.ig-ls a.ay:nth-of-type(2n){ margin-right:0;}
}
@media screen and ( max-width:480px ){
.ig-bg{ padding:15px 3.5% 30px;}
.ig-ls a.ay dl span{ display:none;}
}

/* Page Robot */
.ig-ls a.rb{ display:block; float:left; width:23.5%; margin-right:2%; margin-top:2%;}
.ig-ls a.rb:nth-of-type(4n){ margin-right:0;}
.ig-ls a.rb div{ width:100%; border:1px solid #eee; border-bottom:none; padding:10px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a.rb:hover div{ border:1px solid #e60012; border-bottom:none;}
.ig-ls a.rb div img{ width:100%;}
.ig-ls a.rb dl{ 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;}
.ig-ls a.rb:hover dl{ background-color:#e60012;}
.ig-ls a.rb dl h3{ font-family:"SimHei","Arial"; font-size:18px;}
.ig-ls a.rb dl 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){
.ig-ls a.rb{ width:32%;}
.ig-ls a.rb:nth-of-type(4n){ margin-right:2%;}
.ig-ls a.rb:nth-of-type(3n){ margin-right:0;}
.ig-ls a.rb div{ padding:5px;}
.ig-ls a.rb dl{ height:80px; padding:15px 20px 0;}
.ig-ls a.rb dl p{ right:20px; bottom:20px;}
}
@media screen and (max-width:1024px){
.ig-ls a.rb dl{ height:62px; line-height:20px; padding:10px 15px 0;}
.ig-ls a.rb dl h3{ font-size:14px;}
.ig-ls a.rb dl p{ right:15px; bottom:15px;}
}
@media screen and (max-width:800px){
.ig-ls a.rb{ width:49%;}
.ig-ls a.rb:nth-of-type(3n){ margin-right:2%;}
.ig-ls a.rb:nth-of-type(2n){ margin-right:0;}
}
@media screen and (max-width:480px){ .ig-ls a.rb dl p{ display:none;}}

/* Page Accessories */
.ig-ls a.pj{ display:block; float:left; width:15%; margin-right:2%; margin-top:2%;}
.ig-ls a.pj:nth-of-type(6n){ margin-right:0;}
.ig-ls a.pj div{ width:100%; border:1px solid #eee; padding:10px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a.pj div img{ width:100%;}
.ig-ls a.pj dl{ margin-top:10px; font-size:16px; color:#333; text-align:center; height:20px; line-height:20px; overflow:hidden;}
@media screen and (max-width:1440px){
.ig-ls a.pj{ width:18.4%;}
.ig-ls a.pj:nth-of-type(6n){ margin-right:2%;}
.ig-ls a.pj:nth-of-type(5n){ margin-right:0;}
.ig-ls a.pj dl{ margin-top:5px; font-size:14px;}
}
@media screen and (max-width:800px){
.ig-ls a.pj{ width:32%;}
.ig-ls a.pj:nth-of-type(5n){ margin-right:2%;}
.ig-ls a.pj:nth-of-type(3n){ margin-right:0;}
}

/* Page Products */
.ig-nm{ font-size:30px; font-weight:bold; text-align:center; margin-top:25px;}
.ig-cy{ margin-top:35px; text-align:center;}
.ig-cy img{ width:100%; max-width:762px;}
.ig-js{ margin-top:35px;}
.ig-js img{ width:100%; max-width:762px; margin-bottom:5px;}
.ig-rt img{ max-width:1050px;}
.ig-nt{ margin-top:35px;}
.ig-nt a{ display:block; float:left; padding:5px 15px; border:1px solid #f0f0f0; color:#888; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-nt a:nth-of-type(2){ float:right;}
.ig-nt a:hover{ color:#fff; background-color:#e60012; border:1px solid #e60012;}
@media screen and ( max-width:640px ){
.ig-nm{ font-size:24px; margin-top:20px;}
.ig-cy{ margin-top:20px;}
.ig-js{ margin-top:20px;}
.ig-nt{ margin:20px 0 10px;}
.ig-nt a{ padding:2px 12px;}
}

/* Page Mobile */
.yd-bg{ width:100%; height:750px; color:#fff; padding-left:53%; background:url(../Images/yd.jpg) no-repeat center; background-size:cover; display:flex; justify-content:center; flex-direction:column;}
.yd-bg h1{ font-size:48px;}
.yd-bg img{ display:block; width:200px; height:200px; -webkit-border-radius:5px; border-radius:5px; margin-top:52px;}
.yd-bg p{ margin-top:35px;}
@media screen and (max-width:1440px){ 
.yd-bg{ height:580px; padding-left:55%;}
.yd-bg h1{ font-size:36px;}
.yd-bg img{ width:150px; height:150px; margin-top:38px;}
.yd-bg p{ line-height:24px; margin-top:30px;}
}
@media screen and (max-width:1024px){ .yd-bg{ height:500px; padding-left:55%;}}
@media screen and (max-width:800px){ .yd-bg{ height:450px;}}
@media screen and (max-width:640px){ .yd-bg{ height:auto; padding:20%; background-image:url(../Images/ydm.jpg);}}

/* Page Video */
.sp-ls a{ display:block; float:left; width:23.5%; margin-right:2%; margin-top:2%; position:relative;}
.sp-ls a:nth-of-type(4n){ margin-right:0;}
.sp-ls a div{ width:100%; height:100%; overflow:hidden;}
.sp-ls a div img{ width:100%; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.sp-ls a:hover div img{ -transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.sp-ls a dl{ width:100%; height:45px; line-height:45px; text-align:center; background-color:#f5f5f5; overflow:hidden; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.sp-ls a:hover dl{ color:#fff; background-color:#e60012;}
@media screen and ( max-width:1440px ){
.sp-ls a{ width:32%;}
.sp-ls a:nth-of-type(4n){ margin-right:2%;}
.sp-ls a:nth-of-type(3n){ margin-right:0;}
}
@media screen and ( max-width:1024px ){
.sp-ls a dl{ height:32px; line-height:32px;}
}
@media screen and ( max-width:800px ){
.sp-ls a{ width:49%;}
.sp-ls a:nth-of-type(3n){ margin-right:2%;}
.sp-ls a:nth-of-type(2n){ margin-right:0;}
}

/* Page VideoVideo */
.sp-bg{ width:100%; max-width:1200px; margin:35px auto 0; background-color:#000;}
.sp-bg video{ width:100%; height:650px;}
@media screen and (max-width:1024px){
.sp-bg{ margin-top:25px;}
.sp-bg video{ height:500px;}
}
@media screen and (max-width:480px){ 
.sp-bg{ margin-top:15px;}
.sp-bg video{ height:400px;}
}

/* Page Join */
.jn-bg{ width:100%; background:url(../Images/msBg.jpg) no-repeat center; background-size:cover; padding:125px 0 135px;}
.jn-ls{ max-width:1002px; margin:auto; color:#fff;}
.jn-ls h1{ font-size:30px;}
.jn-ls p{ margin:10px 0 20px;}
.jn-ls h2{ font-size:22px; margin-bottom:15px;}
.ms-in{ display:block; width:30%; height:40px; font-family:"SimHei","Noto Sans CJK SC","PingFang SC","Arial","Microsoft YaHei";color:#888; padding:0 10px; margin-bottom:15px; border:none; -webkit-border-radius:5px; border-radius:5px;}
.ms-tl{ width:45%;}
.ms-yx{ width:60%;}
.ms-dz{ width:75%;}
.ms-tx{ display:block; width:90%; height:200px; font-family:"SimHei","Noto Sans CJK SC","PingFang SC","Arial","Microsoft YaHei"; color:#888; padding:10px; margin-bottom:15px; border:none; outline:none; resize:none; -webkit-border-radius:5px; border-radius:5px;}
.ms-sb{ display:block; width:150px; height:50px; background-color:#f98f1d; font-family:"Microsoft Jhenghei","SimHei","Noto Sans CJK SC","PingFang SC","Arial","Microsoft YaHei"; font-size:18px; font-weight:bold; color:#fff; border:none; cursor:pointer; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ms-sb:hover{ background-color:#f14702;}
@media screen and ( max-width:1280px ){.jn-ls{ margin:0 5%;}}
@media screen and ( max-width:640px ){
.jn-bg{ padding:50px 0 65px;}
.jn-ls h1{ font-size:24px;}
}
@media screen and ( max-width:480px ){
.ms-in{ width:100%; height:35px;}
.ms-tx{ width:100%; height:150px;}
.ms-sb{ width:100%; height:35px;}
}