/* Page Flash */
.flash{ background-repeat:no-repeat; background-position:center; background-size:cover; height:680px; padding-top:13%; padding-left:50%;}
.fl-bg{ position:relative; background-image:url(../Images/flash.png); background-repeat:repeat; width:450px; padding:25px 30px 35px; color:#fff; animation:fl-lb 2s 1 forwards; -webkit-animation:fl-lb 2s 1 forwards;}
.fl-cn{ font-size:48px;}
.fl-en{ font-size:28px; margin-top:5px; text-transform:uppercase;}
.fl-tx{ font-size:18px; margin-top:8px;}
@keyframes fl-lb{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:10%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}
@-webkit-keyframes fl-lb{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:10%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}
@media screen and ( max-width:1440px ){
.flash{ height:550px; padding-top:14%;}
.fl-cn{ font-size:38px;}
.fl-en{ font-size:22px;}
.fl-tx{ font-size:18px;}
}
@media screen and ( max-width:1024px ){
.flash{ height:450px; padding-left:43%;}
.fl-bg{ width:400px;}
.fl-cn{ font-size:30px;}
.fl-en{ font-size:20px;}
.fl-tx{ font-size:16px; margin-top:5px;}
}
@media screen and ( max-width:800px ){
.flash{ padding-top:19%;}
.fl-bg{ width:330px;}
.fl-cn{ font-size:24px;}
.fl-en{ font-size:18px;}
.fl-tx{ font-size:14px;}
}
@media screen and ( max-width:480px ){
.flash{ height:330px; padding-top:30%; padding-left:20%;}
.fl-bg{ width:auto; background-image:none; padding:0;}
.fl-tx{ display:none;}
}
@media screen and ( max-width:375px ){
.flash{ height:280px;}
}

/* Page Document */
.pl-bg{ margin:-85px 10% 0; background:#fff; padding:50px 1.2% 30px; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05);}
@media screen and ( max-width:1440px ){
.pl-bg{ margin:-85px 7.5% 0; padding:40px 1.2% 20px;}
}
@media screen and ( max-width:1024px ){
.pl-bg{ margin:-75px 5% 0; padding:40px 2% 20px;}
}
@media screen and ( max-width:640px ){
.pl-bg{ margin:-65px 3.5% 0; padding:15px 2% 10px;}
}

.page{ margin:0 1.8%;}
.page a{ display:block; float:left; line-height:48px; padding:0 20px; border:1px solid #e5e5e5; background-color:#fff; margin-right:10px; margin-bottom:20px; font-size:16px; color:#888; cursor:pointer;}
.page a:hover{ border:1px solid #094098; background-color:#094098; color:#fff;}
.page-ig{ margin:0;}
.page-ig a{ margin-bottom:0;}
@media screen and (max-width:800px) { 
.page a{ line-height:38px; padding:0 15px; margin-bottom:10px; font-size:14px;}
}

/* Page Apply */
.ay-lb li{ float:left; width:22%; margin:0 1.5% 10px;}
.ay-lb li a{ cursor:pointer;}
.ay-lb li a div{ width:100%; overflow:hidden; position:relative;}
.ay-lb li a div img{ width:100%; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ay-lb li a:hover div img{ -transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}
.ay-lb li a span{ display:block; font-size:15px; text-align:center; line-height:30px; padding:10px 0; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ay-lb li a:hover span{ background-color:#094098; color:#fff}
@media screen and ( max-width:1440px ){
.ay-lb li{ width:30.133333%; margin:0 1.6% 10px;}
}
@media screen and ( max-width:1024px ){
.ay-lb li{ width:46%; margin:0 2% 10px;}
}
@media screen and ( max-width:640px ){
.ay-lb li{ width:46%; margin:0 2% 5px;}
.ay-lb li a span{ font-size:14px; padding:5px 0;}
}

/* Page News */
.ns-ln{ margin:0 1.8%; line-height:50px; margin-bottom:40px; color:#888;}
.ns-ln dl{ float:right;}
.ns-ln dl a{ display:block; float:left; line-height:48px; padding:0 20px; border:1px solid #e5e5e5; margin-left:10px; font-size:16px;}
.ns-ln dl a:hover, .ns-ln dl a.n{ border:1px solid #094098; background-color:#094098; color:#fff;}
.ns-lb{ margin:0 1.8%;}
.ns-lb li{ float:left; width:48.25%; margin-right:3.5%; margin-bottom:40px; overflow:hidden;}
.ns-lb li:nth-of-type(2n){ margin-right:0;}
.ns-lb li a{ display:block; width:100%; border:1px solid #e5e5e5; border-bottom:3px solid #e5e5e5; padding:25px;}
.ns-lb li a h2{ font-family:"vi-logo-font-Gotham-Book"; font-size:24px; font-weight:normal; color:#888;}
.ns-lb li a h4{ font-family:"vi-logo-font-Gotham-Book"; font-size:14px; font-weight:normal; color:#888;}
.ns-lb li a h3{ font-size:18px; font-weight:normal; margin-top:10px; overflow:hidden;}
.ns-lb li a p{ font-family:Microsoft YaHei; color:#888; margin-top:10px;}
.ns-lb li a:hover{ border:1px solid #094098; border-bottom:3px solid #094098; background-color:#094098; color:#fff}
.ns-lb li a:hover h2, .ns-lb li a:hover h4, .ns-lb li a:hover h3, .ns-lb li a:hover p{ color:#fff;}

.ns-ls{ margin:0 1.8%;}
.ns-nm{ font-size:30px; text-align:center;}
.ns-in{ color:#888; margin-top:10px; text-align:center;}
.ns-in span{ margin:0 5px;}
.ns-in font{ font-family:"vi-logo-font-Gotham-Book";}
.ns-js{ margin-top:35px; color:#505050; line-height:24px;}
.ns-js img{ width:80%; margin:auto;}
.ns-nt{ margin-top:35px;}
.ns-nt a{ display:block; margin-top:10px; color:#888;}
.ns-nt a:hover{ color:#094098;}

@media screen and (max-width:800px) { 
.ns-ln{ display:none;}
.ns-lb li{ width:100%; margin-right:0; margin-bottom:20px;}
.ns-nm{ font-size:24px;}
.ns-js{ margin-top:25px;}
.ns-nt{ margin-top:25px; margin-bottom:15px;}
}
@media screen and (max-width:480px) { 
.ns-ln{ display:none;}
.ns-lb li{ margin-bottom:12px;}
.ns-lb li a h2{ font-size:20px;}
.ns-lb li a h3{ font-size:15px;}
.ns-nm{ font-size:20px; margin-top:5px;}
.ns-js{ margin-top:15px;}
.ns-nt{ margin-top:15px;}
}

/* Page Service */
.sg-bg{ background-color:#f5f5f5; height:325px; margin:0 1.8% 40px;}
.sg-bt{ margin-bottom:20px;}
.sg-bg ul li{ float:left; width:50%; overflow:hidden;}
.sg-bg ul li.sg-fl{ float:right;}
.sg-bg ul li dl{ background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:325px; cursor:pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.sg-bg ul li dl:hover{ -transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}
.sg-bg ul li div{ margin:12% 8% 0;}
.sg-bg ul li div h1{ font-size:32px; color:#094098;}
.sg-bg ul li div p{ line-height:24px; color:#888; margin-top:20px;}
.sg-bg ul li div p a{ display:block; font-size:15px; margin-top:2px; color:#888; font-weight:600;}
.sg-bg ul li div p a:hover{ color:#094098;}
@media screen and (max-width:1440px) { 
.sg-bg ul li div{ margin:12% 8% 0;}
}
@media screen and (max-width:800px) { 
.sg-bg ul li{ width:100%; background:#f5f5f5;}
.sg-bg ul li:nth-of-type(2n){ margin-bottom:20px;}
.sg-bg ul li div{ margin:25px 3.5%;}
.sg-bg ul li div h1{ font-size:24px;}
.sg-bg ul li div p{ margin-top:10px;}
}
@media screen and (max-width:480px) { 
.sg-bg{ height:200px;}
.sg-bg ul li:nth-of-type(2n){ margin-bottom:10px;}
.sg-bg ul li dl{ height:200px;}
.sg-bg ul li div h1{ font-size:20px;}
}

/* Page Contact */
.contact{ margin-top:-85px;}
@media screen and (max-width:1024px){ 
.contact{ margin-top:-75px;}
}
@media screen and (max-width:480px){ 
.contact{ margin-top:-65px;}
}

/* Page About */
.gs-bg{ margin:0 1.8%;}
.gs-tx{ font-size:15px; color:#505050; line-height:30px;}
.gs-tx font{ font-family:Microsoft YaHei;}
.gs-ig{ margin-top:45px;}
.gs-ig li{ float:left; width:48.5%; margin-right:3%; margin-bottom:10px;}
.gs-ig li:nth-of-type(2){ margin-right:0;}
.gs-ig li a{ cursor:pointer;}
.gs-ig li a div{ width:100%; overflow:hidden; position:relative;}
.gs-ig li a div img{ width:100%; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.gs-ig li a:hover div img{ -transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}
.gs-ig li a span{ display:block; font-size:15px; text-align:center; line-height:30px; padding:10px 0; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.gs-ig li a:hover span{ background-color:#094098; color:#fff}
@media screen and (max-width:800px){ 
.gs-tx{ font-size:14px; line-height:24px; margin-top:5px;}
.gs-ig{ margin-top:35px;}
.gs-ig li{ width:100%; margin-right:0;}
.gs-ig li a span{ font-size:14px;}
}
@media screen and (max-width:480px){ 
.gs-ig li a span{ padding:5px 0;}
}

/* Page Honor */
.gs-zs{ margin:0 1.8%;}
.gs-zs li{ float:left; width:31.3%; margin-right:3.05%; margin-bottom:40px;}
.gs-zs li:nth-of-type(3){ margin-right:0;}
.gs-zs li:nth-of-type(6){ width:14.5%; margin-right:2.3%;}
.gs-zs li:nth-of-type(7){ width:14.5%; margin-right:0;}
.gs-zs li img{ width:100%;}
@media screen and (max-width:800px){ 
.gs-zs li{ width:48.5%; margin-right:3%; margin-bottom:20px;}
.gs-zs li:nth-of-type(3){ margin-right:3%;}
.gs-zs li:nth-of-type(2n){ margin-right:0;}
.gs-zs li:nth-of-type(6){ width:22.5%; margin-right:3.5%;}
.gs-zs li:nth-of-type(7){ width:22.5%;}
}

/* Page Class */
.sh-bg{ margin:-85px 2.5% 0; background:#fff; padding:35px 35px 25px; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05);}
.sh-bg a{ display:block; float:left; line-height:48px; padding:0 20px; border:1px solid #e5e5e5; margin-right:10px; margin-bottom:10px; font-size:16px;}
.sh-bg a:hover, .sh-bg a.g{ border:1px solid #094098; background-color:#094098; color:#fff;}
@media screen and (max-width:1680px){ 
.sh-bg a{ padding:0 16px;}
}
@media screen and (max-width:1180px){ 
.sh-bg a{ padding:0 12px; margin-right:5px;}
}
@media screen and (max-width:1024px){
.sh-bg{ padding:25px 25px 15px;} 
.sh-bg a{ line-height:28px; padding:0 10px; font-size:14px;}
}
@media screen and (max-width:480px){
.sh-bg{ margin:-65px 2.5% 0; padding:15px 15px 5px;}
}

/* Page Products */
.ig-bg{ padding:45px 2.5% 0;}
.ig-bg ul li{ float:left; width:23.5%; margin-right:2%; height:260px; margin-bottom:40px; background-color:#fff; overflow:hidden; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-bg ul li:nth-of-type(4n){ margin-right:0;}
.ig-bg ul li a{ display:block; width:100%; height:100%; color:#666; line-height:24px; padding-right:20px;}
.ig-bg ul li a .ig-gg{ float:left; width:176px; height:260px; overflow:hidden; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-bg ul li a .ig-gg img{ width:176px; height:260px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-bg ul li:hover a .ig-gg img{ -transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}
.ig-bg ul li a h3{ font-size:18px; margin-bottom:15px; padding-top:45px; color:#333; font-weight:normal;}
.ig-bg ul li a h3 font{ font-family:"vi-logo-font-Gotham-Book"; color:#094098; font-weight:600;}

.ig-bg ul li:hover{ box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12);}
.ig-bg ul li:hover a{ background-color:#094098; color:#fff;}
.ig-bg ul li:hover a .ig-gg{ margin-right:20px;}
.ig-bg ul li:hover a h3{ color:#fff;}
.ig-bg ul li:hover a h3 font{ color:#fff;}

@media screen and (max-width:1440px){ 
.ig-bg ul li{ width:31.3%; margin-right:3.05%; margin-bottom:40px;}
.ig-bg ul li:nth-of-type(4n){ margin-right:3.05%;}
.ig-bg ul li:nth-of-type(3n+0){ margin-right:0;}
}

@media screen and (max-width:1280px){ 
.ig-bg ul li a{ line-height:22px;}
.ig-bg ul li a h3{ margin-bottom:10px; padding-top:30px;}
}

@media screen and (max-width:1024px){ 
.ig-bg ul li{ width:48.5%; margin-right:3%; margin-bottom:25px;}
.ig-bg ul li:nth-of-type(4n){ margin-right:3%;}
.ig-bg ul li:nth-of-type(3n+0){ margin-right:3%;}
.ig-bg ul li:nth-of-type(2n+0){ margin-right:0;}
.ig-bg ul li a{ line-height:24px;}
.ig-bg ul li a h3{ margin-bottom:15px; padding-top:45px;}
}

@media screen and (max-width:800px){ 
.ig-bg ul li a{ line-height:22px;}
.ig-bg ul li a h3{ font-size:16px; margin-bottom:10px; padding-top:30px;}
}

@media screen and (max-width:640px){ 
.ig-bg ul li{ width:100%; margin-right:0;}
.ig-bg ul li:nth-of-type(4n){ margin-right:0;}
.ig-bg ul li:nth-of-type(3n+0){ margin-right:0;}
.ig-bg ul li a{ line-height:24px;}
.ig-bg ul li a h3{ font-size:18px; margin-bottom:15px; padding-top:45px;}
}

@media screen and (max-width:480px){ 
.ig-bg{ padding:25px 2.5% 0;}
.ig-bg ul li{ width:48.5%; margin-right:3%; height:auto; margin-bottom:10px; background:none; box-shadow:0 0 0 0; -webkit-box-shadow:0 0 0 0;}
.ig-bg ul li:nth-of-type(3n+0){ margin-right:3%;}
.ig-bg ul li:nth-of-type(2n+0){ margin-right:0;}
.ig-bg ul li a{ padding-right:0;}
.ig-bg ul li a .ig-gg{ float:inherit; width:100%; height:auto;}
.ig-bg ul li a .ig-gg img{ width:100%; height:auto;}
.ig-bg ul li a h3{ font-size:14px; margin-bottom:0; padding:5px 0; text-align:center;}
.ig-bg ul li a p{ display:none;}
.ig-bg .ig-all{ width:120px; height:40px;}
.ig-bg .ig-all a{ width:120px; height:38px; line-height:38px; border-radius:19px; -webkit-border-radius:19px;}
}

/* Page ProductView */
.pv-ln{ margin:0 1.8%;}
.pv-ln a{ display:block; float:left; line-height:48px; padding:0 20px; border:1px solid #e5e5e5; margin-right:10px; margin-bottom:10px; font-size:16px;}
.pv-ln a:hover, .pv-ln a.y{ border:1px solid #094098; background-color:#094098; color:#fff;}
@media screen and (max-width:1680px){ 
.pv-ln a{ padding:0 16px;}
}
@media screen and (max-width:1180px){ 
.pv-ln a{ padding:0 12px; margin-right:5px;}
}
@media screen and (max-width:1024px){
.pv-ln a{ display:none;}
}

.pv-ls{ margin:30px 1.8% 0;}
.pv-ig{ float:left; margin-right:5%;}
.pv-tx{ float:left; margin-top:10%;}
.pv-tx .pv-nm{ font-size:30px;}
.pv-tx .pv-nm font{ font-family:"vi-logo-font-Gotham-Book"; color:#094098; font-weight:600;}
.pv-tx .pv-js{ margin-top:30px; line-height:30px; font-size:15px; color:#505050;}
.pv-tx .pv-am a{ display:block; float:left; width:80px; height:40px; line-height:40px; border:1px solid #e0e0e0; margin-top:30px; margin-right:10px; text-align:center; color:#888; border-radius:3px; -webkit-border-radius:3px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.pv-tx .pv-am a:hover{ border:1px solid #094098; background-color:#094098; color:#fff;}
@media screen and (max-width:1024px){
.pv-ls{ margin:0 1.8%;}
.pv-ig{ margin-right:5%;}
}
@media screen and (max-width:800px){
.pv-ig{ float:inherit; width:77.5%; margin:auto;}
.pv-ig img{ width:100%;}
.pv-tx{ float:inherit; margin-top:0;}
.pv-tx .pv-nm{ font-size:24px;}
.pv-tx .pv-js{ margin-top:20px; line-height:24px; font-size:14px;}
.pv-tx .pv-am a{ margin-top:20px; margin-bottom:20px;}
}