@charset "utf-8";
/* CSS Document */
body{ font:14px/0.875em Arial, Helvetica, sans-serif; line-height:1.8em; color:#333;}
img{ border:none; max-width: 100%; height: auto;}
a{ transition:all 0.3s ease 0s; outline:none;}
#top{ height:47px; background:#012c3c; color:#999ea3; line-height:47px; text-align: right;}
#top a{ color:#999ea3; }
#top i{ font-size:12px; width: 24px; height: 24px; background: #ccd5d8; border-radius: 50%; color:#012c3c; text-align: center; line-height: 24px; margin-right: 8px;}
@media (min-width: 768px){
#top .ml20{ margin-left:20px;}
#top .collapse{ display:block;}
#top a{padding:0px 15px; display:inline-block;}
}
#top .navbar-toggle{ margin-top:5px; margin-bottom:5px;}
#top .navbar-toggle .icon-bar { border-radius: 50%;display: block;height: 4px;margin-left: auto;transition: all 0.3s ease 0s;width: 4px;background-color: #fff;}
#top .myright{ float:right;}
#top a:hover{ color:#fff; text-decoration:none;}
.logo{ float:left; padding-top:20px;}
#nav{ background-color:#fff;}
.lan{background: #375e95; padding: 7px 0; color: #87aee4;position: relative; overflow: hidden;}
.lan .free a{color: #ffa95d; font-size: 16px; font-weight: bold;}
.lan .free a:hover{text-decoration: none;}
.lan .free em{font-size: 16px; font-weight: bold;}
@media (min-width: 992px) {
.lan::after {width: 31.5%; display: block;background: #4976b2;bottom: 0;right: -18px;transform: skew(-30deg);position: absolute;content: ""; top: 0; z-index: auto;}
}
.lan .collan{z-index:99999999;}
.lan .collan a{color: #fff;}
@media (max-width: 767px) {
	#top{ height:50px;}
	.etlink{ background:#012c3c; border-top:1px solid #999; width:230px; padding:10px 20px; right:15px; position:absolute; text-align: left;}
	.etlink  a{ display:block; line-height:40px; height:40px;}
	#nav{ height:90px; }
	.lan .collan{position: fixed; right: 0; top: 10px;}
}
.sf-menu{ list-style:none; margin:0px; padding:0; float:right;}
.sf-menu li{ margin:0 12px; float: left; text-transform:uppercase; position:relative; overflow: hidden;}
.sf-menu li i{ font-size:16px;}
.sf-menu li a{ color:#515050;font-weight:bold; text-decoration:none; display:block; position:relative; padding:36px 0;}
.sf-menu li a:hover,.sf-menu li.sfHover a,.sf-menu li.active a{ color:#0096e0;}

.sf-menu > li > a:hover::after,.sf-menu > li.sfHover >a::after ,.sf-menu > li.active >a::after { height: 5px;}
.sf-menu > li:nth-child(3) > a::after,.sf-menu > li:nth-child(2) > a::after,.sf-menu > li:nth-child(6) > a::after
,.sf-menu > li:nth-child(4) > a::after,.sf-menu > li:nth-child(5) > a::after
{font-family: Font Awesome\ 5 Free; content:"\f078"; padding-left: 5px; font-size: 12px;}
#nav .sf-menu .submenu,#nav .sf-menu .subpc{ padding: 0; position: absolute; z-index: 2; background:#fff; width: 540px; border-top: 5px solid #0096e0; left: 50%; transform: translateY(30px); opacity: 1;transition:all 0.3s ease; margin: 0 0 0 -230px; }
#nav .sf-menu .subpc{width: 200px;margin: 0 0 0 -100px; }
#nav .sf-menu .submenu li{ float: left; display: block; width: 50%; margin: 0; border-bottom: 1px solid #efefef; padding: 0 15px;}
#nav .sf-menu .submenu li a,#nav .sf-menu .subpc li a{padding:4px 0; display: block; color:#505050; font-weight: normal; text-transform: capitalize;}
#nav .sf-menu .submenu li a:hover,#nav .sf-menu .subpc li a:hover{color: #0096e0;}
#nav .sf-menu .submenu li:nth-child(odd){border-right: 1px solid #efefef;}
#nav .sf-menu>li.sfhover{overflow: visible;}
#nav .sf-menu>li.sfhover::before{border-color:transparent transparent  #fff ;border-style: solid;border-width: 6px;bottom: 0;content: ""; left: 50%; margin-left: -3px; position: absolute;}
#nav .sf-menu>li.sfhover .submenu,#nav .sf-menu>li.sfhover .subpc{opacity: 1; transform: translateY(0);}
.nav-brand{ display:none;}
.isStuck{ height:54px !important; z-index:999;    box-shadow: 0 1px 2px #999;}
.isStuck .sf-menu li a{ padding:14px 0 !important;}
.isStuck .logo { padding-top:0;}
.isStuck .logo img{ height:50px;}
.isStuck .dropdown-menu > li > a{ padding:2px 0 !important;}
.isStuck .dropdown-menu{ margin-top:0;}
@media only screen and (max-width: 767px) {
  .isStuck {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px){.sf-menu li{ margin-right:9px; margin-left:9px; text-transform: capitalize;}.dropdown-menu > li{ margin-left:0;}}
@media (min-width: 768px) and (max-width: 991px){.sf-menu li{ margin-right:1px; margin-left:1px; text-transform: capitalize;}.sf-menu li a{ font-size:13px; padding: 26px 0;}.dropdown-menu > li{ margin-left:0;}}
@media (max-width: 767px) {nav{ display:none;}.logo{ margin:0 auto; width:232px; float:none !important;}
#top {
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: auto;
    z-index: 2147483647;
}
}
@media (max-width: 767px){
	.min-center{ max-width:420px; margin:0 auto;}.min-center img{ width:100%; height:auto; margin-bottom:10px;}
}

#footer{ background:#192129 ; color:#939393; padding-top:2.6%; line-height: 30px; background: url(../images/f_bg.jpg) repeat;}
#footer .center-logo{text-align: center;}
#footer .center-logo a{ color:#fff; font-size: 18px; padding: 0 8px;}
#footer .f-logo{ margin:8% auto 15%;}
#footer .nav-foot{ border-bottom:1px solid #1a4657; padding:25px 0; text-align:center; margin-bottom:3.61%; margin-top:2.2%;}
#footer .nav-foot a{ color:#12a5e9; padding:0 25px; font-size:14px;}
/*#footer .icon{  width:25px; height:25px; display:inline-block; text-align:center; line-height:25px; margin-right:5px;}
#footer a:hover.icon{ color:#0096e0; background:#fff; border:none;}*/
#footer i{margin-right: 5px;}
#footer .cate-tit{ font-size:18px; text-transform:uppercase; color:#fff; padding-bottom:5px; margin-bottom:10px;}
#footer .col-sm-3{font-size:12px; line-height:20px;}
#footer  a{color:#939393; text-decoration: none;}
#footer  a:hover{color: #0096e0;}
#footer ul{ margin:0; padding:0; list-style:none;}
#footer ul li{ padding:5px 0; text-transform:capitalize; line-height: 20px; float: left; width: 33.3333333%;}
#footer .mail{color: #0096e0;}
@media (max-width: 991px){.center-logo{ margin:0 auto;  margin-bottom:25px;} #footer .f-logo{margin: 0 0 15px;}}
@media (max-width:767px){#footer .mtop30{ margin-top:30px;}
#footer ul li{ width: 50%;}
#footer .col-sm-4{margin-top: 30px;}
}
@media (min-width: 1200px){#footer .col-sm-8{padding-right: 3.6%;}
address{margin-top: 20px; padding-left: 3.6%;}
}
#footer .copyright{border-top: 1px solid #373737; margin-top: 10px; padding: 10px 0; font-size: 12px;}
@media (min-width: 768px){
.txt-right{text-align: right;}
}
#gotop{ position: fixed;right:0; width:50px; z-index: 1;}
.cd-top {
  height: 40px; line-height: 40px;
  width: 50px;
  background:#474747 url(../images/cd-top-arrow.svg) no-repeat center center;
  overflow: hidden; color:#fff; text-align:center;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor:pointer; text-indent: 99999px;
}
#gotop .b-live{  background:#01b1ec; display:block; color:#fff; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 28px; text-decoration:none; outline:none;}
#gotop .b-live a{ color: #fff; text-decoration: none; outline: none;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; display: block;}
.live800{bottom: 0; position: fixed; right: 2px;}
@media (max-width:767px){
.live800{display: none;}
#gotop{ bottom: 0; }
}
@media (min-width:768px){
#gotop{ top: 50%; margin-top: -25px; }
}#gotop .gobody span{ line-height:16px; font-size:12px; color: #999; display:block;}
.bm-panel{
  visibility:hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 99998;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  width: 100%;
}
.bm-panel.active {
  visibility: visible;
}