@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Roboto+Slab:400,100);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body { padding-top:153px; font-family: 'Open Sans', sans-serif; font-size:14px;}
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif;}

.navbar-fixed-top { border-top: #eee solid 5px; border-bottom:0}
.navbar-default { background:#fff}
.navbar-brand { height:auto; padding:10px 15px;}
.topmenu { background:#333;}
.navbar-nav>li { border-right: #666 solid 1px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:14px;}
.navbar-default .navbar-nav>li>a.home { background:#000; color:#fff; font-size: 17px;}
.navbar-default .navbar-nav>li>a { color:#fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background:#666; color:#fff}
.navbar-nav>li>a { padding:12px 16px;}
.navbar-nav>li.b1 { background:#973420;}
.navbar-nav>li.b2 { background:#647314;}
.navbar-nav>li.b3 { background:#c79f00;}
.navbar-nav>li.b1 a, .navbar-nav>li.b3 a, .navbar-nav>li.b2 a { padding:12px 20px;} 

.dropdown-menu { min-width: 400px; }
.dropdown-menu li { width: 50%; display: block; float: left; }
.dropdown-menu>li>a { padding: 10px 10px !important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #fff; background-color: #333333;}

.top-right { display:inline-block; float:right;}
.log-blk { display:block;}
.log-blk ul { padding:0; float:left;  margin-bottom:0px}
.log-blk ul li { display:inline-block; float:left; font-size:12px; color:#666;}
.log-blk ul li a { padding:5px 7px; display:inline-block; background:#eee; color:#666; text-decoration:none; }
.log-blk ul li a:hover { background:#ccc;}
.log-blk ul li.soc { padding:2px 7px;}
.log-blk ul li span { margin-right:10px;}
.log-blk ul li i { font-size:15px;}
.log-blk ul li.soc a { padding:5px 1px; color:#999; background:none}
.log-blk ul li a.lang { background:#b5cc88; color:#fff;}

.top-num { display:block; text-align:right; margin:5px 0; font-size: 20px;font-family: 'Open Sans', sans-serif;}
.glance { display:block; text-align:right;}
.glance .btn { padding:5px 10px; background:#900; border:0}


.banner-container { width:100%; height:390px; overflow:hidden;}
.banner-container .container.adj { position:relative; margin-top:-400px; }
.banner1 { width:100%; background:url(../images/banner1.jpg) no-repeat center top; height:390px;}
.banner2 { width:100%; background:url(../images/banner2.jpg) no-repeat center top; height:390px;}
.banner3 { width:100%; background:url(../images/banner3.jpg) no-repeat center top; height:390px;}
.banner4 { width:100%; background:url(../images/banner4.jpg) no-repeat center top; height:390px;}
.banner5 { width:100%; background:url(../images/banner5.jpg) no-repeat center top; height:390px;}
.banner6 { width:100%; background:url(../images/banner6.jpg) no-repeat center top; height:390px;}
.banner7 { width:100%; background:url(../images/banner7.jpg) no-repeat center top; height:390px;}
.banner-container .caption { text-align: left; display: inline-block; background: rgba(0,0,0,0.3); padding: 20px; color: #fff; font-size: 40px; line-height: 55px; text-transform: uppercase; margin: 90px 25px 0; font-family: 'Open Sans', sans-serif;}

.news-banner { display:  none; width:250px; position:absolute; right:0; top:20px; background:#dbc400; padding:12px;}
.news-banner h3 { margin:0; padding:0; padding-bottom:10px;}
.news-banner h3 a { color:#333; text-decoration:none;}
.news-banner ul { padding:0}
.news-banner ul li { display:block; padding-bottom:7px; margin-bottom:7px; border-bottom:#e6d227 solid 1px; float:left;}
.news-banner .last { margin:0; padding:5px 0; border:0; float:right;}
.news-banner .last a { color:#333;}
.news-banner .date { width:50px; background:#973420;color:#fff; text-align:center; display:inline-block; margin-right:10px; float:left;}
.news-banner .date h2 { margin:0; }
.news-banner .date h5 { margin:0; padding:5px; background:#000;}
.news-banner .news-det { width:155px; display:inline-block; float:left;}
.news-banner .news-det p { margin:0}
.news-banner .news-det p a { color:#333;}
.news-banner .news-det p i { color:#930;}

.news-bar {display: block; width:100%; background:#333; color:#fff; height:40px; overflow:hidden;}
.news-bar .noti { background: #2c8205; display: inline-block; padding: 10px; margin-right: 15px;}
.tender ul li a {background:#333; color:#FFFF00; font-weight: bold; text-transform:uppercase;} 
.tender ol li a {color:#6A5ACD; font-weight: bold;} 
.tender h3 {color:#151B8D; font-weight: bold;} 

.home-blocks { background:#f7f7f7; padding:30px 0; border-bottom:#ddd solid 1px; }
.home-blocks .home-box { margin-bottom:30px; position:relative; overflow:hidden; min-height:300px;}
.home-blocks .home-box .img-div { display:block;}
.home-blocks .home-box .desc-div { display:block;}
.home-blocks .home-box .desc-div h3 { margin:0; padding:10px 0; text-transform: uppercase; font-size:22px;}
.home-blocks .home-box .desc-div h3 a { color:#333; text-decoration:none;}
.home-blocks .home-box .desc-div p { margin:0; padding:0 0 10px;}
.home-blocks .home-box .desc-div h5 { text-align:right; margin:0; padding:5px 0;}
.home-blocks .home-box .desc-div h5 a { color:#666;}


.content-area { padding:30px 0;}
.content-area .abt-blk img { display:inline-block; float:left; margin:0 20px 15px 0; border:#ddd solid 4px;}
.content-area h3 { margin:0; padding-bottom:25px; text-transform:uppercase;}
/*
.content-area h3::after { content:''; display:block; width:50px; height:3px; background:#063; position:relative; top:5px;}
*/
.content-area .sup-blk img { display:block; border:#ddd solid 4px;}
.content-area .sup-blk h4 { margin:0; padding:5px; background:#ddd;}
.content-area .sup-blk h4 a { font-size:14px; display:inline-block; float:right;}

footer { background:#333; border-top:#417307 solid 5px; padding:20px 10px 0;}
footer .col h5 { color:#fff; margin:0; padding-bottom:20px; font-size:16px;}
footer .col h5::after { content:''; display:block; width:40px; height:2px; background:#c79f00; position:relative; top:8px;}
footer .col ul { padding:7px 0;}
footer .col ul li { display:block; font-size:13px; line-height:22px;}
footer .col ul li a { color:#999;}
footer .col p { color:#fff;}
footer .col .map iframe { width:100%;}

footer .col .news-letr { margin-bottom:20px;}
footer .col .news-letr .btn { background:#417307; color:#fff;}
footer .col .social { font-size:20px;}
footer .col .social a { color:#ddd;}

footer .botom { padding:10px 0; border-top:#666 solid 1px; margin-top:20px; color:#777; font-size:13px;}
footer .botom a { color:#777;}
footer .botom a:hover { color:#999;}
footer .botom .bo1 { text-align:center;}
footer .botom .bo2 { text-align:right;}

.holder { width:100%; height:300px; overflow:hidden; }
.holder .mask { position: relative; left: 0px; top: 0px; height:300px; overflow: hidden;}
.holder ul { list-style:none; margin:0; padding:0; position: relative;}
.holder ul li { padding:10px 0px;}
.holder ul li a { color:darkred; text-decoration:none;}
.notif { margin-top:-30px; padding-left:115px; }
.notif ul li { display:block;}

.inner { background:#063 url(../images/banner1.jpg) no-repeat center center; height:130px;}

.bank-blk { margin-bottom:20px;}
.bank-blk img { margin-bottom:20px; }
.bank-blk p { margin-bottom:7px;}
.bank-blk a { display:inline-block; color:#333; padding:3px; background:#eee;}
.bank-blk h4 { text-transform:uppercase; padding-bottom:8px; border-bottom:#900 solid 2px; margin:0}

.bank-area { margin:20px 0;}
.bank-news ul { padding:5px 0 0; margin-bottom:20px;}
.bank-news ul li { display:block; border-bottom:#ccc dotted 1px;}
.bank-news ul li a { color:#333; display:block; text-decoration:none; padding:5px;}
.bank-news ul li a:hover { background:#eee}
.bank-news a { color:#333;}
.bank-news h3 { padding-bottom:10px;}
.bank-news h3::after { background-color:#C90;}
.bank-news ul li i { float:right}
.bank-news h4 {}

.enq-blk .form-control { margin-bottom:15px;}

.abt-blk ul { display:block; width:100%; float:left;}
.abt-blk h3, .abt-blk h4 { display:block; width:100%; float:left; padding-bottom:15px;}
.abt-blk p { display:block}

.cont-rw { padding:10px; border:#ddd solid 1px; border-radius:5px; margin-bottom:20px;}
.cont-rw h4 { margin:0; padding-bottom:15px;}
.cont-rw iframe { width:100%}

.news-blk ul { padding:0;}
.news-blk ul li { display:block; padding:10px 0; border-bottom:#ddd dashed 1px;}
.news-blk h4 { margin:0;}
.news-blk h5 { margin:0; margin-bottom:15px;}

.rw { width:100%; float:left}

.abt-blk ol { padding:10px 0; padding-left:20px;}
.abt-blk ol li { list-style-position:outside;}

.list-blk h4 { padding:0}
.list-blk ol { display:block; width:100%; float:left;}
.list-blk ol li { line-height:25px;}

.glance-blk ol { display:block; width:100%; float:left;}
.glance-blk ol li { padding-bottom:5px; border-bottom:#ddd dotted 1px; margin-bottom:5px;}

.gal-blk img { width:220px; height:140px;}

@media screen and (max-width: 1200px) 
{
	.navbar-nav>li>a { padding: 12px 10px !important;}
	.home-blocks .home-box { min-height:400px;}

}
@media screen and (max-width: 992px) 
{
	.navbar-nav>li>a { padding: 12px 6px !important;}		
	.navbar-nav>li.n1, .navbar-nav>li.n2 { display:none;}	
}
@media screen and (max-width: 768px) 
{
	.top-right { display: block; float: none; border-top: #ddd solid 1px; padding: 7px 0;}	
	footer .botom .bo1 { text-align:left;}
	footer .botom .bo2 { text-align:left;}
	.home-blocks .home-box .img-div { display: inline-block; float: left;}
	.home-blocks .home-box .desc-div { display: inline-block; float: left; width: 60%; padding-left: 20px;}
	.home-blocks .home-box { min-height:0;}
	
}
@media screen and (max-width: 768px) 
{
	.home-blocks .home-box .desc-div { width:50%;}
}
@media screen and (max-width: 600px) 
{
	.news-banner ul { display:none;}
	.banner-container .container.adj { margin-top: -68px;}
}
@media screen and (max-width: 580px) 
{
	.home-blocks .home-box .desc-div { width:40%;}
}
@media screen and (max-width: 540px) 
{
	.home-blocks .home-box .desc-div { width:100%; padding:10px 0;}
}
@media screen and (max-width: 480px) 
{
	.banner-container, .banner1 { height:300px;}
	.banner-container .caption { font-size: 30px; line-height: 40px;}
	.news-banner { width: 175px;}	
}
@media screen and (max-width: 380px) 
{
	.top-right { display:none;}
	.navbar-brand>img { width:100%;}
	.banner-container, .banner1 { height:200px;}
	.banner-container .caption { font-size:25px; margin-top:10px;}	
	.home-blocks .home-box .img-div { display:block; float:none;}
	.home-blocks .home-box .img-div img { width:100%}
	
}