@charset "UTF-8";
 /*sticky*/
@-webkit-keyframes menu_sticky{0%{margin-top:-100px}
50%{margin-top:-90px}
100%{margin-top:0}
}@keyframes menu_sticky{0%{margin-top:-100px}
50%{margin-top:-90px}
100%{margin-top:0}
}
body .stricky-fixed{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0;position:fixed !important;top:0;left:0;width:100%;z-index:99990;-webkit-animation-name:menu_sticky;animation-name:menu_sticky;-webkit-animation-duration:0.60s;animation-duration:0.60s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
 .stricky-fixed .header{height: 50px;position:relative;background:#fff; }
 .stricky-fixed .header .logo img{height: 40px; }
 .stricky-fixed .header a.m{color:#333}   .stricky-fixed .header a.m:hover{color:#000}  
 .stricky-fixed .header .headersearchrg{top:16px}
 .stricky-fixed .header .langimg{top:16px}
 .stricky-fixed .header .topsearchbox{top:50px}

  
 .logo{position:absolute; top:10px;left:10px;z-index:99}
.headertel{position:absolute;right:10px;top:10px;z-index:99}

.header{position:relative;height: 98px;background:none;  }
.headerwrapfloat{position:absolute; width: 100%; top:0;left:0  }
.headerwrapfloat .headertop{display:none; }
.headertop{height:30px;line-height:30px;background:#b5d1ee;color:#333}
 .headertop .boxcol .desp{margin:0; }
.headertop .boxcol .desp p{padding:0;margin:0;  }
.headertop a{font-size:12px;color:#333}


.stricky-fixed .menu{top:0}

 
.menusimpletext{display:none; position:absolute;width:180px;padding:20px; top:90px;right:0px;text-align:center; border-radius:4px;background:#fdfdfd;box-shadow:0 1px 8px rgba(0,0,0,0.05);z-index:9999}
.menusimpletext:after{position:absolute;top:-19px;right:12px;content:"";display:block;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid #fff}
.menusimpletext li a{padding:5px;color:#000;display:inline-block;transition:all .2s;letter-spacing:1px;font-size:15px;margin-bottom:6px}
.menusimpletext li a:hover,.menusimpletext li a:focus{color:#ff5252}
.menusimpletoggle{position:absolute; width: 30px; height: 30px;text-align:center; top:50px;right:0px;cursor:pointer;z-index:9999 }
.menusimpletoggle span:after,.menusimpletoggle span:before{content:"";position:absolute;left:0;top:-9px}
.menusimpletoggle span:after{top:9px}
.menusimpletoggle span{position:relative;display:block}
.menusimpletoggle span,.menusimpletoggle span:after,.menusimpletoggle span:before{width:100%;height:5px;background:#fff;transition:all 0.3s;backface-visibility:hidden;border-radius:2px}
.menusimpletoggle.on span{background:transparent}
.menusimpletoggle.on span:before{transform:rotate(45deg) translate(5px,5px)}
.menusimpletoggle.on span:after{transform:rotate(-45deg) translate(7px,-8px)}
 
 .stricky-fixed .menusimpletoggle{top:20px}
 .stricky-fixed .menusimpletoggle span, .stricky-fixed .menusimpletoggle span:after, .stricky-fixed .menusimpletoggle span:before{ background:#2F82FF }
  .stricky-fixed .menusimpletoggle.on span{background:transparent}
/* ---pc   -----*/
@media  (min-width: 1025px) {
 /*menu*/
 .menu{ height: 60px ;line-height:60px;border-bottom:none;z-index:99;    } 
.menu li li{height: 30px ;line-height:30px;z-index:99;    } 
.menu a{text-decoration:none;display:block; }
.menu li{position:relative;z-index:200; } 
.menu li.m{float:left; display:inline;}
.menu a.m{font-size:17px;padding:0 22px;}
.menu li li a{display:block;padding:0 10px;font-size:12px; }
.menu ul ul{display: none;position:absolute;width:180px ;z-index:210; }
.menu ul ul ul{left:180px;top:0px;}
.menu li li .sf-sub-indicator{top:13px}
.menu a.m{padding:0 22px;}
.menuright{ position: absolute;    top: 30px;right: 80px; }
.menuright,.menuright  li.m,.menuright a.m,.menuright a.m:hover{ background:none !important;color:#333  !important }
.menu .submenubox strong{padding:5px; }
.menu .submenubox{width: 500px !important; }
.menu .submenubox{clear:both; overflow:hidden; } 
.menu .submenubox li{display:block;height: auto; }
.menu .submenubox li a{display:inline-block; }
 
/***menu arrows */
.sf-sub-indicator {	position:absolute;	display:block;	right:5px;	top:25px;	width:10px;	height:10px;	text-indent:-999em;overflow:hidden;
	background:url('../images/menuarr.gif') no-repeat;}
a.m .sf-sub-indicator { background-position: 0 -100px;} 
li.m li .sf-sub-indicator {	background-position:-10px  0px; }

/*--#header_menu_bottom--*/
#header_menu_bottom .headersearchrg{ display:none;  }
#header_menu_bottom .topsearchbox{ top:48px}
/*--#header_menu_right--*/
#header_menu_right .topsearchbox{ display:none; } 
#header_menu_right .menu{ height: 50px ;line-height:50px;border-bottom:none;z-index:99;    } 
#header_menu_right .sf-sub-indicator{ top:20px }
/*--header_menu_floatbanner--*/
#header_menu_floatbanner .topsearchbox{display:none; top:70px}
#header_menu_floatbanner .menu{background:none;height: 50px ;line-height:50px;border-bottom:none;z-index:99;    } 



}

/* --- mobile  -----*/
@media  (max-width: 1025px) {
.header{height: 50px; }
 .logo{ top:0;left:0;height:50px;  }
  .logo img{ height: 100% } 
 

 /*menu*/
 .menusimpletoggle{top:18px;right:5px}
.menusimpletext{top:60px;right:5px}

.menu .container{padding: 0}/*hack bootstrap container*/
.menu{display:none;width:100%;  position:absolute;top:50px;left:0px;background:#F7F7F5;z-index:90000;height:auto}
 .stricky-fixed .menu{top:40px}
.menu li ul.sub{background:#e7f2fd; }
.menu li ul.sub a{background:none; }
 .menu li a{padding-left:10px;color:#333}
 .menu li li a{color:#333}
.menu a{display:block !important;height: 40px;line-height:40px; background:#F7F7F5; }
.menu li li a{height: 30px;line-height:30px;padding-left:15px }
.menu li li li a{padding-left:25px}
.menu a{border-bottom:1px solid #1b253b}
.menu li ul{display:none; }
.sub-nav-toggle{display:block;float:right;margin-top:1px; width:36px;height:36px;cursor:pointer;background:#7ccbfc url(../images/menusub.png) center -30px no-repeat;-o-transition:all 500ms ease-in;-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;transition:all 500ms ease-in}
.sub-nav-toggle.plus{background:#1b253b url(../images/menusub.png) center 13px no-repeat}

.menu li li .sub-nav-toggle{height: 30px;background-position:center -35px ; }
.menu li li .sub-nav-toggle.plus{background-position:center 11px ; }

}


 body{color:#000;background:none} 
 a{color:#1688D3;text-decoration:none; } 
 a:hover{color:#3DA8E0} .contentwrap,.pageregionwrap,.bannerwrap{background:#fff}    

.footer{background:#3DA8E0;color:#DEF0FA} .footer .blockhd{color:#DEF0FA}
 .footer a{color:#DEF0FA} 
 .footer a:hover{color:#2c455e}
 
.sdheader,.sidebar h4.blockhd{ background:#3DA8E0 ;color: #fff;} .content_header h3{border-left: 5px solid #3DA8E0;}.content_header{border-bottom: 1px solid #3DA8E0;} 
/*----------   only pc style---------*/
@media (min-width: 1024px) {

  .menu{background:#12A7ED;   } 
  .menu li.m{background:#12A7ED;border-bottom:none;}  
  .menu a{color:#fff} 
 .menu a:hover,   .menu a.active{background:#43BDF8;color:#fff} 
 .menu li li{background:#43BDF8; border-bottom:1px solid #7ECFF5;   } 
 .menu li li a{color:#fff} 
  .menu li li a:hover,   .menu li li a.active{background:#20B3F6;color:#fff} 

}
/*----------  only mobile style---------*/
@media (max-width: 1025px) {
 
}