
/* Template-specific stuff
 *
 * Customizations just for the template; these are not necessary for anything
 * with disabling the responsiveness.
 */

/* Account for fixed navbar */
body {
  
  
	
}

body,
.navbar-fixed-top,
.navbar-fixed-bottom {
  min-width: 970px;
}

/* Don't let the lead text change font-size. */
.lead {
  font-size: 16px;
}

/* Finesse the page header spacing */
.page-header {
  margin-bottom: 30px;
}
.page-header .lead {
  margin-bottom: 10px;
}


/* Non-responsive overrides
 *
 * Utilize the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
	min-width:980px;
  max-width: 1200px !important;
}

/* Demonstrate the grids */
/*
.col-xs-4 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}
*/
.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

/* Undo form expansion */
.navbar-form {
  float: left;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Copy-pasted from forms.less since we mixin the .form-inline styles. */
.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.navbar-form .form-control-static {
  display: inline-block;
}

.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}

.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}

.navbar-form .input-group > .form-control {
  width: 100%;
}

.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}

.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}

/* Undo inline form compaction on small screens */
.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-inline .form-control-static {
  display: inline-block;
}

.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
  width: auto;
}

.form-inline .input-group > .form-control {
  width: 100%;
}

.form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
  padding-left: 0;
}

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.form-inline .has-feedback .form-control-feedback {
  top: 0;
}
}

a,
a:hover{text-decoration: none;}





/*nav-bar*/
.navbar{
	/*height:80px;*/
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	border-bottom:solid 1px #ddd;
}

.navbar-brand{
	padding:0;
	padding-top:8px;
}
.navbar-nav{
	margin-left:120px;
}
.navbar-nav a{
	height:80px;
	line-height:50px !important;
	color:#000;
	background-color:transparent !important;
	font-size:18px;
	transition: border-bottom .5s;
	-webkit-transition: border-bottom .5s;
	-moz-transition: border-bottom .5s;
	-o-transition: border-bottom .5s;
}
.navbar-nav>li{
	margin-right:5px;
}

.navbar-nav .active,
.navbar-nav a:hover{
	/*color:#33cc99;*/
	border-bottom:solid 3px #33cc99;
}


/*轮播图淡入淡出*/

.carousel-fade .carousel-inner .item{  
    opacity:0;  
    -webkit-transition-property:opacity ;  
    -moz-transition-property:opacity ;  
    -ms-transition-property:opacity ;  
    -o-transition-property:opacity ;  
    transition-property:opacity ;
	/*	
		-webkit-transition: 3.6s ease-in-out left;
       -o-transition: 3.6s ease-in-out left;
          transition: 3.6s ease-in-out left;
		*/
}

.carousel-fade .carousel-inner .active{  
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{  
    left: 0;  
    opacity: 0;
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
/*轮播图淡入淡出 end*/




/***** newslist start*****/
.news-wrap{
	margin-top:20px;
}
.news-center{
	padding:5px;
	background-color:#086fb5;
	text-align:left;
	color:#fff;
	line-height:22px;
}
.news-catg{
	display:block;
	width:70%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	list-style-type:none;


}
.news-catg li{
	border:solid 1px #d4cccc;
	border-radius:5px;
	margin-bottom:15px;
	padding:5px;;
	text-align:center;
	font-size:16px;
	
}

.news-catg .glyphicon{
	color:#e64717;
	margin-left:-40px;
	padding-right:25px;
}
.news-catg a{
	text-decoration: none;
	color:#555;
}
.news-list-head{
	border-bottom:solid 2px #c1c1c0;
	height:39px;
}
.news-list-head .news-type{
	display:inline-block;
	float:left;
	border-bottom:solid 2px #e64717;
	padding-bottom: 8px;
  margin-bottom: -2px;
}

.news-list-head .right-nav{
	display:inline-block;
	float:right;
}
.news-list-head .breadcrumb{
	background:none;
	margin-bottom:0;
	padding-bottom:0;
}

.news-list-body{
	margin:0;
	padding:0;
	margin-top:15px;
	list-style-type:none;
}
.news-list-body li{
	border-bottom:dashed 1px #dcd8d8;
	line-height:24px;
	padding-top:10px;
}
.news-list-body .glyphicon,
.news-list-body .news-title,
.news-list-body .date{
	display:inline-block;
	color:#555;
}
.news-list-body .glyphicon{
	font-size:10px;
}	
.news-list-body .news-title{
	text-decoration:none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 80%;
	vertical-align: middle;
}
.news-list-body .news-title:hover{
	color:#337ab7;
}

.news-list-body .date{
	float:right;
}

/***** newslist end*****/

/***** businesslist start*****/
.business-wrap{
	margin-top:20px;
}
.business-center{
	padding:5px;
	background-color:#086fb5;
	text-align:left;
	color:#fff;
	line-height:22px;
}
.business-catg{
	display:block;
	width:70%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	list-style-type:none;


}
.business-catg li{
	border:solid 1px #d4cccc;
	border-radius:5px;
	margin-bottom:15px;
	padding:5px;;
	text-align:center;
	font-size:16px;
	
}

.business-catg .glyphicon{
	color:#e64717;
	margin-left:-40px;
	padding-right:25px;
}
.business-catg a{
	text-decoration: none;
	color:#555;
}
.business-list-head{
	border-bottom:solid 2px #c1c1c0;
	height:39px;
}
.business-list-head .business-type{
	display:inline-block;
	float:left;
	border-bottom:solid 2px #e64717;
	padding-bottom: 8px;
  margin-bottom: -2px;
}

.business-list-head .right-nav{
	display:inline-block;
	float:right;
}
.business-list-head .breadcrumb{
	background:none;
	margin-bottom:0;
	padding-bottom:0;
}

.business-list-body{
	margin:0;
	padding:0;
	margin-top:15px;
	list-style-type:none;
}
.business-list-body li{
	border:solid 1px #e2e1e1;
	border-radius:5px;
	margin-bottom:15px;
	padding:5px;
	overflow:hidden;
}

.business-list-body .title{
	/*margin-top: 0;
	font-size:14px;
	font-weight:bold;*/

}
.business-list-body .photo{
	float:left;
	width:30%;
	overflow:hidden;
}
.business-list-body .content{
	float:left;
	padding-left:15px;
	width:70%;
}
.business-list-body .link{
	display:inline-block;
	float:right;
}
/***** businesslist end*****/







/*page start*/
.pages ul{
	padding-left:0;
	margin-top:15px;
	
}
.pages ul li{
	display:inline-block;
	list-style-type:none;
	padding:2px;
}
/***page end**/



/******************** start***************************/




/*******public******/
ul{list-style:none;}
.grey3{color:#333;}
.grey{color:#999;}
.grey6{color:#666;}
.grey8{color:#888;}
.lheiht{line-height:150%;}
.cyan{color:#33cc99;}/*00cc99*/
.mt50{margin-top: 50px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mr25{margin-right:25px;}
.mb5{margin-bottom:5px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.font16{font-size: 16px;}
.single-line{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
a,a:hover{
	text-decoration:none;
}
/*******topbar******/
.topbar{
	
	/*background: url("../images/topbar.jpg") repeat-x;*/
	background-color:#2d3e50;
}
.topbar p{
	margin:0;
	padding-top:9px;
	height:30px;
	font-size:12px;
	color:#eee;
}

/*******index******/
.glyphicon-chevron-right,
.glyphicon-chevron-left{
	color:#33cc99;
}
.carousel-indicators .active{
	background-color:#33cc99;
}

/*业务图块*/

.panel-business{
	margin-top:25px;
}

.thumb-box{
	margin-top:25px;
}
.thumb img{
	width:100px;
	height:100px;
	margin-bottom: 25px;
}
.thumb p{
	color:#888;
}
.thumb{
	position:relative;
	top:0;
	display:block;
	padding:15px;
	border:#ddd solid 1px;
	transition:all .5s ease-out 0s;
	-webkit-transition:all .5s ease-out 0s;
	-moz-transition:all .5s ease-out 0s;
	-o-transition:all .5s ease-out 0s;	
}
.thumb:hover{
	top:-10px;
	 /*-webkit-transform:translateY(-10px); */
	box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
}
.thumb,
.thumb:hover{
	color:#333;
	text-decoration:none;
}


/*
.site__content {
  animation: bounceInUp 1s;
  animation-delay: .1s;
}
*/

/*******case******/
.case .col-xs-3{
	margin-bottom:1.8%;
}
.items{
	position:relative;
}
.items:hover .mask{
	/*display:block;*/
	background-color:rgba(45,62,80,1);
}
.items:hover .mask .text{
	display:block;
	animation: bounceInUp 1s;
}
.case img{
	width:100%;
}
.mask{
	/*display:none;*/
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	background-color:rgba(45,62,80,0);
	z-index:99;
	overflow:hidden;
	transition:all .5s ease-out 0s;
	-webkit-transition:all .5s ease-out 0s;
	-moz-transition:all .5s ease-out 0s;
	-o-transition:all .5s ease-out 0s;	
}

.mask .text{
	display:none;
	position:absolute;
	left:0;
	top:40%;
	right:0;
	margin:0 auto;
}
.mask h2{
	margin:0;
}
.mask ul{
	margin:5px 0 0 0;
	padding:0;
}
.mask li{
	display:inline-block;
	margin-right:10px;
	font-size:16px;
}
.mask a,
.mask a:hover{
	color:#fff;
	text-decoration:none;
}

/**********news*********/
.link,
.link:hover{
	display:block;
	text-decoration:none;
	
}
.link:hover{
	background-color:#eee;
}


/*footer*/

.footer{
	padding-top:15px;
	background-color:#2d3e50;
	color:#fff;
}

.footer a{
	color:#ddd;
}
.footer a,
.footer a:hover{	
	text-decoration:none;
}
.footer a:hover{	
	color:#33cc99;
}
.items-box dd{
	padding:2px 0;
}


.about-us{
	margin-bottom:20px;
}
.about-us h4,
.contact-us h4{
	margin-bottom:5px;
}
.about-us p,
.contact-us p{
	margin:0;
}




.company-name{
	margin-top:30px;
	margin-bottom:15px;
}
.list-info li{
	padding-top:5px;
	padding-right:15px;
	display:inline-block;
}

.qr-code{
	margin-top:15px;
}
.qr-code li{
	display:inline-block;
	text-align:center;
}


.support-box{
	height:156px;
}

.tec-support{
	position:absolute;
	right:10px;
	bottom:0;
	margin:0;
	padding:0;
}



.copyright{
	border-top:solid 1px rgba(255,255,255,.2);
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.copyright a{
	color:#FFF;
}

/*******index end******/


/***** caselist start*****/
.cate{
	margin:50px 0;
	padding:0;
	width:105%;
	overflow:hidden;
}
.cate a{
	display:inline-block;
	height:50px;
	width:100%;
	line-height:50px;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	
}
.cate li{
	display:inline-block;
	margin-top:15px;
	margin-right:4.7%;
	width:20%;
	text-align:center;
	background-color:#086fb5;
}





.case-wrap .case-type{
	font-weight:bold;
	padding:25px 0;
}
.case-wrap .case-item{
	overflow:hidden;
	margin-bottom:20px;
}
.case-wrap .img-box{
	position:relative;
	height:230px;
	width:380;
	overflow:hidden;
	
}
.case-item .pop{
	position:absolute;
	bottom:-50px;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:rgba(0, 0, 0, .4);
	text-align:center;
}
.case-item .pop a{
	padding:5px;
	background-color:transparent;
	color:#fff;
	/*border:solid 1px #fff;*/
	font-size:14px;
	text-decoration:none;
}
.case-item .pop a:hover{
	/*background-color:#086fb5;
	border:solid 1px #086fb5;*/
}
.case-wrap .case-title{
	display:block;
	padding:15px 5px;
	font-style:normal;
	text-align:center;
	white-space: nowrap;
  text-overflow: ellipsis;
	overflow:hidden;
}

/***** caselist end*****/
.wiki-wrap{
	margin-top:80px;
}
.item-box{
	margin-bottom:30px;
	width:100%;
	overflow:hidden;
}
.item-box h2{
	margin:25px 0;
}
.item-box a,
.item-box a:hover{
	color:#333;
}

.item-box .date{
	margin-top:25px;
	font-size:16px;
	text-align:right;
	color:#909090;
	font-weight:bold;
}

.item-box .date:before{
    content: "";
    width: 100%;
    margin: 10px 0 0 -90px;
    display: block;
    float: left;
    border-top: 1px solid #ccc;
}

.about-page{
	margin-top:100px;
}


/**资讯**/
.cate2{
	
}
.cate2 li{
	font-size: 16px;
	font-weight: bold;
	margin-top:20px;
}
.cate2 a{
	color:#333;
	text-decoration:none;
}
.cate2 .current,
.cate2 a:hover{
	color:#33cc99;
	text-decoration:none;
}

/***/




/***text start**/
.content-box .content{
	text-align:center;
	width:100%;
	overflow:hidden;
}
.content-box .content p{
	text-align:left;
}
.content-box .paging-box{
	margin-top:15px;
	margin-bottom:30px;

}
.content-box .paging-item{
	padding-top:5px;
	padding-bottom:5px;
	
}
.content-box .paging-item a{
	display:black;
	text-decoration:none;
	color:gray;
}
.content-box .paging-item i{
	padding-right:5px;
	font-style:normal;
	color:#000;
}




/***text end**/




/*侧边悬浮窗口*/

.izl-rmenu {
	position: fixed;
	right: 1%;
	margin-left: 532px;
	bottom: 10px;
	padding-bottom: 73px;
	z-index: 999;
}

.izl-rmenu .btn {
	width: 72px;
	height: 73px;
	margin-bottom: 1px;
	cursor: pointer;
	position: relative;
}

.izl-rmenu .btn-mobile {
	background: url('../images/r_mobile.png') 0px 0px no-repeat;
	background-color: #6da9de;
	display: block;
}

.izl-rmenu .btn-mobile:hover {
	background-color: #488bc7;
}

.izl-rmenu .btn-mobile .pic {
	position: absolute;
	left: -160px;
	top: 0px;
	display: none;
	width: 160px;
	height: 160px;
}

/***/
.izl-rmenu .btn-wx {
	background: url('../images/r_wx.png') 0px 0px no-repeat;
	background-color: #78c340;
	display: block;
}

.izl-rmenu .btn-wx:hover {
	background-color: #58a81c;
}

.izl-rmenu .btn-wx .pic {
	position: absolute;
	left: -160px;
	top: 0px;
	display: none;
	width: 160px;
	height: 160px;
}

.izl-rmenu .btn-phone {
	background: url('../images/r_phone.png') 0px 0px no-repeat;
	background-color: #fbb01f;
}

.izl-rmenu .btn-phone:hover {
	background-color: #ff811b;
}

.izl-rmenu .btn-phone .phone {
	background-color: #ff811b;
	position: absolute;
	width: 160px;
	left: -158px;
	top: -1px;
	line-height: 73px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	display: none;
}

.izl-rmenu .btn-top {
	background: url('../images/r_top.png') 0px 0px no-repeat;
	background-color: #666666;
	display: none;
}

.izl-rmenu .btn-top:hover {
	background-color: #444;
}
/*侧边悬浮窗口结束*/









