/* Page Flash */
.flash{ background-repeat:no-repeat; background-position:center; background-size:cover; height:480px;}
@media screen and ( max-width:1680px ){ .flash{ height:420px;}}
@media screen and ( max-width:1440px ){ .flash{ height:360px;}}
@media screen and ( max-width:1280px ){ .flash{ height:320px;}}
@media screen and ( max-width:1024px ){ .flash{ height:260px;}}
@media screen and ( max-width:800px ){ .flash{ height:200px;}}
@media screen and ( max-width:640px ){ .flash{ height:160px;}}
@media screen and ( max-width:480px ){ .flash{ height:120px;}}
@media screen and ( max-width:414px ){ .flash{ height:105px;}}
@media screen and ( max-width:375px ){ .flash{ height:95px;}}

/* Page Bottom */
.bottom{ margin-top:100px;}
@media screen and (max-width:1440px){ 
.bottom{ margin-top:75px;}
}
@media screen and (max-width:800px){ 
.bottom{ margin-top:55px;}
}
@media screen and (max-width:480px){ 
.bottom{ margin-top:25px;}
}

/* Page Company */
#about .flash{ position:relative;}
.comy{ position:absolute; left:0; bottom:0; height:80px;}
.gs-bg{ margin:65px 10% 0; position:relative;}
.gs-bg span{ font-family:Microsoft YaHei;}
.gs-bg h2{ font-size:30px; color:#333;}
.gs-bg h3{ font-size:18px; color:#333; margin:20px 0 -15px;}
.gs-bg p{ font-size:15px; line-height:30px; margin-top:20px;}
.gs-bg p:nth-of-type(1){ margin-top:25px;}
@media screen and (max-width:1440px){ 
.gs-bg{ margin:55px 5% 0;}
.gs-bg p{ font-size:14px; line-height:28px; margin-top:15px;}
.gs-bg p:nth-of-type(1){ margin-top:20px;}
}
@media screen and (max-width:1024px){ 
.comy{ height:50px;}
.gs-bg{ margin:45px 5% 0;}
.gs-bg h2{ font-size:24px;}
.gs-bg h3{ margin:15px 0 -10px;}
.gs-bg p{ line-height:24px;}
}
@media screen and (max-width:640px){ 
.gs-bg{ margin:35px 5% 0;}
}
@media screen and (max-width:480px){ 
.gs-bg{ margin:25px 3.5% 0;}
.gs-bg h2{ font-size:18px;}
.gs-bg p:nth-of-type(1){ margin-top:15px;}
}

/* Page Factory */
.fy-bg{ width:100%; height:585px; margin-top:75px;}
.fh-bg{ margin-top:100px;}
.fy-tx, .fy-ig{ width:50%; height:100%; background-color:#717171;}
.fy-tx{ float:left; color:#fff; padding:0 5.5% 0 10%; display:flex; justify-content:center; flex-direction:column;}
.fy-tx h2{ font-size:30px;}
.fy-tx p{ font-size:15px; line-height:30px; margin-top:20px;}
.fy-ig{ float:right; background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1440px){ 
.fy-bg{ height:443px; margin-top:65px;}
.fh-bg{ margin-top:80px;}
.fy-tx{ padding:0 5%;}
.fy-tx p{ font-size:14px; line-height:28px;}
}
@media screen and (max-width:1366px){ 
.fy-bg{ height:420px;}
}
@media screen and (max-width:1280px){ 
.fy-bg{ height:393px;}
}
@media screen and (max-width:1024px){ 
.fy-bg{ height:315px; margin-top:55px;}
.fh-bg{ margin-top:65px;}
.fy-tx h2{ font-size:24px;}
.fy-tx p{ line-height:24px;}
}
@media screen and (max-width:800px){ 
.fy-bg{ height:auto;}
.fy-tx, .fy-ig{ width:100%;}
.fy-tx{ padding:35px;}
.fy-tx p{ margin-top:10px;}
.fy-ig{ height:492px;}
}
@media screen and (max-width:640px){ 
.fy-bg{ margin-top:45px;}
.fh-bg{ margin-top:55px;}
.fy-tx{ padding:25px;}
.fy-ig{ height:393px;}
}
@media screen and (max-width:480px){ 
.fy-bg{ margin-top:30px;}
.fh-bg{ margin-top:40px;}
.fy-tx{ padding:20px;}
.fy-tx h2{ font-size:18px;}
.fy-ig{ height:295px;}
}
@media screen and (max-width:414px){ 
.fy-ig{ height:254px;}
}
@media screen and (max-width:375px){ 
.fy-ig{ height:230px;}
}
@media screen and (max-width:320px){ 
.fy-ig{ height:197px;}
}

/* Page Workshop */
.sb-lb{ padding:75px 10% 0; position:relative;}
.sb-lb p{ font-size:16px; font-weight:bold; line-height:30px;}
.sb-lb ul li{ float:left; width:31.5%; margin-right:2.75%; margin-top:2.75%;}
.sb-lb ul li:nth-of-type(3n){ margin-right:0;}
.sb-lb ul li img{ width:100%;}
@media screen and (max-width:1440px){ 
.sb-lb{ padding:65px 5% 0;}
}
@media screen and (max-width:1024px){ 
.sb-lb{ padding:50px 5% 0;}
.sb-lb p{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:640px){ 
.sb-lb{ padding:35px 5% 0;}
.sb-lb ul li{ width:48.5%; margin-right:3%; margin-top:3%;}
.sb-lb ul li:nth-of-type(3n){ margin-right:3%;}
.sb-lb ul li:nth-of-type(2n){ margin-right:0;}
}
@media screen and (max-width:480px){ 
.sb-lb{ padding:25px 3.5% 0;}
}

/* Page Culture */
.ln-bg{ margin:65px 10% 0;}
.ln-bg h2{ font-size:30px; color:#333;}
.ln-bg p{ font-size:15px; line-height:30px; margin-top:25px;}
.ln-bg ul{ margin-top:35px;}
.ln-bg ul li{ float:left; width:15%; height:150px; margin-right:2%; background-color:#f5f5f5; padding:25px;}
.ln-bg ul li:nth-of-type(6){ margin-right:0;}
.ln-bg ul li h3{ font-size:18px; color:#333;}
.ln-bg dl{ line-height:24px; margin-top:10px;}
@media screen and (max-width:1440px){ 
.ln-bg{ margin:55px 5% 0;}
.ln-bg p{ font-size:14px; line-height:28px; margin-top:20px;}
.ln-bg ul{ margin-top:30px;}
}
@media screen and (max-width:1280px){ 
.ln-bg ul li{ padding:20px;}
}
@media screen and (max-width:1150px){ 
.ln-bg ul li{ padding:15px;}
}
@media screen and (max-width:1024px){ 
.ln-bg{ margin:45px 5% 0;}
.ln-bg h2{ font-size:24px;}
.ln-bg p{ line-height:24px;}
.ln-bg ul li{ width:32%; height:125px; margin-right:2%; padding:20px;}
.ln-bg ul li:nth-of-type(3){ margin-right:0;}
.ln-bg ul li:nth-of-type(4), .ln-bg ul li:nth-of-type(5), .ln-bg ul li:nth-of-type(6){ margin-top:2%;}
}
@media screen and (max-width:700px){ 
.ln-bg ul li{ padding:15px;}
}
@media screen and (max-width:640px){ 
.ln-bg{ margin:35px 5% 0;}
.ln-bg ul li{ width:48.25%; height:125px; margin-right:3.5%;}
.ln-bg ul li:nth-of-type(3){ margin-right:3.5%;}
.ln-bg ul li:nth-of-type(2n){ margin-right:0;}
.ln-bg ul li:nth-of-type(3), .ln-bg ul li:nth-of-type(4), .ln-bg ul li:nth-of-type(5), .ln-bg ul li:nth-of-type(6){ margin-top:3.5%;}
}
@media screen and (max-width:480px){ 
.ln-bg{ margin:25px 3.5% 0;}
.ln-bg h2{ font-size:18px;}
.ln-bg p{ margin-top:15px;}
.ln-bg ul{ margin-top:25px;}
}
@media screen and (max-width:414px){ 
.ln-bg ul li{ height:135px;}
}

/* Page News */
.ns-lb a{ float:left; display:block; width:48.25%; margin-right:3.5%; margin-top:3.5%; border:1px solid #e8e8e8; border-bottom-width:3px; padding:25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-lb a:nth-of-type(2n){ margin-right:0;}
.ns-lb a:nth-of-type(1), .ns-lb a:nth-of-type(2){ margin-top:25px;}
.ns-lb a:hover{ border-color:#cf0010;}
.ns-lb a h3{ font-size:18px; color:#333; margin-bottom:5px;}
.ns-lb a:hover h3{ color:#cf0010;}
.ns-lb a span{ font-style:italic; color:#888;}
.ns-lb a p{ color:#666; line-height:24px; margin-top:10px;}
@media screen and (max-width:1440px) { 
.ns-lb a{ padding:20px;}
}
@media screen and (max-width:800px) { 
.ns-lb a{ width:100%; margin-right:0;}
.ns-lb a:nth-of-type(1){ margin-top:20px;}
.ns-lb a:nth-of-type(2){ margin-top:3.5%;}
.ns-lb a h3{ font-size:16px;}
}
@media screen and (max-width:480px) { 
.ns-lb a{ padding:15px;}
}

/* Page NewsView */
.ns-vw{ margin-top:25px;}
.ns-nm{ font-size:30px; font-weight:bold; color:#333; text-align:center;}
.ns-in{ color:#888; margin-top:10px; text-align:center;}
.ns-in span{ margin:0 5px;}
.ns-js{ margin-top:35px; line-height:24px;}
.ns-js img{ width:100%; max-width:750px; margin:auto;}
.ns-nt{ margin-top:35px;}
.ns-nt a{ display:block; margin-top:10px; color:#888;}
.ns-nt a:hover{ color:#cf0010;}
@media screen and (max-width:800px) { 
.ns-nm{ font-size:24px;}
.ns-js{ margin-top:25px;}
.ns-nt{ margin-top:25px;}
}
@media screen and (max-width:480px) { 
.ns-nm{ font-size:18px;}
.ns-js{ margin-top:20px;}
.ns-nt{ margin-top:20px;}
.ns-nt a{ margin-top:5px;}
}

/* Page Page */
.page{ display:table; margin:40px auto 0;}
.page a{ display:block; float:left; padding:8px 15px; margin:2.5px; color:#888; line-height:20px; background-color:#fff; border:1px solid #e8e8e8; border-bottom-width:3px; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.page a:hover{ color:#cf0010; border-color:#cf0010;}
.page a.pageNt{ font-weight:bold; color:#cf0010;}
.page a.pageNt:hover{ border-color:#cf0010;}
.page a.pageCn{ padding:8px 10px;}
.page a.pageJt{ font-family:"SimSun", "NSimSun", "FangSong";}
@media screen and ( max-width:1024px ){
.page{ margin-top:30px;}
}
@media screen and ( max-width:640px ){
.page{ margin-top:20px;}
.page a{ padding:2px 10px;}
.page a.pageCn{ padding:2px 5px;}
}
@media screen and ( max-width:480px ){
.page{ margin-top:15px;}
}

/* Page Products */
.ig-bg{ margin:65px 10% 0;}
.ig-zb{ float:left; width:265px;}
.ig-big{ margin-bottom:15px;}
.ig-big-dj{ display:block; width:100%; height:55px; line-height:55px; font-size:18px; color:#fff; padding:0 15px; background-color:#cf0010;}
.ig-big-dj:hover, .big{ font-weight:bold; color:#fff;}
.ig-big ul{ padding:5px 15px 10px; background-color:#3e3d3b;}
.ig-small-dj{ display:block; color:#c0c0c0; line-height:18px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.05);}
.ig-small-dj:hover, .small{ font-weight:bold; color:#cf0010;}
.line{ border-bottom:none;}
.ig-yb{ margin-left:325px;}
.ig-wl{ color:#888;}
.ig-wl span{ font-size:18px; font-weight:bold; color:#cf0010;}
.ig-ls a{ display:block; float:left; width:31%; margin-right:3.5%; margin-top:3.5%; overflow:hidden; position:relative;}
.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:25px;}
.ig-ls a img{ width:100%;}
.ig-ls a dl{ position:absolute; left:0; bottom:-60px; width:100%; height:60px; line-height:60px; font-size:16px; font-weight:bold; color:#fff; text-align:center; padding:0 10px; background-color:rgba(0,0,0,.65); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a:hover dl{ bottom:0;}
.lsNo{ margin-top:35px;}
.lsNo img{ width:100%; max-width:992px;}
@media screen and (max-width:1440px) { 
.ig-bg{ margin:55px 5% 0;}
.ig-yb{ margin-left:315px;}
}
@media screen and (max-width:1280px) { 
.ig-zb{ width:200px;}
.ig-yb{ margin-left:250px;}
}
@media screen and (max-width:1024px) { 
.ig-zb{ display:none;}
.ig-yb{ margin-left:0;}
.ig-ls a dl{ bottom:-40px; height:40px; line-height:40px; font-size:12px;}
}
@media screen and (max-width:800px) { 
.ig-bg{ margin:35px 3.5% 0;}
.ig-ls a{ width:48.25%;}
.ig-ls a:nth-of-type(3n){ margin-right:3.5%;}
.ig-ls a:nth-of-type(2n){ margin-right:0;}
.ig-ls a:nth-of-type(1), .ig-ls a:nth-of-type(2){ margin-top:20px;}
.ig-ls a:nth-of-type(3){ margin-top:3.5%;}
}
@media screen and (max-width:480px) { 
.ig-bg{ margin:25px 3.5% 0;}
}

/* Page ProductView */
.ig-vw{ margin-top:35px;}
.ig-dt{ max-width:790px;}
.ig-dt img{ width:100%;}
.ig-js{ max-width:790px; margin-top:50px;}
.ig-js img{ width:100%;}
.ig-gy{ max-width:790px; margin-top:50px;}
.ig-gy img{ width:100%;}
@media screen and (max-width:1024px) { 
.ig-vw{ margin-top:25px;}
}
@media screen and (max-width:640px) { 
.ig-js{ margin-top:35px;}
.ig-gy{ margin-top:35px;}
}

/* Page Message */
#service .flash{ position:relative;}
#service .fy-bg{ position:relative;}
.ms-bg{ margin:65px 10% 0;}
.ms-bg h2{ font-size:30px; color:#333;}
.ms-bg p{ font-size:15px; line-height:30px; margin-top:25px;}
.ms-ls{ margin-top:10px;}
.ms-ls .ms-it{ float:left; width:48.5%;}
.ms-ls .ms-it .ms-in{ display:block; width:100%; height:45px; font-family:Arial, Microsoft YaHei; color:#a0a0a0; padding:0 15px; margin-top:20px; border:none; background-color:#f5f5f5; -webkit-border-radius:5px; border-radius:5px;}
.ms-ls .ms-st{ float:right; width:48.5%;}
.ms-ls .ms-st .ms-tx{ display:block; width:100%; height:175px; font-family:Arial, Microsoft YaHei; color:#a0a0a0; padding:10px 15px; margin-top:20px; outline:none; resize:none; border:none; background-color:#f5f5f5; -webkit-border-radius:5px; border-radius:5px;}
.ms-ls .ms-st .ms-sb{ display:block; float:left; width:47%; height:45px; font-family:Arial, Microsoft YaHei; font-size:18px; font-weight:bold; color:#fff; margin-top:20px; border:none; cursor:pointer; background-color:#3e3d3b; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ms-ls .ms-st .ms-sb:nth-of-type(2){ float:right; color:#fff; background-color:#c0c0c0;}
.ms-ls .ms-st .ms-sb:hover{ background-color:#cf0010;}
@media screen and (max-width:1440px){ 
.ms-bg{ margin:55px 5% 0;}
.ms-bg p{ font-size:14px; line-height:28px; margin-top:20px;}
}
@media screen and (max-width:1024px){ 
.ms-bg{ margin:45px 5% 0;}
.ms-bg h2{ font-size:24px;}
.ms-bg p{ line-height:24px;}
.ms-ls .ms-it .ms-in{ height:40px; padding:0 10px; margin-top:15px; -webkit-border-radius:3px; border-radius:3px;}
.ms-ls .ms-st .ms-tx{ height:150px; padding:7px 10px; margin-top:15px; -webkit-border-radius:3px; border-radius:3px;}
.ms-ls .ms-st .ms-sb{ height:40px; margin-top:15px; -webkit-border-radius:3px; border-radius:3px;}
}
@media screen and (max-width:480px){ 
.ms-bg{ margin:25px 3.5% 0;}
.ms-bg h2{ font-size:18px;}
.ms-bg p{ margin-top:15px;}
.ms-ls{ margin-top:5px;}
.ms-ls .ms-st .ms-sb{ font-size:16px;}
}

/* Page Contact */
#contact .lx-bg{ margin-top:0;}
.lx-ls{ margin:50px 10% 75px;}
.lx-ls li{ float:left; width:31.2%; margin-right:3.2%; margin-top:50px;}
.lx-ls li:nth-of-type(3n){ margin-right:0;}
.lx-ls li:nth-of-type(1), .lx-ls li:nth-of-type(2), .lx-ls li:nth-of-type(3){ margin-top:25px;}
.lx-ls li .lx-tb{ float:left; width:84px; height:84px; background:url(../Images/tb01.png) no-repeat; padding:5px 0; position:relative;}
.lx-ls li .lx-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%;}
.lx-ls 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);}
.lx-ls li p{ margin-left:104px; height:84px; display:flex; justify-content:center; flex-direction:column;}
.lx-ls li p strong{ display:block; font-size:18px; color:#333; margin-bottom:10px;}
.lx-ls li p font{ font-size:16px; color:#888;}
.maps{ width:100%; height:490px;}
@media screen and (max-width:1440px){ 
.lx-ls{ margin:40px 5% 65px;}
}
@media screen and (max-width:1024px){ 
.lx-ls{ margin:35px 5% 50px;}
.lx-ls li{ width:48.5%; margin-right:3%; margin-top:35px;}
.lx-ls li:nth-of-type(3n){ margin-right:2%;}
.lx-ls li:nth-of-type(2n){ margin-right:0;}
.lx-ls li:nth-of-type(1), .lx-ls li:nth-of-type(2){ margin-top:15px;}
.lx-ls li:nth-of-type(3){ margin-top:35px;}
.lx-ls li .lx-tb{ float:inherit; margin:auto; width:68px; height:68px; background-size:68px 68px;}
.lx-ls li .lx-tb div{ width:58px; height:58px; background-size:30px 30px;}
.lx-ls li .lx-tb dl{ width:68px; height:68px; background-size:68px 68px; clip:rect(0 0 34px 0);}
.lx-ls li p{ margin-left:83px; height:68px;}
.lx-ls li p strong{ font-size:16px; margin-bottom:5px;}
.lx-ls li p font{ font-size:14px;}
}
@media screen and (max-width:480px){ 
.lx-ls{ margin:25px 3.5% 40px;}
.lx-ls li{ width:48.5%; margin;}
.lx-ls li{ width:100%; margin-right:0; margin-top:25px;}
.lx-ls li:nth-of-type(2), .lx-ls li:nth-of-type(3){ margin-top:25px;}
.lx-ls li .lx-tb{ width:50px; height:50px; background-size:50px 50px;}
.lx-ls li .lx-tb div{ width:40px; height:40px; background-size:24px 24px;}
.lx-ls li .lx-tb dl{ width:50px; height:50px; background-size:50px 50px; clip:rect(0 0 25px 0);}
.lx-ls li p{ margin-left:65px; height:50px;}
.lx-ls li p strong{ font-size:15px;}
.maps{ height:auto;}
.maps iframe{ display:none;}
}