/* Css About */
.ab-bg{ background-color:#f5f5f5; background-image:url(../Images/ab-bg.jpg); background-repeat:no-repeat; background-position:center 95px; background-size:100% 766px; width:100%; padding:0 10% 85px;}
.ab-sj{ width:100%; margin-top:-95px; position:relative; z-index:100;}
.ab-sj .ab-aD{ float:left; background-color:#01368f; width:31.25%; height:230px; overflow:hidden; color:#fff; line-height:24px; padding:4.5% 4% 0;}
.ab-sj .ab-aD h2{ font-size:24px; margin-bottom:20px;}
.ab-sj .ab-tb{ float:left; background-color:#fff; width:68.75%; height:230px; overflow:hidden;}
.ab-sj .ab-tb li{ float:left; width:25%; height:230px; border-right:solid 1px #f3f3f3;}
.ab-sj .ab-tb li:nth-of-type(4){ border-right:none;}
.ab-sj .ab-tb li p{ width:138px; margin:auto; padding-top:65px; font-size:15px; color:#666;}
.ab-sj .ab-tb li p span{ font-family:"vi-logo-font-Gotham-Book"; font-size:30px; font-weight:600; color:#01368f; line-height:60px;}
.ab-sj .ab-tb li p samll{ color:#888;}
.ab-tl{ height:247px; font-family:"vi-logo-font-Gotham-Book"; font-size:15px; color:#fff; text-align:center; padding-top:100px;}
.ab-tl h2{ font-family:Microsoft YaHei; font-size:32px; color:#fff; margin-bottom:15px;}
.ab-bg>ul>li{ float:left; width:33.333333%; height:384px; background-color:#fff; overflow:hidden; padding:4%;}
.ab-bg>ul>li>dl{ width:100%; height:100%; position:relative;}
.ab-bg>ul>li>dl>span{ font-size:24px; color:#01368f;}
.ab-bg>ul>li>dl>p{ margin-top:17px; line-height:24px; color:#666;}
.ab-bg>ul>li>dl>a{ display:block; position:absolute; left:0; bottom:0; width:44px; height:44px; border:1px solid #a8a8a8; background-image:url(../Images/an.png); background-repeat:no-repeat; background-position:center; background-size:15px 8px; border-radius:50%; -webkit-border-radius:50%;}
.ab-bg>ul>li>dl>a:hover{ background-color:#01368f; border:1px solid #01368f; background-image:url(../Images/am.png);}
.ab-bg>ul>li.ig{ padding:0; position:relative;}
.ab-bg>ul>li.ig>a{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover;}
.ab-bg>ul>li.ig>a:hover{ -transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.ab-bg>ul>li.sb{ padding:0; position:relative;}
@media screen and ( max-width:1680px ){
.ab-sj .ab-aD h2{ font-size:22px;}
}
@media screen and ( max-width:1440px ){
.ab-bg{ background-position:center 80px; background-size:100% 645px; padding:0 5% 75px;}
.ab-sj{ margin-top:-80px;}
.ab-sj .ab-aD{ height:200px; padding:4.5% 3% 0;}
.ab-sj .ab-aD h2{ font-size:20px; margin-bottom:15px;}
.ab-sj .ab-tb{ height:200px;}
.ab-sj .ab-tb li p{ padding-top:50px;}
.ab-tl{ height:225px; padding-top:92px;}
.ab-tl h2{ font-size:30px; margin-bottom:13px;}
.ab-bg>ul>li{ height:300px; padding:3%;}
.ab-bg>ul>li>dl>span{ font-size:22px;}
}
@media screen and ( max-width:1280px ){
.ab-sj .ab-aD{ display:none;}
.ab-sj .ab-tb{ width:100%;}
}

/* Css Class */
.ig-bg{ background-color:#fff; margin:80px 0 65px;}
.ig-bg dl{ font-family:"vi-logo-font-Gotham-Book"; font-size:15px; color:#888; text-align:center;}
.ig-bg dl h2{ font-family:Microsoft YaHei; font-size:32px; color:#01368f; margin-bottom:15px;}
.ig-bg ul{ padding-top:55px;}
.ig-bg ul li{ float:left; width:19.6%; margin-right:0.5%; margin-bottom:10px;}
.ig-bg ul li:nth-of-type(5n){ margin-right:0;}
.ig-bg ul li a div{ width:100%; overflow:hidden; position:relative;}
.ig-bg ul li a div img{ width:100%; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-bg ul li a:hover div img{ -transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.ig-bg ul li a span{ display:block; font-size:14px; text-align:center; line-height:30px; padding:10px 0; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ig-bg ul li a:hover span{ background-color:#01368f; color:#fff;}
@media screen and ( max-width:1440px ){
.ig-bg{ margin:68px 0 53px;}
.ig-bg dl h2{ font-size:30px; margin-bottom:13px;}
.ig-bg ul{ padding-top:45px;}
}
@media screen and ( max-width:1280px ){
.ig-bg ul li a span{ font-size:12px;}
}

/* Css News */
.ns-bg{ background-color:#f5f5f5; padding:80px 10% 85px;}
.ns-bg dl{ font-size:15px; color:#888; text-align:center;}
.ns-bg dl h2{ font-family:Microsoft YaHei; font-size:32px; color:#01368f; margin-bottom:13px;}

.ns-bg ul{ margin-top:55px;}
.ns-bg ul li{ float:left; width:25%;}
.ns-bg ul li a{ display:block; width:100%; height:280px; color:#888; padding:50px 35px 0; background-color:#fff; overflow:hidden;}
.ns-bg ul li a:hover{ background-color:#e8e8e8;}
.ns-bg ul li a h3{ font-family:"vi-logo-font-Gotham-Book"; font-weight:normal; font-size:24px; margin-bottom:2px;}
.ns-bg ul li a h5{ font-family:"vi-logo-font-Gotham-Book"; font-weight:normal; font-size:14px;}
.ns-bg ul li a h2{ font-size:16px; font-weight:normal; color:#333; margin-top:35px;}
.ns-bg ul li a p{ margin-top:15px; line-height:24px;}
@media screen and ( max-width:1440px ){
.ns-bg{ padding:68px 5% 80px;}
.ns-bg dl h2{ font-size:30px; margin-bottom:12px;}
.ns-bg ul{ margin-top:45px;}
.ns-bg ul li a{ padding:40px 25px 0;}
}
@media screen and ( max-width:1280px ){
.ns-bg ul li a h2{ margin-top:25px;}
}