/* ==========================================================================
   Global
   ========================================================================== */
img { max-width: 100% !important; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0) }
html { font-size: 10px; min-height: 100%; }
a { color: #333; }
body { color: #333; font: 1.4rem/1.5 Arial, Helvetica, sans-serif; background: #f7f7f7; min-height: 100%; background-size: 100% auto; }
.container { position: relative; padding:10px;}
/* ==========================================================================
   Header
   ========================================================================== */

.top {position: relative; height:70px;}
.nav a { display: block; padding: 0px 9px; }
.logo{ width: calc(100% - 70px);  height:34px;margin-top: 10px;margin-left: 10px;}
.top .wrapper{position: relative;}

/* ==========================================================================
   Nav
   ========================================================================== */
.menu-handler { width: 40px; height: 50px; cursor: pointer; display: block; position: absolute; z-index: 700; top: 0; right: 10px; }
.menu-handler .burger { width: 32px; height: 4px; background: #333333; display: block; position: absolute; z-index: 5; top: 13px; left: 50%; margin: 0 0 0 -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 23px; }
.menu-handler .burger-3 { top: 33px; }
.menu-handler:hover .burger { background: #333333; }
.mobactive .burger-1.rotated { top: 20px; -moz-transform:rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobactive .burger-2.rotated { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.mobactive .burger-3.rotated { top: 20px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler.active .burger-1, .menu-handler.active .burger-2, .menu-handler.active .burger-3 { display: none; }
.menu-handler.active { background: url(../images/mob_close.png) no-repeat scroll center center; }
.navbox { background-color:#0e5aa0;  width:80%; position: absolute; z-index: 100; display: none;   font-family: Arial; font-size: 16px; right: 0; text-transform:Uppercase;}
.navMobile dd { display: block; width: 100%; border-top: 1px solid #bdbdbd;}
.navMobile dd a { display: block; padding: 10px 0px 10px 5%; line-height: 1.4; color: #fff;}
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav li{width: 100%; font-size: 14px;}
.navMobile dd .msubnav a { color: #333; text-align: left;  }
.navMobile dd .msubnav a:hover { background-color: #fff;color:#2394d5; }
.lang{display: none; position: absolute;top: 20px; right: 60px;}
.lang a{    border-left: 1px solid #c02d36; color:#fff;
    border-right: 1px solid #c02d36;
    line-height: 50px;
    display: block;padding:0 10px;}

    .toggle_btn{float: right;margin: 10px  20px 0 0;transition: all 0.5s; color: #fff;}
    #navMobile dd:hover{border-top: 1px solid #2394d5;}
      #navMobile dd:hover p a{ color:#fff;}
#navMobile dd:hover .toggle_btn {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* ==========================================================================
#owl-banner
   ========================================================================== */

#owl-banner{position: relative;}
#owl-banner .item img{    display: block;    width: 100%;    height: auto;}
#owl-banner .owl-controls {margin-top: 0; position: absolute; bottom: 0; left: 50%;margin-left: -78px;}
#owl-banner .owl-controls .owl-buttons{display: none;}
#owl-banner .owl-controls .owl-page span{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity:1;
  background: #fff;
}
#owl-banner  .owl-controls .owl-page.active span,
#owl-banner  .owl-controls.clickable .owl-page:hover span{
background: #0d5597;
}

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

   ========================================================================== */
.homenews{height: 40px;background: #fff;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; font: 300 12px/18px Arial; position: relative;padding: 15px  10px 0 80px;}
.homenews .title{position: absolute; left:10px; top: 0; color: #0e5aa0; line-height: 50px;}
.homenews .title .fa{font-size: 18px;}

.homepart01 {background:url(../images/homebg01.jpg) left top no-repeat;text-transform:Uppercase;padding:20px 0;border-bottom: 1px solid #e5e5e5;}
.homepart01 li img{width: 90%;}
.homepart01 li{width: 25%; float: left;margin:10px 0; font-size: 12px; text-align: center;}
.homepart01 li a{display: block;}
.homepart01 li p{margin-top: 10px;}

.homepart02 {background:url(../images/homebg02.jpg) left top no-repeat;text-transform:Uppercase;padding:20px 0;border-bottom: 1px solid #e5e5e5;}
.homepart02 .title {color: #0e5aa0; padding:0 10px;}
.homepart02 .title a{float: right;}
.latest_list{margin-top: 20px;}
.latest_list li{width: 31.3%; float: left;margin:0 1%; font-size: 12px;overflow: hidden; text-align: center;}
.latest_list li .desc{margin: 10px 0; line-height: 18px; height:72px; overflow: hidden; }

/* ==========================================================================
   Footer
   ========================================================================== */
   footer{padding-top:80px;}
.fixed-b { width: 100%; background:url(../images/pic03.jpg) left top repeat-x;  position: fixed; bottom: 0;text-transform:Uppercase;}

.fixed-b li {  width: calc(20% - 1px); text-align: center; color: #fff; float: left; border-right: 1px solid #636363;}
.fixed-b li a { display: block;color: #fff; padding: 10px 0; }
.fixed-b li a .txt { display: block; margin-top: 5px; font: 300 12px/24px Arial;}
.fixed-b li .fa{font-size: 24px;text-shadow: 2px 1px 0 rgba(0,0,0,0.15);}