/* Header */
#head { /* background:#181015 url( ../images/bg_header.jpg) no-repeat; background-size: cover; min-height:520px; */ text-align: center; color:white; font-family:"Open sans", Helvetica, Arial; font-weight:300;  }
#head.secondary { height:120px; min-height: 100px; padding-top:0px; }
	#head .lead { font-family:"Open sans", Helvetica, Arial; font-size:44px; margin-bottom:6px; color:white; line-height:1.15em; } 
	#head .tagline { color:rgba(255,255,255,0.75); margin-bottom:0px; }
		#head .tagline a { color:#fff; } 
	#head .btn { margin-bottom:10px;}
	#head .btn-default { text-shadow: none; background:transparent; color:rgba(255,255,255,.5); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); background: transparent; }
		#head .btn-default:hover,
		#head .btn-default:focus { color:rgba(255,255,255,.8); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); background: transparent; }
		#head .btn-default:active, 
		#head .btn-default.active { color:#fff; -webkit-box-shadow:inset 0px 0px 0px 3px #fff; -moz-box-shadow:inset 0px 0px 0px 3px #fff; box-shadow:inset 0px 0px 0px 3px #fff; background: transparent; }

@media (max-width: 767px) {
/*	#head { min-height:420px; padding-top:160px; }  */
	#head .lead { font-size: 34px; }
	.sidebar {display:none}
}


/* Autohide navbar */
.slideUp { top:-100px; }
.headroom { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }


/* Highlights (in jumbotron in most cases) */
.highlight { margin-top:40px; }
	.h-caption { text-align: center; } 
	.h-caption i { display:block; font-size: 54px; color:#382526; margin-bottom:36px; }
	.h-caption h4 { color:#382526; font-size: 16px; font-weight: bold; margin-bottom:20px; }
	.h-body { }


/* Typography */
h1, h2, h3, h4, h5, h6 { font-family:"Open sans", Helvetica, Arial; font-weight:500;}
h1, .h1, h2, .h2, h3, .h3 { margin-top:30px; color:#0a5ca6;} 
blockquote { font-style: italic; font-family: Georgia; color:#999; margin:30px 0 30px; }
label { color: #777; }
.thin { font-weight:300; }
.page-title { margin-top:20px; font-weight:bold; text-align: center;font-size: 16px;}
.text-muted { color:#000; }
.breadcrumb { background:none; padding:0; margin:30px 0 0px 0; }
ul.list-spaces li{ margin-bottom:10px; }

/* Helpers */
.container-full { margin: 0 auto; width: 100%; }
.top-space { margin-top: 60px; }
.top-margin { margin-top:20px; }

img { max-width:100%; }
img.pull-right { margin-left: 10px; }
img.pull-left { margin-right: 10px; }
#map { width:100%; height:280px; }
#social { margin-top:50px; margin-bottom:50px; }
	#social .wrapper { width:340px; margin:0 auto; }

/* Main content block */
.maincontent { }

/* Sidebars */
.sidebar { padding-top:36px; padding-bottom:30px; }
	.sidebar .widget { margin-bottom:20px; }
	.sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 { margin-top:20px; } 

/* Footer */
.footer1 { background:#0a5ca6; padding: 30px 0 0 0; font-size: 12px; color: #fff; }
	.footer1 a { color: #fff; }
		.footer1 a:hover {color: #ccc; }
	.footer1 .widget { margin-bottom:30px; }		
	.footer1 .widget-title { font-size: 17px; font-weight: bold; color: #fff; margin: 0 0 20px; }
	.footer1 .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; }
		.footer1 .entry-meta a { color: #333333; }
		.footer1 .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
	.follow-me-icons { font-size:30px; }		
		.follow-me-icons i { float:left; margin:0 10px 0 0; }		

.footer2 { background: #03266a; padding: 15px 0; color: #777; font-size: 12px; }
	.footer2 a { color: #aaa; }
		.footer2 a:hover { color: #fff; }
		.footer2 p { margin: 0; }

	.widget-simplenav { margin-left:-5px; }		
	.widget-simplenav a{ margin:0 5px; }	
	/*************************
********* Portfolio CSS ******
**************************/

#portfolio_page {
  margin-top: 115px;
  padding-bottom: 0;
}

.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: #0a5ca6;
  color:#FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #c52d2f;
  border: 1px solid #c52d2f;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
  margin: 0;
  padding:0;
}	

#recent-works .col-xs-12.col-sm-4.col-md-3{
  padding: 0;
}

#recent-works{
    padding-bottom: 70px;
}

.recent-work-wrap {
  position: relative;
}

.recent-work-wrap img{
  width: 100%;
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3{
  margin: 0px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 20px;
  color: #fff;
}

.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: #c52d2f;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;  
  padding: 20px;
}

.recent-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 1;
}


/* 悬浮窗口-包含邮箱、电话、Skype、QQ */
#con1_win{
	
	background:#0670b9;
	width:165px;
	position:fixed;
	right:10px;
	font-size:16px;
	color:#FFFFFF;
	font-family:Arial;
	margin:0px;
	display:block;
	overflow:hidden;
	z-index:88;
}
/*#con1_title{background:#0058A8;height:25px;line-height:25px;text-indent:5px;font-weight: bold;}*/
#con1_title{background:#0670b9; margin:8px;line-height:25px;text-indent:5px;font-weight: bold;}
#con1_content{ background:#FFFFFF; margin:2px; font-size:12px; color:#0670b9; overflow:hidden;}
/*#con1_content{ border:2px solid #ffffff; margin:10px; height:205px; overflow:hidden;}*/
#con1_content p{ margin:10px; line-height:25px; }
#con1_content a{color:#0670b9; text-decoration:none}
#con1_content a:hover{color:#0099ff; text-decoration:none}

/* 轮播图 */
.index_ad {
z-index:1;
width:500px;
height:375px;
overflow:hidden;

}

.index_ad ul li{
list-style: none;
}
.index_ad ul.index_ad_img li {

z-index:1;
visibility:hidden;
}

.index_ad ul.index_ad_img li.first {
z-index:2;
visibility:visible;
}

.page-o{display: block;font-size: 2rem;text-align: center;color: #fff;background-color: #0670b9;width: 180px;height: 30px;line-height: 30px;margin: 10px auto;cursor: pointer;border-radius:5px ;}
/*.page-o:hover{width: 180px;height: 30px;line-height: 30px;border: 1px solid #fff;transition: 1s; -webkit-transition: 1s;-moz-transition: 1s;}*/
@font-face{
	font-family:汉真广标;
	src: url(../fonts/hzgb.ttf);
}
#bag-tit{font-family:汉真广标 ;font-size: 50px;line-height: 65px;width: 100%;color: #de5317;}
.btlt{font-family: 幼圆;font-size: 90%;color: #0670B9;}

@media only screen and (min-width: 800px) {
#wap-nav{width: 68%;float: right;margin-top: 2.3%;margin-right: 2%;}
#wap-nav div{width: 100%;}
#wap-nav div p{float: right;text-align: center;padding: 4px 7px;font-size: 14px;line-height: 25px;}
#wap-nav div p,#wap-nav div p a{color: white;}
#wap-nav div p a{display: block;float: left;text-align: center;line-height: 1.5rem;box-shadow:0 0 4px #7bc0ff;padding: .3rem .6rem;transition: .6s;border-radius:5px;overflow: hidden;background: linear-gradient(rgba(203,221,236,.8),rgba(10,92,166,1),rgba(10,92,166,1),rgba(10,92,166,1));margin: 1px 5px ;font-size: 16px;width: 115px;}
#wap-nav a:hover{text-decoration: none;}
#navs{margin-top: 20px;padding: 0}
#lang{margin-top:25px;margin-right: 15px;}
}


@media only screen and (max-width: 800px) {
	#lang{position: absolute;top: 30px;right: 5%;}
	.navbar-header>button{position: absolute;top: 85px;right: 5%;}
}

.table th, .table td { 
text-align: left;
vertical-align: middle!important;
}
#pa-th th{font-weight: bold;}


/*关闭按钮*/
#con1_win #col1-close{width: 30px;height: 30px;background: rgba(6,112,185,0.2);position: absolute;right: 0px;top: 0px;text-align: center;/*overflow: hidden;*/cursor: pointer;border-left: 2px solid #ffffff;border-bottom: 2px solid #ffffff;}
#con1_win #col1-close span:nth-child(1){display: block;width: 20px;height: 3px;background: #fff;position: absolute;top: 30%;left: 5px;border-radius:2px ;transition: .5s;}
#con1_win #col1-close span:nth-child(2){display: block;width: 20px;height: 3px;background: #fff;position: absolute;top: 50%;left: 5px;border-radius:2px ;transition: .3s;}
#con1_win #col1-close span:nth-child(3){display: block;width: 20px;height: 3px;background: #fff;position: absolute;top: 70%;left: 5px;border-radius:2px ;transition: .5s;}
#col1-close:hover span:nth-child(2){transition: .3s;opacity: 0;}
#col1-close:hover span:nth-child(1){transform: rotate(45deg);width: 25px!important;transition: .5s;top: 48%!important;left: 7%!important;}
#col1-close:hover span:nth-child(3){transform: rotate(-45deg);width: 25px!important;transition: .5s;top: 48%!important;left: 7%!important;}
#navs>ul{position: relative;}
/*#navs>ul>li:first-child{position: absolute;top:-40px;right: 0;}*/
#navs ul li{font-size:15px}
.productlist>a>h3{font-size: 20px;font-weight: bold;color: #0670B9;position: relative;padding-left: 1%;padding: 10px 0;display:block;width: 30%;margin: 30px auto 10px;text-align: center;font-weight: 500;}
.productlist>a>h3:after{content: "";position: absolute;top: 50%;right: -50%;width: 50%;height: 1px;display: block;background: #0670B9;}
.productlist>a>h3:before{content: "";position: absolute;top: 50%;left: -50%;width: 50%;height: 1px;display: block;background: #0670B9;}
.productlist>div>a>img{width: 100%;}
.productlist>div{padding: 3%;}
.productlist>div .producttext{width: 100%;float: left;/*word-wrap:break-word;white-space:nowrap;*/text-align: center;}
.productlist>div .producttext{display:block;/*text-overflow:ellipsis;*/overflow:hidden;}
.productlist>div .producttext h2{font-weight: bold;margin-bottom: 2px;color: #0a5ca6;font-size: 15px;margin-top: 10px;}
/* .productlist>div>a>div.productbutton{width: 19%;float: right;height: 2.5rem;line-height: 2.5rem;background: #0670B9;text-align: center;color: white;cursor: pointer;margin-top: -2.5rem;text-decoration: none;position: relative;z-index: 100;}*/
.productlist>div>a>div.productbutton{background: #0670B9;text-align: center;color: white;cursor: pointer;text-decoration: none;position:absolute;z-index: 100;right: 0; bottom:0; padding:3px 5px;}
.productlist>div>a{display: block;border: 1px solid #0670B9;overflow: hidden;width: 100%; position: relative;}
.productlist>div>a>img{transition: .3s;}
.productlist>div>a:hover>img{transform: scale(1.1,1.1);transition: .3s;}
.productlist a:hover{text-decoration: none!important;}
.productlist>div>a>div.productbutton:active{box-shadow: 0 0 8px #333 inset;background: #0099FF;}
.productlist>div>a>div.productbutton:hover{background: #0099FF;transition: .1s;}

#newBridge .icon-right-center{top:485px!important;right: 10px!important;}
#carright{position: fixed;top:50px;right: 10px;width: 170px;}
#carright img{width: 170px;}
#nb_icon_wrap, #nb_icon_wrap>.nb-icon-inner-wrap{width:170px!important;}


@media(min-width:1200px){
	.productlist>div.col-lg-4{height: 360px;overflow: hidden;}
	.pcml{text-align: left;}
	.pcmr{text-align: right;}
}

@media(min-width:992px) and (max-width:1199px){
	.productlist>div.col-lg-4{height: 406px;overflow: hidden;}
	.pcml{text-align: left;}
	.pcmr{text-align: right;}
	.marn{margin-top: 0!important;}
	
}

@media(max-width: 991px) {
	.productlist>div.col-lg-4{height:auto;}
	#carright{display: none;}
	.pcml{text-align: left;}
	.pcmr{text-align: right;}
	.marn{margin-top: 0!important;}
}

	@media only screen and (max-width:750px){
		.don-bt{margin-bottom: 5rem;}
		#xscenter{text-align: left;}
		.pcml,.pcmr{text-align: center;}
	}
	@media only screen and (min-width:750px){
	.imgtop{margin-top: 6rem;}
}
.inst{padding: 0;}
.inst li{list-style: none;margin: 5px 0;}
.inst li img{width: 100%;}
@media only screen and (max-width:768px){
	.repor>div.col-xs-6:nth-child(2n+1){clear: both;}
}
.dl-tw{margin-bottom: 20px;}
.textin{text-indent: 2em;}
.pmn{margin: 0;}

/*在线咨询样式*/
@media (max-width:767px) {
#newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{background: #0670b9 url("http://sgoutong.baidu.com/embed/1537434527/asset/embed/css/mobile/mimg/module-bg-0.png") center center no-repeat!important;background-size: 50px!important}
#newBridge .nb-invite-wrap-0{background-color: #0670b9!important;}
.nb-invite-wrap-base{min-height: 98px!important;}
#nb_icon_wrap{height:60px!important;}
#newBridge .nb-icon-right-center{top:auto!important;bottom:-30px!important;right:auto!important}
#nb_icon_wrap, #nb_icon_wrap>.nb-icon-inner-wrap{width:100%!important}
#newBridge .nb-invite-wrap-0 .nb-invite-ok{color:#0670b9!important}
}
/*在线咨询样式结束*/
@media (max-width:914px) {
    #meu{position: absolute;
    margin: 0;
    bottom: 20px;
    right: 10px;}
    .footer{margin-bottom: 60px;padding: 2.8% 0;}
    }

table{background: #e2e2e2;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td,.table-bordered{border: 1px solid #c7c7c7;}
.dropdown-menu{margin-top: 0;}

@media only screen and (min-width: 1025px){
	#backtop {
		position: fixed;
		bottom: 50px;
		right: 50px;
		border: none;
		background: none;
		display: none;
	}
	
	#backtop img {
		width: 50px;
	}

}