@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
.header-top{background: #03a9f4; font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
.header-top p{padding: 10px 0;}
.header-top p:before{background: url(../images/front/sprite.png) no-repeat 0 0; width: 20px;height: 20px; margin-right: 10px; display: inline-block; content: ''; vertical-align: bottom;}
.header-top .search{position: relative;}
.header-top .search input{ font: italic 400 13px/20px 'Roboto', sans-serif;width: 270px; padding: 6px 35px 6px 10px; background: #008ccb;border: none; height: 40px; color: #c3ecff;}
.header-top .search button{position: absolute; width: 16px; height: 16px; top: 12px; right: 20px; text-indent: -9999px;border: none; display: block; background: url(../images/front/sprite.png) no-repeat -24px 0;}

.search input::-webkit-input-placeholder {color: #c3ecff;}
.search input:-moz-placeholder{color: #c3ecff;}
.search input::-moz-placeholder{color: #c3ecff;}
.search input:-ms-input-placeholder{color: #c3ecff;}

.logo{width: 180px; float: left;padding: 26px 0;}
.block-menu{float: right;padding: 20px 0;}
.block-menu ul{margin: 0 -20px;}
.block-menu ul li{float: left; padding: 20px;}
.block-menu ul li a{display: block; font: 400 13px/20px 'Montserrat-SemiBold', sans-serif; color: #555; text-transform: uppercase;}
.block-menu ul li:hover a,
.block-menu ul li.active a{color: #03a9f4;}

.slider{position: relative; background: #457083;margin-bottom: 50px;}
.slider .container{position: relative;}
.rslides {background: #000;position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; top: 30px;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }
a.rslides_nav{display: block; width: 36px;height: 36px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; z-index: 10;}
a.rslides_nav.prev{background-position: 0 -29px; left: -4px;}
a.rslides_nav.next{background-position: -40px -29px; right: -4px;}

h3{font: 400 18px/20px 'Montserrat-SemiBold', sans-serif; color: #444; text-transform: uppercase; padding-bottom: 15px;position: relative; margin-bottom: 20px;}
h3:after{content: ''; width: 70px; height: 2px; background: #ddd; display: block; position: absolute; left: 0; bottom: -2px;}

.block-hot{margin: 30px 0 50px;}
.block-hot a.img:before{content: ''; height: 5px; width: 100%; background: #03a9f4; position: absolute; top: -5px; left: 0;transition: all .2s ease; }
.block-hot a.img:after{content: ''; height: 5px; width: 100%; background: #03a9f4; position: absolute; bottom: -5px; left: 0; transition: all .2s ease;}
.block-hot a.img:hover:before{height: 100%; width: 5px;top: 0; left: 0; }
.block-hot a.img:hover:after{height: 100%; width: 5px;bottom: 0; left: 100%; }

.block-hot a.img{display: block; position: relative; margin-bottom: 15px;}
.block-hot a.img img{display: block;}
.block-hot h4{height: 20px;overflow: hidden; margin-bottom: 5px;}
.block-hot h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase;}
.block-hot strong{font: 400 14px/20px 'Roboto', sans-serif; color: #555; display: block; margin-bottom: 15px;}
.block-hot p{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}
.icon_date {margin-right: 15px;}
.icon_date:before{content: ''; width: 11px;height: 16px; display: inline-block; margin-right: 5px; background: url(../images/front/sprite.png) no-repeat -48px 0; vertical-align: text-bottom;}
.icon_time:before{content: ''; width: 12px;height: 14px; display: inline-block; margin-right: 5px; background: url(../images/front/sprite.png) no-repeat -64px -2px; vertical-align: text-bottom;}
a.read{width: 100px; display: block; border: 1px solid #ddd; font: 400 13px/20px 'Roboto', sans-serif; color: #555; padding: 4px 0; text-align: center; margin-top: 15px;}
a.read:hover{border-color: #03a9f4; color: #03a9f4;}


.block-news{}
.block-news ul.list_{}
.block-news ul.list_ li{overflow: hidden; padding-bottom: 15px;margin-bottom: 15px; border-bottom: 1px solid #eee;}
.block-news ul.list_ li h4{overflow: hidden; height: 40px;}
.block-news ul.list_ li h4 a{font: 500 14px/20px 'Roboto', sans-serif; color: #333;}
.block-news ul.list_ li span{font: 300 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}
.block-news ul.list_ li a.img{width: 100px; height: 54px; overflow: hidden; float: left; margin-right: 15px;}
.block-news p{font: 400 13px/20px 'Roboto', sans-serif; color: #6a6a6a; margin-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.block-news p a{color: #333;}


.block-moment{padding: 30px 0;}
.block-moment h3{text-align: center;}
.block-moment h3:after{left: 50%; margin-left: -35px;}
.block-moment .list_moment{}
.block-moment .list_moment li {float: left; box-sizing:border-box;margin-bottom: 20px;}
.block-moment .detail{padding: 0 10px;}
.block-moment .detail a.img{display: inline-block;position: relative;}
.block-moment .detail a.img img{width: 100%;}
.block-moment .detail a.img:before{content: '';width: 100%;position: absolute; left: 0; top: 0;height: 100%;display: block; background: url(../images/front/bg_moment.png) no-repeat;}
.block-moment .detail a.img:hover:before{display: none;}

.grid-item { width: 25%; }
.grid-item--width2 { width: 50%; }
.block-moment .height_ a.img img,
.height_{height: 200px;}
.block-moment .height_db a.img img,
.height_db{height: 420px;}

.block-news p a:hover,
.block-news ul.list_ li h4 a:hover,
.block-hot h4 a:hover{color: #03a9f4;}



#footer{background: #293c44; padding: 60px 0 50px; color: #fff;}
#footer h2{font: 400 18px/20px 'Montserrat-SemiBold', sans-serif; text-transform: uppercase; margin-bottom: 20px;}
#footer p{font: 400 14px/20px 'Roboto', sans-serif; color: #c5e5f2;}
#footer p span{display: block;margin-bottom: 5px;}
#footer p span:before{content: ''; display: inline-block; height: 13px; background: url(../images/front/sprite.png) no-repeat; vertical-align: middle; margin-right: 10px;}
#footer p span.icon_1:before{background-position: -88px 0; width: 11px;}
#footer p span.icon_2:before{background-position: -88px -16px; width: 14px;}
#footer p span.icon_3:before{background-position: -88px -32px; width: 12px;}

#footer ul{text-align: right;width: 100%; margin-bottom: 20px;}
#footer ul li{display: inline-block; padding: 0 10px;}
#footer ul li:last-child{padding-right: 0;}
#footer ul li a{display: block; font: 400 13px/20px 'Montserrat-SemiBold', sans-serif; color: #c5e5f2; text-transform: uppercase;}
#footer ul li:hover a{color: #fff;}
.social{overflow: hidden; text-align: right;}
.social a{display: inline-block; width: 36px; height: 36px; text-indent: 9999px; margin-left: 15px; background: url(../images/front/sprite.png) no-repeat;}
.social a.icon_f{background-position: -115px 0;}
.social a.icon_t{background-position: -115px -40px;}
.social a.icon_g{background-position: -158px 0;}

#footer p.last{padding: 25px 0 0; border-top: 1px solid #374d57; margin-top: 30px; text-align: center;}


a.smobitrigger{display: none;}

/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
    .block-menu ul{margin: 0 -15px;}
    .block-menu ul li{padding: 22px 15px 18px;}
    .block-menu ul li a{font-size: 12px;}
    .block-intro .img{margin-top: 20px;}
}
@media (max-width: 990px){
    .logo{padding: 15px 0;}
    a.smobitrigger {display: block;width: 32px;height:19px;overflow: hidden; padding: 5px 0; position: absolute; top: 70px; right: 15px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    a.mnuclose{padding: 15px 20px; width: 100%; background: #0091ea  url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;}
    .ovrActv {position: fixed;top:-53px; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 9998; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{right: 0px !important;}
    #footer ul,
    .block-menu ul{display: none; margin: 0;}
    .block-menu ul.mobimenu {display: block;overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; right: -280px; background-color: #fff !important;z-index: 9999;display: block;}
    .block-menu ul li{float: none;padding: 5px 15px;border-top: 1px solid #0E5B8A; margin: 0;}
    .block-menu ul li a{padding: 0; border: none; color: #444 !important;text-transform: capitalize; font: 500 14px/20px 'Roboto', sans-serif;}
    .block-menu ul li:hover a, 
    .block-menu ul li.active a{color: #f22a23 !important;}
    
    .block-hot li.col-md-3{margin-bottom: 20px;}
    .block-hot{margin: 20px 0;}
	#footer,
    .block-moment{padding: 20px 0;}

	.block-moment .height_ a.img img,
	.height_{height: 160px;}
	.block-moment .height_db a.img img,
	.height_db{height: 340px;}


}
@media (max-width: 750px){
	a.rslides_nav.next{right: 0;}
	a.rslides_nav.prev{left: 0;}
	.block-hot a.img img{width: 100%;}
	.block-moment ul.list_moment{width: 100%;margin: 0;}
    
}
@media (max-width: 680px){}
@media (max-width: 630px){
	.block-news .col-md-4{width: 100%;margin-bottom: 10px;}
	.block-news ul.list_ li h4{height: auto; margin-bottom: 5px;}
	.block-news ul.list_ li a.img{margin-top: 5px;}

	.block-moment .height_ a.img img,
	.height_{height: 130px;}
	.block-moment .height_db a.img img,
	.height_db{height: 280px;}
}
@media (max-width: 500px){
    .block-moment .height_ a.img img,
	.height_{height: 110px;}
	.block-moment .height_db a.img img,
	.height_db{height: 240px;}
}
@media (max-width: 420px){
    .header-top p{display: none;}
    #footer .col-xs-6,
    .block-hot li.col-md-3{width: 100%;}
    .block-news ul.list_ li h4{height: 40px;}
    .social{text-align: left;margin-top: 20px;}
    .grid-item { width: 100%; }
	.grid-item--width2 { width: 100%; }
	.block-moment .height_ a.img img,
	.height_,
	.block-moment .height_db a.img img,
	.height_db{height: auto;}
}