.navbar-header .navbar-toggle { border: 1px solid #b4b8bc; padding: 0 10px 0 10px; height: 34px;}
.navbar-header .navbar-toggle .menu { position: absolute; left: 10px; top: 0; line-height: 34px; color: #000;}
.navbar-header .navbar-toggle.active {}
.navbar-header .navbar-toggle a:hover {text-decoration: none;}
.navbar-header .navbar-toggle .icon-bar { background-color: #999;}
.navbar-header .navbar-toggle:hover { border: 1px solid ##4ad819; background: #19326e;}
.navbar-header .navbar-toggle:hover .menu { color: #fff;}
.navbar-header .navbar-toggle:hover .icon-bar { background-color: #fff;}

.toleft {position: relative;overflow-x: hidden;left: 0;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}
.push-toleft { left: -260px; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out;}
.menuid.menuopen { left: 0px; opacity: 1;-webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out;}
.push-toleft .head { left: -260px;}
#cbp-spmenu-s2 { -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out;}
.navbar-header { position: relative;}
.menuid { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; opacity: 0; z-index: 9999; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out;}
.mobile-menu-overlay { opacity: 0.3; filter: alpha(opacity=30); position: absolute; display: none; background: #000000; z-index: 9; top: 0; right: 0; width: 200%; height: 100%;}
.cbp-spmenu-open .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out;}
.cbp-spmenu-right { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: absolute; display: block; background: #000; z-index: 10; top: 0; right: 0; width: 100%; height: 100%; max-width: 260px; overflow: auto; -webkit-overflow-scrolling: touch; padding: 60px 0 40px 0;}
.cbp-spmenu-right li a { padding: 15px 23px; color: #fff;display: block; border-bottom: solid 1px #333;}
.cbp-spmenu-right li a:hover { background: #19326e; text-decoration: none;}
.menuid .icon-close { -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; position: absolute; display: block; cursor: pointer; top: 0; right: 0; padding: 20px 20px 0 0; font-size: 16px;}
.menuid .icon-close span { color: #fff; font-size: 18px; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out;}
.menuid .icon-close:hover span { color: #19326e;}
.menuopen .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out;}

/*首页banner*/

.topbanner { width: 100%; position: relative;}
.banner { width: 100%; margin: 0 auto; position: absolute; height: 100%; left: 0; top: 0;}
.banner ul.bb { position: relative; padding: 0px; margin: 0px; z-index: 5; width: 100%; height: 100%;}
.banner ul.bb li { position: absolute; display: none; width: 100%; height: 100%; background-size: cover;}
.banner ul.bb li a { display: block; width: 100%; height: 100%;}
.banner .num { position: absolute; right: 0; bottom: 20px; z-index: 100; width: 100%; text-align: center;}
.banner .num li {  width: 16px;  height: 16px; display: inline-block; margin-right: 8px;  background: url(../images/num.png) no-repeat 0 50%; line-height: 16px;  text-indent: -100px; overflow: hidden;}
.banner .num li { _display: inline; _zoom: 1; *display: inline;}
.banner .num li.num_hover { background: url(../images/numh.png) no-repeat 0 50%;}
.banner .num li.num_hover a { color: #fff;}
.banner .num li a { float: left; display: inline; text-align: center; color: #666; text-decoration: none; cursor: pointer; width: 16px; height: 16px; line-height: 16px;}
.pre { width: 32px; height: 50px; position: absolute; left: 10%; top: 45%; margin-top: -25px; z-index: 999; cursor: pointer; display: none; opacity: 0.6;}
.next { width: 32px; height: 50px; position: absolute;  right: 10%; top: 45%; margin-top: -25px; z-index: 999; cursor: pointer; display: none; opacity: 0.6;}

.about{ width:100%; float:left; overflow:hidden; background:#19326e; height:auto}
.about .aboutimg { background: none; float:left; width:100%;}
.abouttext { padding:5% 2% 4% 3%; float:left;}
.abouttext .tit2 {font: 400 30px/42px "Microsoft Yahei";}
.abouttext .tit2 p { margin-bottom: 10px;}
.abouttext .tit2 { color: #fff;font: 400 22px/42px "Microsoft Yahei";}
.abouttext .tit2 p { padding-bottom: 15px; position: relative; margin-bottom: 10px;}
.abouttext .tit2 p:before { position: absolute; width: 56px; height: 2px; left: 0; bottom: 0; background: #fff; content: "";}
.abouttext .content { color: #fff; font: 400 14px/20px "Microsoft Yahei"; margin:0 0 30px 0; height: auto; overflow: hidden;}
.aboutimgs img { max-width: 100%; width: auto !important; height: auto !important;}

.abouttext .more { margin-top: 20px;}
.abouttext .more a:before {  position: absolute; left: 101px; top: 13px; width: 100px; height: 1px; content: "";background: #fff;}
.abouttext .more a {  display: inline-block; width: 101px;  border: 1px solid #fff;  border-radius: 15px; color: #fff; text-align: center; font: 400 12px/27px "Microsoft Yahei"; position: relative; transition: all 0.3s;}
.abouttext .more:hover a { background: #fff; color: #19326e;}
.abouttext .more:hover a:before {}