/* Css More */
.main-flash{ float:left; width:58.15%;}
.main-more{ float:left; width:18.6%;}
.main-more ul li{ background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:316px; position:relative;}
.main-more ul li:nth-of-type(4){ display:none;}
.main-more ul li.more01{ background-image:url(../Images/ig01.jpg);}
.main-more ul li.more02{ background-image:url(../Images/ig02.jpg);}
.main-more ul li.more03{ background-image:url(../Images/ig03.jpg);}
.main-more ul li.more04{ background-image:url(../Images/ig05.jpg);}
.main-more ul li a{ display:block; width:100%; height:100%;}
.main-more ul li a div{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=.9); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=.9)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.main-more ul li a:hover div{ opacity:.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=.7); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=.7)";}
.main-more ul li.more01 a div{ background-color:#009944;}
.main-more ul li.more02 a div{ background-color:#0076c2;}
.main-more ul li.more03 a div{ background-color:#f08300;}
.main-more ul li.more04 a div{ background-color:#1a429e;}
.main-more ul li dl{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; font-size:20px; font-weight:600; color:#fff; padding-top:25%; padding-left:15%;}
.main-more ul li dl p{ width:25px; height:5px; background-color:#fff;}
.main-more ul li dl span{ display:block; font-family:"KABELD"; font-size:30px; text-transform:uppercase; letter-spacing:1.5px; line-height:30px; margin:15px 0 10px;}
@media screen and (max-width:1680px){ 
.main-more ul li{ height:276px;}
}
@media screen and (max-width:1440px){ 
.main-more ul li{ height:237px;}
.main-more ul li dl{ font-size:18px;}
.main-more ul li dl p{ height:4px;}
.main-more ul li dl span{ font-size:24px; line-height:24px; margin:15px 0 5px;}
}
@media screen and (max-width:1280px){ 
.main-flash{ width:81.5%;}
.main-more{ width:18.5%;}
.main-more ul li{ height:198px;}
}
@media screen and (max-width:1024px){ 
.main-more ul li{ height:166px;}
.main-more ul li dl{ font-size:15px;}
.main-more ul li dl span{ font-size:18px; line-height:20px; margin:11px 0 2px;}
}
@media screen and (max-width:800px){ 
.main-flash{ float:inherit; width:100%;}
.main-more{ float:inherit; width:100%; padding:3.5%;}
.main-more ul li{ float:left; width:48.5%; height:345px; margin:1.5% 3% 1.5% 0;}
.main-more ul li:nth-of-type(4){ display:block;}
.main-more ul li:nth-of-type(2n){ margin-right:0;}
.main-more ul li dl{ font-size:18px;}
.main-more ul li dl p{ height:4px;}
.main-more ul li dl span{ font-size:24px; line-height:24px; margin:15px 0 5px;}
}
@media screen and (max-width:640px){ 
.main-more ul li{ height:275px;}
}
@media screen and (max-width:480px){ 
.main-more ul li{ height:213px;}
.main-more ul li dl{ font-size:15px;}
.main-more ul li dl span{ font-size:18px; line-height:20px; margin:11px 0 2px;}
}
@media screen and (max-width:414px){ 
.main-more ul li{ height:185px;}
}
@media screen and (max-width:375px){ 
.main-more ul li{ height:167px;}
}
@media screen and (max-width:320px){ 
.main-more ul li{ height:143px;}
}

/* Css News */
.main-news{ float:left; width:23.25%;}
.news-backg{ width:100%; height:632px; background-color:#fff; border-top:8px solid #009944; padding-top:11%; padding-right:9%; padding-left:9%;}
.news-backg dl{ font-family:"KABELD"; font-size:30px; color:#333; text-transform:uppercase; letter-spacing:1.5px; line-height:30px;}
.news-backg dl strong{ display:none; font-family:"Microsoft YaHei"; font-size:24px;}
.news-backg dl div{ width:25px; height:5px; background-color:#f08300; margin-top:16px;}
.news-backg ul{ padding-top:8%;}
.news-backg ul li{ padding:8% 0;}
.news-backg ul li a{ display:block; width:100%; height:100%; }
.news-backg ul li a div{ font-size:18px; color:#333;}
.news-backg ul li a span{ display:block; font-family:"vi-logo-font-Gotham-Book"; color:#888; line-height:22px; margin-top:2px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.news-backg ul li a:hover span{ color:#f08300;}
.news-backg ul li a p{ margin-top:5px; line-height:22px; color:#888; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.news-backg ul li a:hover p{ color:#009944;}
.news-backg ul li a dt{ display:none; margin-top:5px; line-height:22px; color:#888; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.news-backg ul li a:hover dt{ color:#009944;}
@media screen and (max-width:1680px){ 
.news-backg{ height:552px;}
.news-backg ul{ padding-top:5%;}
.news-backg ul li{ padding:6% 0;}
}
@media screen and (max-width:1440px){ 
.news-backg{ height:474px;}
.news-backg dl{ font-size:24px; line-height:24px;}
.news-backg dl div{ height:4px; margin-top:14px;}
.news-backg ul{ padding-top:8%;}
.news-backg ul li{ padding:4% 0;}
.news-backg ul li a div{ font-size:16px;}
.news-backg ul li a p{ display:none;}
.news-backg ul li a dt{ display:block;}
}
@media screen and (max-width:1280px){ 
.main-news{ float:inherit; width:100%; clear:both;}
.news-backg{ height:auto; padding:3.5% 5% 5%;}
.news-backg dl{ font-size:12px; letter-spacing:0;}
.news-backg dl strong{ display:block;}
.news-backg dl div{ display:none;}
.news-backg ul{ padding-top:15px;}
.news-backg ul li{ float:left; width:32%; margin-right:2%; padding:0;}
.news-backg ul li:nth-of-type(3){ margin-right:0;}
.news-backg ul li a{ background-color:#f5f5f5; padding:8%;}
.news-backg ul li a p{ display:block;}
.news-backg ul li a dt{ display:none;}
.news-backg ul li a:hover{ background-color:#f08300;}
.news-backg ul li a:hover div{ color:#fff;}
.news-backg ul li a:hover span{ color:#fff;}
.news-backg ul li a:hover p{ color:#fff;}
}
@media screen and (max-width:800px){ 
.news-backg{ border-top:none; padding:0 3.5% 5%;}
.news-backg dl{ text-align:center;}
.news-backg ul{ padding-top:0;}
.news-backg ul li{ float:inherit; width:100%; margin-top:3%; margin-right:0;}
.news-backg ul li a{ padding:3.5%;}
}
@media screen and (max-width:480px){ 
.news-backg dl strong{ font-size:20px;}
}
@media screen and (max-width:414px){ 
.news-backg ul li a div{ font-size:15px;}
.news-backg ul li a span{ margin-top:0;}
}

.news-sales{ width:100%; height:316px; background:url(../Images/ig04.jpg) no-repeat center; background-size:cover; position:relative;}
.news-sales a{ display:block; width:100%; height:100%;}
.news-sales a div{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#1a429e; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.news-sales a:hover div{ opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.8); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0.8)";}
.news-sales a dl{ position:absolute; left:50%; top:50%; width:48px; height:48px; z-index:100; margin:-24px 0 0 -24px; text-align:center; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.news-sales a:hover dl{ border:1px solid #009944; background-color:#009944;}
.news-sales a dl img{ width:20px; height:24px; margin-top:11px;}
@media screen and (max-width:1680px){ 
.news-sales{ height:276px;}
}
@media screen and (max-width:1440px){ 
.news-sales{ height:237px;}
.news-sales a dl{ width:40px; height:40px; margin:-20px 0 0 -20px;}
.news-sales a dl img{ margin-top:7px;}
}
@media screen and (max-width:1280px){ 
.news-sales{ display:none;}
}