@charset "utf-8";
/* CSS Document */

		#content-main{ background: #fff;}
    	#index-header{ background:rgb(0,86,137); width:100%; color:#fff; line-height: 88px; height: 88px; font-size: 3.8rem; text-align:center}
    	#index-header .navbar-brand{ color: rgb(255,255,255); padding: 25px 15px; line-height: 88px; font-size: 3.8rem; }
		
		
		
		#panel-left{ width:400px; background:#3e404c; position: absolute;}
		#panel-left ul{ margin: 0; padding: 0;}
		
		#panel-left ul li{ list-style: none;}
		#panel-left ul li{ padding:25px 0; line-height:46px; background:#2c303c; margin-top:1px; box-sizing:border-box; border-left:#2c303c 4px solid;}
		#panel-left ul li a{ display:block; color:#fff; padding-left:30%; padding-right:10%; font-size:2.8rem}
		#panel-left ul li a .r{ float:right;}
		#panel-left ul li .home{ background:url(../images/ico_home.gif) no-repeat 10% center;background-size:30px 30px; background-repeat:no-repeat;}
		#panel-left ul li .jj{ background:url(../images/ico_jj.gif) no-repeat 10% center;background-size:30px 30px; background-repeat:no-repeat;}
		#panel-left ul li .xw{ background:url(../images/ico_xw.gif) no-repeat 10% center;background-size:30px 30px; background-repeat:no-repeat;}
		#panel-left ul li .ywjs{ background:url(../images/ico_ywjs.gif) no-repeat 10% center;background-size:30px 30px; background-repeat:no-repeat;}
		#panel-left ul li .anli{ background:url(../images/ico_anli.gif) no-repeat 10% center;background-size:30px 30px; background-repeat:no-repeat;}
		#panel-left ul li .zxsq{ background:url(../images/ico_zxsq.gif) no-repeat 10% center;background-size:30px 30px; background-repeat:no-repeat;}
		#panel-left ul li .cjwt{ background:url(../images/ico_cjwt.gif) no-repeat 10% center;background-size:30px 30px; background-repeat:no-repeat;}
		#panel-left ul li .dklc{ background:url(../images/ico_dklc.gif) no-repeat 10% center;background-size:30px 30px; background-repeat:no-repeat;}
		#panel-left ul li .lxwm{ background:url(../images/ico_lxwm.gif) no-repeat 10% center;background-size:30px 30px; background-repeat:no-repeat;}
		
		#panel-left ul .active{ border-left:#005689 4px solid; background:#1b1e27; }
		#panel-left > h2{ color:#FFF; text-align:center; font-weight:normal; padding:10px; }

		.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
		  left: 0;
		  -webkit-transform: translate3d(-29em,0,0);
		  -moz-transform: translate3d(-29em,0,0);
		  transform: translate3d(-29em,0,0);
		}
		.ui-panel-animate.ui-panel-page-content-position-left {
		  left: 0;
		  right: 0;
		  -webkit-transform: translate3d(28.5em,0,0);
		  -moz-transform: translate3d(28.5em,0,0);
		  transform: translate3d(28.5em,0,0);
		}
		
		.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
		  left: 28.5em;
		}
		


/**banner**/
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	  width:100%;
	}
	.carousel-indicators {
	  bottom: 2px;
	}
	.carousel-indicators li {
	  display: inline-block;
	  width: 18px;
	  height: 18px;
	  margin:0;
	  text-indent: -999px;
	  cursor: pointer;
	  background-color: rgba(99,99,99,0.7);
	  border: 1px solid rgba(99,99,99,0.7);
	  border-radius: 10px;
	}
	.carousel-indicators .active {
	  width: 18px;
	  height: 18px;
	  margin:0;
	  background-color: #005689;
	  border: 1px solid #005689;
	}
	
	.carousel-indicators {
	  position: absolute;
	  bottom:-5px;
	  left:100%; 
	  z-index: 15;
	  width: auto;
	  padding-left: 0;
	  margin-left: -12%;
	  text-align: center;
	  list-style: none;
	}
	#myCarousel{ min-width:640px;}
	
	#main-links{ width: 640px;}
	
	#main-links{ padding:40px 25px;}
	#main-links a{ display:block; text-align:center; font-size:3.4rem}
	#main-links a span{ display:block; margin-top:120px; color:#fff;}
	#main-links .gsjj{ background:url(../images/index_home.gif) no-repeat center 40px #74cae8; width:188px; height:252px; float:left}
	#main-links .xwzx{ background:url(../images/index_car.gif) no-repeat center 50px #a2d345; width:188px; height:252px; float:left; margin-left:12px}
	#main-links .ywjs{ background:url(../images/index_card.gif) no-repeat center 50px #63cfd3; width:188px; height:252px; float:left; margin-left:12px}
	#main-links .khal{ background:url(../images/index_my.gif) no-repeat center 50px #ffa765; width:188px; height:252px; float:left; margin-top:12px}
	#main-links .zxsq{ background:url(../images/index_rmb.gif) no-repeat 50px center #b0a5e5; width:388px; height:252px; float:left; margin-top:12px; margin-left:12px}
	#main-links .zxsq span{ margin-top:102px}
	
	body a:hover{ text-decoration: none; }