@import url(zui-theme.css);

body{

	font-size: 14px;

}

ul,ol,dl{

  margin-bottom: 0px;

}

a,a:hover{

  text-decoration: none;

}

.common-title{

	text-align: center;

	color: #1b5cbc;

	font-size: 32px;

	font-weight: normal;

	margin:0px;

}

.common-title>small{

	font-size: 24px;

	display: block;

}

#product{

	margin-top: 20px;

}

#product>.container>.row{

	margin-top: 20px;

}

#product>.container>.row>.col-xs-6>a{

	display: block;

	text-align: center;

}

#product>.container>.row>.col-xs-6>a>.img{

	background: #cacacb;

	padding:5px;

	text-align: center;

}

#product>.container>.row>.col-xs-6>a>span{

	color: #383838;

	line-height: 30px;

	display: block;

}

#product>.container>.text-center{

	margin-top: 20px;

}

#product>.container>.text-center>a{

	display: inline-block;

	width: 130px;

	height: 42px;

	border:1px solid #d6d6d7;

	line-height: 42px;

	text-align: center;

	color: #8e8c8c;

}

#product>.container>.text-center>a:hover{

	color: #1b5cbc;

	border-color: #1b5cbc;

}

#about{

	margin-top: 20px;

	background: url('../img/about_bg.jpg') no-repeat;

	padding:20px 0;

}

#about>.container>p{

	text-indent: 2em;

	color: #383838;

	margin-top: 20px;

	line-height:2;

}

#sb-fz{

	margin-top: 20px;

}

#sb-fz>.container>.col-xs-12>h3{

	color: #1b5cbc;

	font-size: 20px;

	font-weight: normal;

	margin:0;

}

#sb-fz>.container>.col-xs-12>.img{

	margin-top: 20px;

	display: block;

}

#case{

	margin-top: 20px;

}

#case  .carousel-inner{

	margin-top: 20px;

}

#case  .carousel-inner>.item{

	background: #f0f0f0;

}

#footer{

	margin-top:20px;

}

#footer-bottom{

	color: #a2a2a2;

	text-align: center;

	background: #393939;

	padding:10px 0;

}

#app-main >.container>h1{

	text-align: center;

	color: #2a2929;

	font-size: 20px;

	font-weight: normal;

	margin-bottom: 20px;

}

#app-main >.container>article{

	line-height: 1.8em;

}

@media (min-width: 1200px){

	.container {

		max-width: 1320px;

	}

	#header{

		height: 119px;

		border-top: 5px solid #1b5cbc;

	}

	#header>.container>a.logo{

		float: left;

		margin-top: 27px;

	}

	#header>.container>ul.app-nav{

		float: right;

	}

	#header>.container>ul.app-nav>li{

		float: left;

	}

	#header>.container>ul.app-nav>li>a{

		display: block;

		color: #616161;

		font-size: 15px;

		line-height: 114px;

		padding:0 20px;

	}

	#header>.container>ul.app-nav>li.active>a,#header>.container>ul.app-nav>li>a:hover{

		color: #ffffff;

		background: #1b5cbc;

	}

	#about{

		margin-top: 20px;

		background: url('../img/about_bg.jpg') no-repeat center;

		padding:60px 0;

	}

	#about>.container>ul{

		margin-top: 60px;

	}

	#about>.container>ul>li{

		display: inline-block;

		padding:0 60px;

		color: #4a4a4a;

		font-size: 45px;

		border-left: 1px solid #dcdcdc;

	}

	#about>.container>ul>li:first-child{

		border-left: 0px;

	}

	#about>.container>ul>li>span{

		color: #636363;

		font-size: 14px;

		display: block;

	}

	#sb-fz>.container>.col-xs-12>h3{

		font-size: 32px;

	}

	#sb-fz>.container>.col-xs-12>ul{

		margin-top: 20px;
		height: 329px;
		overflow: hidden;
		overflow-y: auto;
	}

	#sb-fz>.container>.col-xs-12>ul>li:first-child{

		margin-top: 0px;

	}

	#sb-fz>.container>.col-xs-12>ul>li{

		line-height: 92px;

		background: #f4f4f4;

		margin-top: 27px;

	}

	#sb-fz>.container>.col-xs-12>ul>li>span{

		color: #c7c7c7;

		font-size: 36px;

		margin:0 10px;

		float: left;

	}

	#sb-fz>.container>.col-xs-12>ul>li>a{

		color: #383838;

		float: left;

		width: 70%;

	}

	#case  .carousel-inner>.item>a.img{

		width: 50%;

		float: left;

	}

	#case  .carousel-inner>.item>.box{

		width: 50%;

		float: left;

		padding-left:37px;

		padding-top:100px;

	}

	#case  .carousel-inner>.item>.box>a.title{

		color: #383838;

		font-size: 28px;

	}

	#case  .carousel-inner>.item>.box>p{

		color: #6b6b6b;

		width: 70%;

		margin-top: 20px;

	}

	#footer{

		background: #5b5b5b;

		padding:30px 0;

	}

	#footer>.container>.app-left{

		width: 30%;

		float: left;

		height: 140px;

		border-right: 1px solid #6c6c6c;

		background: url('../img/kf.png') no-repeat center left;

		color: #d1cfcf;

		padding-left: 90px;

		padding-top: 45px;

	}

	#footer>.container>.app-left>p:last-child{

		color: #ffffff;

		font-size: 20px;

		font-weight: bold;

		margin-bottom: 0px;

	}

	#footer>.container>.app-center{

		width: 40%;

		float: left;

		height: 140px;

		border-right: 1px solid #6c6c6c;

		padding-left: 60px;

		color: #d1cfcf;

		padding-top: 15px;

	}

	#footer>.container>.app-center>p:last-child{

		margin-bottom: 0px;

	}

	#footer>.container>.app-right{

		width: 30%;

		float: left;

		color: #d1cfcf;

		text-align: center;

	}

	#footer>.container>.app-right>p{

		margin-bottom: 0px;

		margin-top: 10px;

	}

	#app-position{

		height: 71px;

		border-bottom: 1px solid #d9d9d9;

		line-height: 70px;

		color: #616161;

	}

	#app-position a{

		color: #616161;

	}

	#app-main >.container>h1{

		font-size: 32px;

		margin-bottom: 40px;

	}

	#app-position>.container>.pull-left>a{

		display: block;

		float: left;

		margin-left: 20px;

	}

	#app-position>.container>.pull-left>a.active,#app-position>.container>.pull-left>a:hover{

		color: #1f58a3;

		font-weight: bold;

	}

	#app-position>.container>.pull-left>a:first-child{

		margin-left: 0px;

	}

}

@media (min-width: 992px) and (max-width: 1199px){

	#header{

		height: 60px;

		border-top: 5px solid #1b5cbc;

	}

	#header>.container>a.logo{

		display: none;

	}

	#header>.container>ul.app-nav{

		width: 100%;

	}

	#header>.container>ul.app-nav>li{

		display: table-cell;

   		width: 1%;

   		text-align: center;

	}

	#header>.container>ul.app-nav>li>a{

		display: block;

		color: #616161;

		font-size: 15px;

		line-height: 55px;

		padding:0 20px;

	}

	#header>.container>ul.app-nav>li.active>a,#header>.container>ul.app-nav>li>a:hover{

		color: #ffffff;

		background: #1b5cbc;

	}

	#sb-fz>.container>.col-xs-12>h3{

		font-size: 32px;

	}

	#sb-fz>.container>.col-xs-12>ul{

		margin-top: 20px;
		height: 329px;
		overflow: hidden;
		overflow-y: auto;

	}

	#sb-fz>.container>.col-xs-12>ul>li:first-child{

		margin-top: 0px;

	}

	#sb-fz>.container>.col-xs-12>ul>li{

		line-height: 65px;

		background: #f4f4f4;

		margin-top: 27px;

	}

	#sb-fz>.container>.col-xs-12>ul>li>span{

		color: #c7c7c7;

		font-size: 25px;

		margin:0 10px;

		float: left;

	}

	#sb-fz>.container>.col-xs-12>ul>li>a{

		color: #383838;

		float: left;

		width: 70%;

	}

	#case  .carousel-inner>.item>a.img{

		width: 50%;

		float: left;

	}

	#case  .carousel-inner>.item>.box{

		width: 50%;

		float: left;

		padding-left:37px;

		padding-top:50px;

	}

	#case  .carousel-inner>.item>.box>a.title{

		color: #383838;

		font-size: 28px;

	}

	#case  .carousel-inner>.item>.box>p{

		color: #6b6b6b;

		width: 70%;

		margin-top: 20px;

	}

	#footer{

		background: #5b5b5b;

		padding:30px 0;

	}

	#footer>.container>.app-left{

		width: 25%;

		float: left;

		height: 140px;

		border-right: 1px solid #6c6c6c;

		background: url('../img/kf.png') no-repeat center left;

		color: #d1cfcf;

		padding-left: 90px;

		padding-top: 45px;

	}

	#footer>.container>.app-left>p:last-child{

		color: #ffffff;

		font-size: 20px;

		font-weight: bold;

		margin-bottom: 0px;

	}

	#footer>.container>.app-center{

		width: 50%;

		float: left;

		height: 140px;

		border-right: 1px solid #6c6c6c;

		padding-left: 60px;

		color: #d1cfcf;

		padding-top: 15px;

	}

	#footer>.container>.app-center>p:last-child{

		margin-bottom: 0px;

	}

	#footer>.container>.app-right{

		width: 25%;

		float: left;

		color: #d1cfcf;

		text-align: center;

	}

	#footer>.container>.app-right>p{

		margin-bottom: 0px;

		margin-top: 10px;

	}

	#app-position{

		height: 71px;

		border-bottom: 1px solid #d9d9d9;

		line-height: 70px;

		color: #616161;

	}

	#app-position a{

		color: #616161;

	}

	#app-main >.container>h1{

		font-size: 32px;

		margin-bottom: 40px;

	}

	#app-position>.container>.pull-left>a{

		display: block;

		float: left;

		margin-left: 20px;

	}

	#app-position>.container>.pull-left>a.active,#app-position>.container>.pull-left>a:hover{

		color: #1f58a3;

		font-weight: bold;

	}

	#app-position>.container>.pull-left>a:first-child{

		margin-left: 0px;

	}

}

@media (min-width: 768px) and (max-width: 991px){

	#header{

		height: 60px;

		border-top: 5px solid #1b5cbc;

	}

	#header>.container>a.logo{

		display: none;

	}

	#header>.container>ul.app-nav{

		width: 100%;

	}

	#header>.container>ul.app-nav>li{

		display: table-cell;

   		width: 1%;

   		text-align: center;

	}

	#header>.container>ul.app-nav>li>a{

		display: block;

		color: #616161;

		font-size: 15px;

		line-height: 55px;

		padding:0 20px;

	}

	#header>.container>ul.app-nav>li.active>a,#header>.container>ul.app-nav>li>a:hover{

		color: #ffffff;

		background: #1b5cbc;

	}

	#sb-fz>.container>.col-xs-12>ul{

		margin-top: 20px;
		height: 200px;
		overflow: hidden;
		overflow-y: auto;

	}

	#sb-fz>.container>.col-xs-12>ul>li:first-child{

		margin-top: 0px;

	}

	#sb-fz>.container>.col-xs-12>ul>li{

		line-height: 45px;

		background: #f4f4f4;

		margin-top: 27px;

	}

	#sb-fz>.container>.col-xs-12>ul>li>span{

		color: #c7c7c7;

		font-size: 20px;

		margin:0 10px;

		float: left;

	}

	#sb-fz>.container>.col-xs-12>ul>li>a{

		color: #383838;

		float: left;

		width: 70%;

	}

	#case  .carousel-inner>.item>a.img{

		width: 100%;

	}

	#case  .carousel-inner>.item>.box{

		width: 100%;

		text-align: center;

	}

	#case  .carousel-inner>.item>.box>a.title{

		color: #383838;

		font-size: 28px;

	}

	#case  .carousel-inner>.item>.box>p{

		padding:0 10px;

	}

	#footer{

		background: #5b5b5b;

		padding:30px 0;

	}

	#footer>.container>.app-left{

		width: 50%;

		float: left;

		height: 140px;

		border-right: 1px solid #6c6c6c;

		background: url('../img/kf.png') no-repeat center left;

		color: #d1cfcf;

		padding-left: 90px;

		padding-top: 45px;

	}

	#footer>.container>.app-left>p:last-child{

		color: #ffffff;

		font-size: 20px;

		font-weight: bold;

		margin-bottom: 0px;

	}

	#footer>.container>.app-center{

		width: 50%;

		float: left;

		height: 140px;

		padding-left: 60px;

		color: #d1cfcf;

		padding-top: 15px;

	}

	#footer>.container>.app-center>p:last-child{

		margin-bottom: 0px;

	}

	#footer>.container>.app-right{

		display: none;

	}

	#app-position{

		height: 71px;

		border-bottom: 1px solid #d9d9d9;

		line-height: 70px;

		color: #616161;

	}

	#app-position a{

		color: #616161;

	}

	#app-position>.container>.pull-left>a{

		display: block;

		float: left;

		margin-left: 20px;

	}

	#app-position>.container>.pull-left>a.active,#app-position>.container>.pull-left>a:hover{

		color: #1f58a3;

		font-weight: bold;

	}

	#app-position>.container>.pull-left>a:first-child{

		margin-left: 0px;

	}

}

@media (max-width: 767px) {

	#header{

		

		border-top: 2px solid #1b5cbc;

	}

	#header>.container>a.logo{

		display: none;

	}

	#header>.container>ul.app-nav{

		width: 100%;

	}

	#header>.container>ul.app-nav>li{

		float: left;

   		width: 33.33%;

   		text-align: center;

	}

	#header>.container>ul.app-nav>li>a{

		display: block;

		color: #616161;

		font-size: 15px;

		line-height: 55px;

		padding:0 20px;

	}

	#header>.container>ul.app-nav>li.active>a,#header>.container>ul.app-nav>li>a:hover{

		color: #ffffff;

		background: #1b5cbc;

	}

	.common-title{

		font-size: 20px;

	}

	.common-title>small{

		font-size: 14px;

	}

	#sb-fz>.container>.col-xs-12{

		margin-bottom: 20px;

	}

	#sb-fz>.container>.col-xs-12>ul{

		margin-top: 20px;

	}

	#sb-fz>.container>.col-xs-12>ul>li:first-child{

		margin-top: 0px;

	}

	#sb-fz>.container>.col-xs-12>ul>li{

		line-height: 45px;

		background: #f4f4f4;

		margin-top:10px;

	}

	#sb-fz>.container>.col-xs-12>ul>li>span{

		color: #c7c7c7;

		font-size: 20px;

		margin:0 10px;

		float: left;

	}

	#sb-fz>.container>.col-xs-12>ul>li>a{

		color: #383838;

		float: left;

		width: 70%;

	}

	#case  .carousel-inner>.item>a.img{

		width: 100%;

	}

	#case  .carousel-inner>.item>.box{

		width: 100%;

		text-align: center;

	}

	#case  .carousel-inner>.item>.box>a.title{

		color: #383838;

		font-size: 28px;

	}

	#case  .carousel-inner>.item>.box>p{

		padding:0 10px;

	}

	#footer{

		background: #5b5b5b;

		padding:20px 0;

	}

	#footer>.container>.app-left{

		display: none;

	}

	#footer>.container>.app-center{

		width: 100%;

		color: #d1cfcf;

		padding-top: 15px;

	}

	#footer>.container>.app-center>p:last-child{

		margin-bottom: 0px;

	}

	#footer>.container>.app-right{

		display: none;

	}

	#app-position{

		height: 51px;

		border-bottom: 1px solid #d9d9d9;

		line-height: 50px;

		color: #616161;

	}

	#app-position a{

		color: #616161;

	}

	#app-position>.container>.pull-left{

		display: none;

	}	

}