/* Page Flash */
.flash{ background-repeat:no-repeat; background-position:center; background-size:cover; height:640px; position:relative;}
@media screen and ( max-width:2048px ){ .flash{ height:515px;}}
@media screen and ( max-width:1920px ){ .flash{ 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;}}
.proImg{ background-repeat:no-repeat; background-position:center; background-size:cover; height:250px;}
@media screen and ( max-width:1440px ){ .proImg{ height:188px;}}

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

/* Page Company */
#about .abt{ position:relative;}
.comy{ position:absolute; left:0; bottom:0; height:80px;}
.gs-bg{ margin:65px 10% 0; position:relative;}
.gs-bg h2{ font-size:30px; color:#124098;}
.gs-bg p{ font-size:15px; line-height:30px; margin-top:20px;}
.gs-bg p:nth-of-type(1){ margin-top:25px;}
.gs-bg span{ font-family:Microsoft YaHei;}
@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;}
}

/* Page Factory */
.fy-bg{ width:100%; height:585px; margin-top:75px;}
.gs{ height:525px;}
.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-tx p span{ display:block; font-size:18px; font-weight:bold; margin-bottom:8px;}
.fy-ig{ float:right; background:url(../Images/company.jpg) no-repeat center; background-size:cover;}
@media screen and (max-width:1440px){ 
.fy-bg{ height:443px; margin-top:65px;}
.gs{ height:394px;}
.fy-tx{ padding:0 5%;}
.fy-tx p{ font-size:14px; line-height:28px;}
}
@media screen and (max-width:1366px){ 
.fy-bg{ height:420px;}
.gs{ height:374px;}
}
@media screen and (max-width:1280px){ 
.fy-bg{ height:393px;}
.gs{ height:350px;}
}

/* Page Workshop */
.sb-lb{ padding:65px 10% 0; text-align:center; position:relative;}
.sb-lb img{ width:100%; max-width:718px;}
@media screen and (max-width:1440px){ 
.sb-lb{ padding:55px 5% 0;}
}

/* Page Culture */
.ln-bg{ margin:65px 10% 0;}
.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;}
}
@media screen and (max-width:1280px){ 
.ln-bg ul li{ padding:20px;}
}

/* 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:#124098;}
.ns-lb a h3{ font-size:18px; color:#333; margin-bottom:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-lb a:hover h3{ color:#124098;}
.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;}
}

/* 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:#124098;}

/* 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:#124098; border-color:#124098;}
.page a.pageNt{ font-weight:bold; color:#124098;}
.page a.pageNt:hover{ border-color:#124098;}
.page a.pageCn{ padding:8px 10px;}
.page a.pageJt{ font-family:"SimSun", "NSimSun", "FangSong";}

/* 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; font-weight:bold; color:#fff; padding:0 15px; background-color:#124098;}
.ig-big-dj:hover, .big{ color:#124098;}
.ig-big ul{ padding:5px 15px 10px; background-color:#e8e8e8;}
.ig-small-dj{ display:block; line-height:18px; padding:8px 0; border-bottom:1px solid rgba(0,0,0,.05);}
.ig-small-dj:hover, .small{ font-weight:bold; color:#124098;}
.line{ border-bottom:none;}
.ig-zb dl img{ width:100%;}
.ig-yb{ margin-left:325px;}
.ig-wl{ color:#888;}
.ig-ls a{ display:block; float:left; width:47.5%; margin-right:5%; margin-top:5%; overflow:hidden;}
.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:25px;}
.ig-ls a img{ width:100%;}
.ig-ls a dl{ height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#666; text-align:center; padding:0 10px; overflow:hidden; border:1px solid #f5f5f5; border-top:none; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a:hover dl{ color:#fff; border-color:#124098; background-color:#124098;}
.lsNo{ margin-top:45px;}
.lsNo img{ width:100%; max-width:1200px;}
@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;}
}

/* Page ProductView */
.ig-vw{ margin-top:50px;}
.ig-js img{ width:100%;}

/* Page Message */
#service .flash{ position:relative;}
#service .fy-bg{ position:relative;}
.ms-bg{ margin:65px 10% 0;}
.ms-bg h2{ font-size:30px; color:#124098;}
.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:#124098;}
@media screen and (max-width:1440px){ 
.ms-bg{ margin:55px 5% 0;}
.ms-bg p{ font-size:14px; line-height:28px; margin-top:20px;}
}

/* Page Contact */
.xl-bg{ max-width:1200px; margin:85px auto 0;}
.xl-tx{ float:left; width:50%; font-size:18px;}
.xl-tx h3{ margin:35px 0 10px;}
.xl-tx h3:nth-of-type(1){ margin-top:0;}
@media screen and (max-width:1440px){
.xl-bg{ margin-top:75px;}
}
@media screen and (max-width:1366px){
.xl-bg{ margin:75px 5% 0;}
}