/* Inside Flash */
.flash{ background-repeat:no-repeat; background-position:center; background-size:cover; height:685px;}
.Slide{ background-repeat:no-repeat; background-position:center; background-size:cover; height:600px;}
@media screen and ( max-width:1440px ){ .flash{ height:515px;} .Slide{ height:450px;}}

/* Inside About */
.gs-bg{ margin-top:25px;}
.gs-bg{ color:#666; line-height:24px;}
.gs-bg img{ width:100%;}
.gs-bg strong{ display:block; color:#333; margin-bottom:5px;}
.gs-bg h3{ font-size:16px; color:#333; margin-bottom:5px;}
.gs-bg em{ font-size:24px; font-family: "vi-logo-font-Gotham-Book"; color:#01368f;}

/* Inside Page */
.page{ display:table; margin:25px auto 0;}
.page a{ display:block; float:left; padding:8px 15px; margin:5px; background-color:#f5f5f5; font-family:"vi-logo-font-Gotham-Book","Microsoft YaHei"; cursor:pointer; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.page a:hover{ color:#fff; background-color:#01368f;}
.page a.pageNt{ font-weight:bold; color:#01368f;}
.page a.pageNt:hover{ color:#fff;}
.page a.pageCn{ padding:8px 10px;}
.page a.pageJt{ font-family:"SimSun", "NSimSun", "FangSong"; color:#a0a0a0;}

/* Inside News */
.ns-bg{ margin:-95px 10% 85px;}
.ns-zb{ float:left; width:20%;}
.ns-cl{ width:100%; padding-left:35px; padding-bottom:45px; background-color:#01368f; background-image:url(../Images/zb-bg.jpg); background-repeat:no-repeat; background-size:cover;}
.ns-cl dl{ height:95px; font-size:22px; color:#fff; padding-top:30px;}
.ns-cl dl span{ display:block; font-family:"vi-logo-font-Gotham-Book"; font-size:14px; margin-top:2px;}
.ns-cl p{ background:url(../Images/zb.png) repeat;}
.ns-cl p a{ display:block; line-height:20px; border-bottom:1px solid hsla(0,0%,100%,.2); color:#fff; padding:12px;}
.ns-cl p a:hover, .ns-cl p a.g{ background-color:#fff; color:#01368f;}

.ns-yb{ float:right; width:76%;}
.ns-yb dl{ margin-top:130px; margin-bottom:20px; color:#888; height:24px;}
.ns-yb dl u{ text-decoration:none;}
.ns-yb dl font{ color:#333;}
.ns-yb dl a{ color:#888;}
.ns-yb dl a:hover{ color:#01368f;}
.ns-lb{ margin-top:35px;}
.ns-lb ul li{ float:left; width:48.25%; margin-right:3.5%; margin-bottom:40px; overflow:hidden;}
.ns-lb ul li:nth-of-type(2n){ margin-right:0;}
.ns-lb ul li a{ display:block; width:100%; border:1px solid #e5e5e5; border-bottom:3px solid #e5e5e5; background-color:#fff; padding:25px;}
.ns-lb ul li a h2{ font-family:"vi-logo-font-Gotham-Book"; font-size:24px; font-weight:normal; color:#888;}
.ns-lb ul li a h4{ font-family:"vi-logo-font-Gotham-Book"; font-size:14px; font-weight:normal; color:#888;}
.ns-lb ul li a h3{ font-size:16px; font-weight:normal; color:#666; margin-top:10px; overflow:hidden;}
.ns-lb ul li a p{ color:#888; margin-top:10px; line-height:20px;}
.ns-lb ul li a:hover{ border:1px solid #01368f; border-bottom:3px solid #01368f; background-color:#01368f; color:#fff}
.ns-lb ul 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-nR{ margin-top:35px;}
.ns-nm{ font-size:30px; color:#333; 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-ig{ margin-top:35px; text-align:center;}
.ns-ig img{ max-width:700px;}
.ns-js{ margin-top:35px; line-height:24px;}
.ns-js p{ margin-top:10px;}
.ns-js img{ max-width:700px;}
.ns-nt{ margin-top:35px;}
.ns-nt a{ display:block; margin-top:15px; color:#888;}
.ns-nt a:hover{ color:#01368f;}
.ns-nt span{ font-family:"vi-logo-font-Gotham-Book";}
@media screen and (max-width:1440px){
.ns-bg{ margin:-80px 5% 80px;}
.ns-zb{ width:23%;}
.ns-cl dl{ height:80px; padding-top:20px;}
.ns-yb{ width:74%;}
.ns-yb dl{ margin-top:115px;}
}

/* Inside Products */
.ig-lb{ margin-top:35px;}
.ig-lb ul li{ float:left; width:23.125%; margin-right:2.5%; margin-bottom:25px;}
.ig-lb ul li:nth-of-type(4n){ margin-right:0;}
.ig-lb ul li a{ display:block; width:100%;}
.ig-lb ul li a .ig-ig{ width:100%; border:1px solid #f2f2f2; overflow:hidden;}
.ig-lb ul li a .ig-ig img{ width:100%; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-lb ul li a:hover .ig-ig img{ -transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}
.ig-lb ul li a p{ font-family:"vi-logo-font-Gotham-Book", "Microsoft YaHei"; line-height:30px; text-align:center; padding:5px 0; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-lb ul li a:hover p{ background-color:#01368f; color:#fff;}

/* Page ProductView */
.ig-vw{ margin-top:15px;}
.ig-dt{ text-align:center;}
.ig-tl{ font-family:"vi-logo-font-Gotham-Book", "Microsoft YaHei"; font-size:30px; color:#0076c2; text-align:center;}
.ig-js{ margin-top:50px;}
.ig-js img{ width:100%;}

/* Inside Contact */
.aD-lb{ float:right; width:450px; height:350px; margin-top:-585px; margin-right:10%; background-color:#01368f; opacity:.88; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=.88); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=.88)"; position:relative;}
.aD-lb dl{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; padding:75px 50px; line-height:30px;}
.aD-lb dl h1{ font-size:24px; font-weight:normal; margin-bottom:30px;}
.aD-lb dl font{ font-family:"vi-logo-font-Gotham-Book";}
@media screen and (max-width:1440px){ 
.aD-lb{ height:300px; margin-top:-450px; margin-right:5%;}
.aD-lb dl{ padding:50px;}
}