/* Page Flash */
.flash{ background-repeat:no-repeat; background-position:center; background-size:cover; height:665px; position:relative;}
.comy{ position:absolute; left:0; bottom:0; height:100px;}
@media screen and ( max-width:1680px ){ .flash{ height:535px;}}
@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;}}

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

/* Page Company */
.gs-bg{ margin:65px 10% 85px; position:relative;}
.gs-bg h2{ font-size:30px; color:#3d5198;}
.gs-bg p{ font-size:15px; line-height:30px; margin-top:15px;}
.gs-bg p:nth-of-type(1){ margin-top:25px;}
.gs-bg span{ font-family:Microsoft YaHei;}
.gs-bg .comy{ height:0;}
@media screen and (max-width:1440px){ 
.gs-bg{ margin:55px 5% 75px;}
.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:655px;}
.fy-tx, .fy-ig{ width:50%; height:100%; background-color:#3d5198;}
.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:24px; margin-bottom:15px;}
.fy-ig{ float:right; background:url(../Images/gs.jpg) no-repeat center; background-size:cover;}
@media screen and (max-width:1440px){ 
.fy-bg{ height:443px;}
.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;}
}

/* Page Workshop */
.sb-lb{ padding:85px 10%; position:relative;}
.sb-lb a{ display:block; float:left; width:32%; margin-right:2%;}
.sb-lb a:nth-child(3n){ margin-right:0;}
.sb-lb a:nth-child(n+4){ margin-top:2%;}
.sb-lb a img{ width:100%;}
.ry-lb{ max-width:1280px; padding-left:0; padding-right:0; margin:auto; display:none;}
.ry-lb a:nth-child(10), .ry-lb a:nth-child(11){ width:49%;}
.ry-lb a:nth-child(11){ margin-right:0;}
@media screen and (max-width:1440px){ 
.sb-lb{ padding:75px 5%;}
}

/* Page News */
.ns-lb a{ float:left; display:block; width:48.25%; margin-right:3.5%; margin-top:3.5%; border:1px solid #e8e8e8; 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:#e43f43; background-color:#e43f43;}
.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 span{ font-style:italic; color:#888; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-lb a p{ color:#666; line-height:24px; margin-top:10px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-lb a:hover h3, .ns-lb a:hover span, .ns-lb a:hover p{ color:#fff;}
@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:#f7ab00;}

/* Page Page */
.page{ display:table; margin:50px 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 #f0f0f0; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.page a:hover, .page a.pageNt{ color:#fff; border-color:#e43f43; background-color:#e43f43;}
.page a.pageNt:hover{ font-weight:bold;}
.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:60px; line-height:60px; font-size:24px; font-weight:bold; color:#fff; padding:0 20px; background-color:#3d5198;}
.ig-big-dj:hover, .big{ color:#e43f43;}
.ig-big ul{ padding:5px 20px 10px; background-color:#e8e8e8;}
.ig-small-dj{ display:block; font-size:16px; line-height:18px; padding:12px 0; border-bottom:1px solid rgba(0,0,0,.05);}
.ig-big ul li:last-child .ig-small-dj{border-bottom:none;}
.ig-small-dj:hover, .small{ font-weight:bold; color:#e43f43;}
.ig-zb dl img{ width:100%;}
.ig-yb{ margin-left:325px;}
.ig-wl{ color:#888;}
.ig-ls a{ display:block; float:left; width:31%; height:530px; 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 div{ 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;}
.ig-ls a:hover div{ -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.ig-ls a dl{ position:absolute; right:0; bottom:0; line-height:40px; font-size:18px; font-weight:bold; color:#fff; text-align:center; padding:0 10px; background-color:rgba(0,0,0,.5); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-ls a:hover dl{ background-color:rgba(228,63,67,.85);}
.lsNo{ margin-top:50px;}
.lsNo img{ width:100%;}
@media screen and (max-width:2048px) { 
.ig-ls a{ height:408px;}
}
@media screen and (max-width:1920px) { 
.ig-ls a{ height:375px;}
}
@media screen and (max-width:1680px) { 
.ig-ls a{ height:315px;}
}
@media screen and (max-width:1440px) { 
.ig-bg{ margin:55px 5% 0;}
.ig-yb{ margin-left:315px;}
.ig-ls a{ height:305px;}
}
@media screen and (max-width:1366px) { 
.ig-ls a{ height:284px;}
}
@media screen and (max-width:1280px) { 
.ig-zb{ width:200px;}
.ig-yb{ margin-left:250px;}
.ig-ls a{ height:280px;}
}

/* Page ProductView */
.ig-vw{ margin-top:50px;}
.ig-dt{ text-align:center;}
.ig-js{ margin-top:50px;}
.ig-dt img, .ig-js img{ max-width:750px;}
.ig-nm{ font-size:30px; font-weight:bold; color:#333; text-align:center; margin-top:35px;}
.ig-nt{ margin-top:50px;}
.ig-nt a{ display:block; float:left; font-size:14px; border:1px solid #f0f0f0; padding:10px 15px; -webkit-transition:all .3s ease; transition:all .3s ease;}
.ig-nt a:hover { color:#fff; border-color:#3d5198; background-color:#3d5198;}
.ig-nt a.yb{ float:right;}

/* Page Contact */
.xl-bg{ max-width:1280px; height:520px; margin:100px auto 0;}
.xl-ig, .xl-tx{ float:left; width:50%; height:100%;}
.xl-ig{ background:url(../Images/maps.jpg) no-repeat center; background-size:cover;}
.xl-ig a{ display:block; width:100%; height:100%;}
.xl-tx{ background-color:#3d5198; font-size:18px; color:#fff; padding:0 65px; display:flex; justify-content:center; flex-direction:column;}
.xl-tx h3{ font-size:18px; margin:20px 0 5px;}
.xl-tx h3:nth-of-type(1){ margin-top:0;}
@media screen and (max-width:1440px){
.xl-bg{ margin-top:85px;}
}
@media screen and (max-width:1366px){
.xl-bg{ margin:85px 5% 0;}
}