/*========================================================
                    Main layout styles
=========================================================*/
body {
	background: #ffffff; font-size:14px; font-family:Microsoft Yahei, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1.428571429; margin:0;
	color: #666;
}


p {
	margin-bottom: 20px;
	line-height: 24px;
}
p strong {
	font-weight: 600;
}
h1.navbar-brand_ {
	margin: 0;
	padding: 0;
	float: left;
	height: auto;
	position: relative; _position:inherit;
	top: 0;
	z-index: 10;
}
h1.navbar-brand_ a {
	display: inline-block;
}
h1.navbar-brand_ a img {
	width:298px; height:60px;
}


.center {
	text-align: center;
}
/*========================================================
                    header
=========================================================*/
header {
	position: relative;
	margin: 0;
	padding: 30px 0 0 0;
	z-index: 11;
	border-top: 10px solid #3e454c;
}
.telright{ float:right; width:30%; text-align:right; font-size:28px; padding:15px 0; background:url(../images/phone.png) no-repeat left 14px; color:#DF9B0D}
.telright span{ font-size:20px; color:#000}
/* menu
========================================================*/
.tm_navbar {
	border: none;
	padding: 0;
	margin: 20px 0 10px 0;
	float: none;
	min-height: 0;
	background: none; background:#393939; width:100%; overflow:hidden;
}
.tm_navbar li {
	position: relative; _position:inherit;
	font-size: 14px;
	line-height: 24px;
	padding: 0;
	margin: 0;
	float: left; border-right:#555 1px solid;
}

.tm_navbar li::after {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
}
.tm_navbar li a {
	position: relative;_position:inherit;
	padding: 0; font-weight:600; font-size:18px; line-height:70px;
	width: 190px; *width: 180px;
	text-align: center;
	color: #fff; _display:inline-block;
	
	background: transparent;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.tm_navbar li.active > a {
	color: #ffffff;
	background: #3498db !important;
}
.tm_navbar li.active > span {
	color: #ffffff !important;
}
.tm_navbar li.active:first-child > a {
}
.tm_navbar li:hover > a {
	color: #ffffff;
	background:#F9BC06;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
*html .tm_navbar li.active{background:#F9BC06;}
*html .tm_navbar li a:hover{color: #ffffff; background:#F9BC06; text-decoration:none;}
.tm_navbar li:hover > span {
	color: #ffffff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.tm_navbar li:hover:first-child > a {
}
.tm_navbar .sfHover > a {
	color: #ffffff;
	background: #3498db;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.tm_navbar .sfHover > span {
	color: #ffffff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.tm_navbar .sfHover:first-child > a {
}
.tm_navbar li span {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 6px;
	color: #3498db;
	font-size: 14px;
	z-index: 0;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}


/*========================================================
                    -Content-
=========================================================*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 80px;
	right: 30px;
	width: 42px;
	height: 42px;
	overflow: hidden;
	border: none;
	z-index: 20;
	text-indent: -9999px;
}
#toTop:hover {
	outline: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.who-box {
	overflow: hidden;
}
.who-box .col-lg-4 {
	margin-bottom: 26px;
}
.thumb-box1 {overflow: hidden;padding: 0; margin-bottom:40px;}

.thumb-box1 .col-lg-4{ float:right}
.thumb-box1 .box {
	padding: 40px 0 44px 0;
	position: relative; height:170px; *height:86px;
}
.thumb-box1 .box1 {
	background: #0168B3 url(../images/cp.jpg) no-repeat left top;
}
.thumb-box1 .box1 a,.thumb-box1 .box2 a,.thumb-box1 .box3 a {
	background:#f2f2f2 url(../images/more_arrow.png) center center no-repeat;
}
.thumb-box1 .box2 {
	background: #8fbf4d url(../images/kl.jpg) no-repeat left top;
}

.thumb-box1 .box3 {
	background: url(../images/wl.jpg) no-repeat left top;
}

.thumb-box1 .title {
	 font-size:18px; line-height:20px; font-weight:500;
	color:#000; float:left; width:100%;
}   .thumb-box1 .box p{ margin-bottom:0;}
.thumb-box1 .description {
	font: 300 20px/20px 'Microsoft yahei';
	color: #ffffff;
	margin-bottom: 0;
	
}
.thumb-box1 a {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
.thumb-box1 a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.thumb-box2 {
	overflow: hidden;
}
.thumb-box2 hr {
	border-top: 1px solid #ebeced;
	margin: 0 0 40px 0;
}
.thumb-box3 {
	overflow: hidden;
}
.thumb-box3 hr {
	border-top: 1px solid #ebeced;
}
.thumb-box3 .title {
 font-weight:600; line-height:40px; font-size:30px;

	color:#F9BC06;
	margin-bottom:20px; margin-top:20px;
}
.thumb-box3 .title3 { font-weight:600; line-height:40px; font-size:30px;
	color: #3e454c;
	margin-bottom:20px; margin-top:20px;
}
.thumb-box3 .description {
	font: 300 30px/30px;
	
	color: #757575;
	margin-bottom: 53px;
}
.thumb-box3 .description2 {
	font: 300 30px/30px 'Microsoft yahei';
	
	color: #979797;
	margin-bottom: 53px;
}
.thumb-box3 .col-lg-8, .thumb-box3 .col-lg-4 {
	margin-bottom: 6px;
}
.thumb-box4 {
	overflow: hidden;
	padding: 0 0 20px 0;
}
.thumb-box4 hr {
	border-top: 1px solid #ebeced;
	margin: 0 0 40px 0;
}
.thumb-box5 {
	overflow: hidden;
	padding: 0 0 35px 0;
}
.thumb-box6 {
	padding: 0 0 75px 0;
}

/* thumbs
========================================================*/
.thumb-pad1 {
	margin: 0 0 26px 0;
}
.thumb-pad1 .thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
}
.thumb-pad1 figure {
	margin: 0 0 27px 0;
}
.thumb-pad1 figure img {
	width: 100%;
}
.thumb-pad1 .thumbnail .caption {
	padding: 0;
}
.thumb-pad2 {
	margin: 0;
	padding: 0;
}
.thumb-pad2 .thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
}
.thumb-pad2 .thumbnail .caption {
	padding: 0;
}
   .thumb-pad2 .thumbnail .caption p{ text-indent:30px; line-height:28px;}
.thumb-pad2 figure {
	margin: 5px 27px 5px 0;
	float: left;
}




.thumb-pad3 {
	margin: 0 0 23px 0;
	overflow: hidden;
}
.thumb-pad3 .badge {
	position: relative;
	padding:6px 0 6px 0;
	margin: 0;
	box-shadow: none;
	text-shadow: none;
	border: none;
	border-radius: 0;
	background: #9e9e9e;
	width: 85px;
	display: inline-block; font-weight:600; line-height:40px;
	color: #ffffff;
	float: none;
	margin-right: 30px;
	float: left;
}
.thumb-pad3 .badge span {
	font-size: 15px;
	
	color: #ffffff;
	display: block;
	font-weight: normal;
	margin-top: -6px;
	position: relative;
	
}
.thumb-pad3 .badge > div {
	padding-bottom: 0;
}
.thumb-pad3 .badge a {
	background: #0168B3;
	text-align: center;
	display: block;
	padding: 7px 0;
	color: #ffffff;
	font: 300 15px/34px 'Microsoft yahei';
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.thumb-pad3 .badge a:hover {
	background: #3e454c;
}
.thumb-pad3 .badge em {
	display: inline-block;
	width: 12px;
	height: 15px;
	position: absolute;
	top: 14px;
	right: -12px;
}
.thumb-pad3 .thumbnail {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
	overflow: hidden;
}
.thumb-pad3 .thumbnail .caption {
	padding: 0;
	overflow: hidden;
}
.thumb-pad3 .thumbnail .caption p {
	margin-bottom: 0;
}
.thumb-pad3 .thumbnail .caption .title4 {
	 font-size:14px; line-height:25px; font-weight:600; margin:0;
	color: #0168B3;
}
.thumb-pad3 .thumbnail .caption .description4 {
	font: 14px 'Microsoft yahei';
	color: #757575;
	margin-bottom: 11px;
	
}



.col-lg-6 .thumb-pad3 { margin-bottom:40px;}
.col-lg-6 .thumb-pad3 .badge { background:#dedett}
.thumb-pad4 {
	margin: 0;
	overflow: hidden;
}
.thumb-pad4 .thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
}
.thumb-pad4 .thumbnail .caption {
	padding: 0;
}
.thumb-pad4 figure {
	margin: 0 0 27px 0;
}
.thumb-pad4 figure img {
	width: 100%;
}
.thumb-pad5 {
	margin: 0 0 40px 0;
	overflow: hidden;
}
.thumb-pad5 .thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
}
.thumb-pad5 .thumbnail .caption {
	padding: 0;
	overflow: hidden;
}
.thumb-pad5 .thumbnail .caption p {
	margin: 15px 0 0 0;
}
.thumb-pad5 .thumbnail .caption p a {
	color: #3e454c;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.thumb-pad5 .thumbnail .caption p a:hover {
	color: #0168B3;
}
.thumb-pad5 .thumbnail .caption .lnk {
	font: 20px 'Microsoft yahei';
	color: #3e454c;
	
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.thumb-pad5 .thumbnail .caption .lnk:hover {
	color: #0168B3;
}
.thumb-pad5 figure {
	margin: 0 0 26px 0;
}
.thumb-pad5 figure img {
	width: 100%;
}
.thumb-pad6 {
	overflow: hidden;
	text-align: left;
	margin-bottom: 30px;
	padding: 20px 20px 33px 20px; _padding: 10px 10px 33px 10px;
	border: 1px solid #ebeced; height:445px; *height:400px; overflow:hidden;
}
.thumb-pad6 .thumbnail {
	position: relative;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: none;
}
.thumb-pad6 .thumbnail .caption {
	padding: 0;
	overflow: hidden;
}
.thumb-pad6 .thumbnail .caption h3{ *margin-top:15px;}
.thumb-pad6 figure {
	margin: 0 0 21px 0;
}   .thumb-pad6 .thumbnail .caption p{ height:50px; overflow:hidden;}
.thumb-pad6 figure img {
	width:330px; height:244px;
}
.thumb-pad7 {
	margin: 0 0 50px 0;
	overflow: hidden;
}
.thumb-pad7 .badge {
	position: relative;
	padding: 0;
	margin: 0;
	box-shadow: none;
	text-shadow: none;
	border: none;
	border-radius: 0;
	line-height: 23px;
	background: #0168B3;
	width: 70px;
	display: inline-block;
	font: 600 40px 'Microsoft yahei';
	color: #ffffff;
	float: none;
	margin-right: 25px;
	float: left;
}
.thumb-pad7 .badge span {
	font-size: 15px;
	
	color: #ffffff;
	display: block;
	font-weight: normal;
	margin-top: -6px;
	position: relative;
	padding: 0 0 19px 0;
}
.thumb-pad7 .badge > div {
	padding-bottom: 0;
}
.thumb-pad7 .badge a {
	text-align: center;
	display: block;
	padding: 0;
	color: #ffffff;
	font: 300 15px/34px 'Microsoft yahei';
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.thumb-pad7 .badge a:hover {
}
.thumb-pad7 .badge em {
	display: inline-block;
	width: 12px;
	height: 15px;
	position: absolute;
	top: 14px;
	right: -12px;
}
.thumb-pad7 .thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
	overflow: hidden;
}
.thumb-pad7 .thumbnail .caption {
	padding: 0;
	overflow: hidden;
}
.thumb-pad7 figure {
	margin: 0 30px 0 0;
	float: left;
}
.thumb-pad7 figure img {
	width: 100%;
}

/* btn
========================================================*/
.btn-default.btn1 {
	box-shadow: none;
	text-decoration: none;
	display: inline-block;
	padding: 0 36px;
	font: 600 20px/50px 'Microsoft yahei';
	margin: 0;
	border-radius: 0;
	color: #ffffff;
	background: #3498db;
	
	float: none;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.btn-default.btn1:hover {
	color: #ffffff;
	background: #3e454c;
	text-decoration: none;
}
.btn-default.btn2 {
	box-shadow: none;
	text-decoration: none;
	display: inline-block;
	padding: 0 36px;
	font: 600 20px/50px 'Microsoft yahei';
	margin: 0;
	border-radius: 0;
	color: #ffffff;
	background: #8fbf4d;
	
	float: none;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.btn-default.btn2:hover {
	color: #ffffff;
	background: #3e454c;
	text-decoration: none;
}
.btn-default.btn3 {
	box-shadow: none;
	text-decoration: none;
	display: inline-block;
	padding: 0 36px;
	font: 600 20px/50px 'Microsoft yahei';
	margin: 0;
	border-radius: 0;
	color: #ffffff;
	background: #0168B3;
	
	float: none;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.btn-default.btn3:hover {
	color: #ffffff;
	background: #3e454c;
	text-decoration: none;
}
.btn-default.btn4 {
	box-shadow: none;
	text-decoration: none;
	display: inline-block;
	padding: 0 20px;
	font: 600 14px/45px 'Microsoft yahei';
	border-radius: 0;
	color: #ffffff;
	background: #0168B3;
	
	float: none;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.btn-default.btn4:hover {
	color: #ffffff;
	background: #3e454c;
	text-decoration: none;
}
/* list
========================================================*/
.list1 {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list1 li {
	font-size: 14px;
	line-height: 1.428571429;
	margin: 0 0 11px 0;
	padding-left: 25px;
	background: url(../images/list_arrow.png) left 3px no-repeat;
}
.list1 li a {
	color: #3e454c; 
	
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.list1 li a:hover {
	color: #0168B3;
}


/*========================================================
                    footer
=========================================================*/
footer{ background:#3e454c; padding:18px 0; margin-top:10px;}
footer hr {
	border-top: 1px solid #ebeced;
	margin: 20px 0 40px 0;
}
footer p {
	font: 300 14px 'Microsoft Yahei';
	color: #92a2af;	
	float: left;
	margin: 0;
}

footer em {
	font-style: normal;
}
.follow_icon {
	padding: 0;
	list-style: none;
	overflow: hidden;
	float: right;
}
.follow_icon li {
	float: left;
	margin: 0 0 0 4px;
}
.follow_icon li:first-child {
	margin: 0;
}
.follow_icon li a {
	width:80px;
	height: 34px;
	display: inline-block;
	overflow: hidden;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.follow_icon li a:hover img {
	margin-top: -34px;
}
/*===========================================================================================================================*/
/*Core variables and mixins*/
/*-------------------------------------------------*/

.contact_right{ width:58%; float:right; margin-bottom:30px;}  
.contact_left{ float:left; width:35%;}
.contact_left h3{color:#2c2f35; font-size:22px; margin-bottom:15px;}
.contact_left p{ color:#888; margin-bottom:20px; line-height:24px; padding:10px 0}
.contact_left p.address{ color:#555; font-size:15px; background:url(../images/adrs.png) no-repeat left 14px; padding-left:28px;}
.contact_left p.tel{ color:#0168B3; font-size:20px; background:url(../images/tel.png) no-repeat left 14px; padding-left:25px;}
.contact_left p.fax{ color:#555; font-size:16px; background:url(../images/fax.png) no-repeat left 14px; padding-left:28px;}
.contact_left p.email{ color:#555; font-size:16px; background:url(../images/email.png) no-repeat left 17px; padding-left:28px;}
.contact_left p.email a{ color:#222; font-size:17px;}
.contact_left p.email a:hover{ color:#222;}
.respond p{ margin-bottom:18px; text-indent:0;}
.respond p input { width:30%; margin-right:2%; border:0; border:1px solid #d8d8d8; background:#fff; color:#666; padding:13px 19px; font-family:Microsoft Yahei; *width:24%;}
.respond p textarea { width:100%; *width:90%; height:120px; border:none; border:1px solid #d8d8d8; background:#fff; color:#666; padding:13px 19px; font-family:Microsoft Yahei; font-size:15px;}
.respond .btn-primary{background:#0168B3; color:#fff; border:0;  font-size:18px; width:140px; padding:10px 10px; margin-right:20px; cursor:pointer;}
.respond .btn-primary:hover{ background:#222;}
.respond .btn-primary1{background:#222; color:#fff; border:0;  font-size:18px; width:140px; padding:10px 10px;cursor:pointer;}
.respond .btn-primary1:hover{ background:#0168B3;}

.pro_con{ width:100%; overflow:hidden}
.top_pro{ margin-bottom:20px; overflow:hidden;}
.top_pro img{ float:left; width:460px; float:left}
.describe{ float:right; width:57%;}   .describe h1{ font-size:30px; color:#039AE3; margin:0; padding:0;}
.describe p{ color:#666; margin-bottom:4px; line-height:24px;}
.describe p strong{ color:#131f2e;}
.tel-img{  width:352px; height:38px; margin:22px 0 15px;}
.hd-tit{ margin-bottom:20px; border-bottom:1px solid #d8d8d8; height:38px; position:relative; padding-bottom:57px; *padding-bottom:5px;}
.hd-tit h2{ border-bottom:3px solid #DF9B0D; height:42px; font-size:20px; position:absolute; left:12px;}
.jieshao p,.advantage p{ line-height:26px; text-indent:2em; margin-bottom:15px;}
.data,.pro-tool{ margin-bottom:25px; overflow:hidden; width:100%;}
table tr td{ text-align:center; padding:10px 0;}

.xg_pro{ width:100%; overflow:hidden; margin-top:30px; }  .xg_pro ul{ margin-left:-30px;width:100%; overflow:hidden;  }
.xg_pro li{ width:22%; margin:2% 3% 0 0; list-style:none; text-align:center; float:left}  .xg_pro li img{ width:100%; height:auto}
.xg_pro a:hover{ background:#fe3c00; color:#fff;}

.about{ width:100%; overflow:hidden;}   .about h3{ font-size:30px; color:#039AE3; margin-top:0; margin-bottom:20px;} .about h4{ font-size:24px; color:#222; margin-bottom:20px;}
.about p{ line-height:26px;}

.loca{ width:100%; overflow:hidden;line-height: 36px; margin-top:20px; margin-bottom:30px;}    
.loca span.biaoti {font-size: 30px; margin:0;font-weight: 600;color: #414141; float:left; width:45%; text-align:left; display:block;}
.loca span{ float:right; width:50%; text-align:right;}

.thumb-box2 h2{  font-weight: 600;
  line-height: 40px;
  font-size: 30px;
  color: #3e454c;
  margin-bottom:26px; margin-top:0;}
  
  
  .btn-primary3{
	position:relative;
	display:inline-block;
	padding:10px 65px !important;
 font-weight:600; font-size:18px;
	color:#fff !important;
	text-shadow:none;
	background:transparent !important;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	border:none;
	box-shadow:none;
	height:auto !important;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease; margin-top:20px; margin-bottom:20px;
}
.btn-primary3:before {
	background:#24B0ED;
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-1;
	content:'';
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.btn-primary3:after {
	background:#000;
	display:block;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	position:absolute;
	top:100%;
	right:0;
	bottom:0;
	left:0;
	z-index:-1;
	content:'';
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.btn-primary3:hover, .btn-primary3:active, .btn-primary3.active, .btn-primary3.disabled, .btn-primary3[disabled] {
	color:#fff !important;
	background:transparent;
	text-shadow:none;
	box-shadow:none;
	text-decoration:none;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.btn-primary3:hover:after, .btn-primary3:active:after, .btn-primary3.active:after, .btn-primary3.disabled:after, .btn-primary3[disabled]:after {
	top:0;
	-webkit-transform:rotateY(360deg) scale(1.0);
	-ms-transform:rotateY(360deg) scale(1.0);
	transform:rotateY(360deg) scale(1.0);
}