@charset "utf-8";
/* CSS Document */
header{ background:#fff; height:60px; border-bottom:1px #e5e5e5 solid; position:fixed; z-index:1000; width:100%; top:0;}
header .-logo{ padding-top:7px;} 
header .-top-menu{ margin-left:60px;}
header .-top-menu .-btn{ color:#333333; height:28px; line-height:28px; border-radius:4px; padding:0px 22px; float:left; margin-top:16px; display:block;}
header .-top-menu .-btn.-h ,header .-top-menu .-btn:hover{ background:#00225f; color:#fff; display:block;}
section.featured{padding:10px 0; background:#F0F0ED;border-top:5px solid #ECECE8; }
.row { margin-right: -15px;margin-left: -15px;}
.col-md-3{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float:left; width:25%;}
.counters strong{display:block;font-weight:600;font-size:50px;line-height:60px}
.counters label{display:block;font-weight:100;font-size:20px;line-height:20px}
.container { padding-right: 15px; padding-left: 15px; margin-right: auto;margin-left: auto;}
.linian-us{
	text-align:center;
	padding:3em 0;
	width:1000px;
	margin:0 auto;
	height:600px;
}
.linian h3{
	margin: 0 0 0.5em;
	font-size: 2.8em;
	color: #000;
	font-weight: 400;
}
.linian p{
	margin: 0 auto;
	font-size: 1.3em;
	color: #a1a1a1;
	line-height:33px;
	width:60%;
	padding:0 0 3em;
}
.grid-about h4{
	margin: 1em 0 0em;
	font-size: 1.5em;
	color: #f1a957;
	font-weight: 400;
}
h4.design{
	color:#807ad2;
}
h4.set{
	color:#dc4856;
}
.grid-about p{
	margin: 1em auto;
	font-size: 1.0em;
	line-height:33px;
	color: #a1a1a1;
	width:73%;
}
  .col-md-4 {
    width: 33.33333333%; float:left;
  }
.bt1{width:180px; height:40px; border-radius:20px; background-color:#7477b0; line-height:40px; text-align:center; color:#fff; display:block; margin:0 auto;}  
.bt1:hover{width:180px; height:40px; border-radius:20px; background-color:#5f639d; line-height:40px; text-align:center; color:#fff; display:block; margin:0 auto; text-decoration:none;}
a{text-decoration:none;} 
.products-for{
	text-align:center;
	width:1000px;
	margin:0 auto;
	height:100px;
}
.products h3{
	margin: 0 0 0.5em;
	font-size: 2.8em;
	color: #000;
	font-weight: 400;
}
.jiantou{width:1000px; height:30px; background-image:url(../images/jiantou.png); background-repeat:no-repeat; margin:0 auto;}
.gongneng1{height:400px; width:100%}
.gongneng2{height:400px; background-color:#eeeeee; width:100%}
.gongneng3{height:580px; width:100%; padding: 0px 50px;}
.gongneng3 h3{margin: 0.5em 0 0.5em;
	font-size: 2.8em;
	color: #000;
	font-weight: 400;
	text-align:center;}
.text{width:300px;  text-align:left; padding-right:40px; margin-top:100px; float:right;}
.text h3{
	margin: 0 0 0.5em;
	font-size: 2.8em;
	color: #000;
	font-weight: 400;
}
.text p{
	font-size: 1.0em;
	color: #a1a1a1;
	line-height:30px;
	padding:0 0 3em;
}
.text1{width:300px;  text-align:left; margin-top:100px; float:left;}
.text1 h3{
	margin: 0 0 0.5em;
	font-size: 2.8em;
	color: #000;
	font-weight: 400;
}
.text1 p{
	font-size: 1.0em;
	color: #a1a1a1;
	line-height:30px;
	padding:0 0 3em;
}
.text2{width:320px;  text-align:left; margin-top:100px; float:left; margin-left:100px;}
.text2 h3{
	margin: 0 0 0.5em;
	font-size: 2.8em;
	color: #fff;
	font-weight: 400;
}
.text2 p{
	font-size: 1.0em;
	color: #fff;
	line-height:30px;
}
.text3{width:350px;  text-align:left; margin-right:50px; margin-top:100px; float:right;}
.text3 h3{
	margin: 1em 0 0.5em;
	font-size: 2.4em;
	color: #000;
	font-weight: 400;
}
.text3 p{
	font-size: 1.0em;
	color: #a1a1a1;
	line-height:30px;
	margin-top:50px;
}

.text4{width:350px;  text-align:left; margin-left:50px; margin-top:100px; float:left;}
.text4 h3{
	margin: 1em 0 0.5em;
	font-size: 2.4em;
	color: #fff;
	font-weight: 400;
}
.text4 p{
	font-size: 1.0em;
	color: #fff;
	line-height:30px;
	margin-top:50px;
}

.text5{width:320px;  text-align:left; margin-top:70px; float:left; margin-left:100px;}
.text5 h3{
	margin: 0 0 0.5em;
	font-size: 1.6em;
	color: #fff;
	font-weight: 600;
}
.text5 p{
	font-size: 1.0em;
	color: #fff;
	line-height:30px;
}

.text6{width:350px;  text-align:left; margin-right:50px; margin-top:50px; float:right;}
.text6 h3{
	margin: 0 0 0.3em;
	font-size: 1.6em;
	color: #000;
	font-weight: 600;
}
.text6 p{
	font-size: 1.0em;
	color: #a1a1a1;
	line-height:30px;
}

.mid-grid{
	background:url(../images/midbg.png) 0px 0px;
	width:100%;
	min-height:400px;
	display:block;
	background-size:cover;
}
.kehu-xq{
	text-align:center;
	padding:3em 0;
	width:1000px;
	margin:0 auto;
	height:850px;
}
.kehu h3{
	margin: 0 0 0.5em;
	font-size: 2.8em;
	color: #000;
	font-weight: 400;
}
.kehu-xq img{border:1px #d2d2d2 solid; border-radius:65px; margin-right:50px;}
.jiaodian{
	text-align:center;
	padding:3em 0;
	width:1000px;
	margin:0 auto;
	height:710px;
}
.jiaodian h3{
	margin: 0 0 0.5em;
	font-size: 2.8em;
	color: #000;
	font-weight: 400;
}

.bottom-grid{
	background:url(../images/bottombg.png) 0px 0px;
	width:100%;
	min-height:180px;
	display:block;
	background-size:cover;
}
.contact{color:#fff; font-size:2.8em; width:500px; margin-top:50px; margin-left:40px;}
.xinxi{color:#fff; font-size:0.8em; margin-top:30px; margin-left:40px; width:500px;}
.weixin{float:right; margin-top:30px; margin-right:50px;}
.guanzhu{float:right; color:#fff; margin-top:10px; margin-right:20px;}

.-fixed{border:2px solid #eaeaea; width:90px; text-align:center; top:100px; left:40px;}
.-fixed a{ float:left; width:100%}
.-fixed a.-t-u{ color:#999999; padding:20px 0px;}
.-fixed a.-t-u:hover{text-decoration: underline;}
.-fixed a.-t-u.-h{ color:#59b7e5;}

.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(51, 51, 51, 0.9);z-index: 999;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.cd-popup.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container {position: relative;width: 100%;max-width: 820px;margin: 6% auto 0;border-radius: 8px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.form-box{padding: 40px 80px 40px 80px;width: 450px;background: #fff;}
h2{font-size:2.6em;font-weight:300;line-height:42px;margin:0 0 32px 0}
h2.short{margin-bottom:15px}
body h2{font-size:24px}
.row1 {
  margin-right: -15px;
  margin-left: -15px;
}
.form-group {
  margin-bottom: 15px;
}
.form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn-form{margin: 0 auto;display: block; text-align:center;}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border:none;
  width:100%;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border:none;
  
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.cd-popup-container .cd-popup-close {position: absolute;top: 15px;right: 15px;width: 20px;height: 20px;}
.lh24{line-height:24px;}
.line-gray{height:1px; width:100%; background:#d2d2d2;}

.xuanfu{position:fixed; right:0px; top:45%;}
.xuanfu1{width:52px; height:181px; background-image:url(../images/xuanfu1.png); float:right; margin-top:15px;}
.xuanfu3{width:52px; height:181px; background-image:url(../images/xuanfu3.png); float:right; margin-top:15px;}
.product1{height:580px; width:100%; overflow:hidden;}
.product2{height:580px; width:100%; overflow:hidden; background:url(../images/product-bg1.png);}
.product3{height:580px; width:100%; overflow:hidden; background:url(../images/product-bg3.png);}
.vision1{height:580px; width:100%; overflow:hidden; background:#33B0EA;}
.xuxian{width:1000px; height:1px; margin:0 auto; background:url(../images/xuxian.png) no-repeat;}
.pic img{display:block; margin:0 auto;}
.shenglue{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.shenglue2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.shenglue3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.dongtaibox{width:300px; height:90px; background:url(../images/dongtaibox.png) no-repeat;}
.dongtaibox2{width:300px; height:90px; background:url(../images/dongtaibox2.png) no-repeat;}
.dongtaibox:hover{width:300px; height:90px; background:url(../images/dongtaibox-h.png) no-repeat;}
.dongtaibox2:hover{width:300px; height:90px; background:url(../images/dongtaibox2-h.png) no-repeat;}
.fuwu{width:33.3%; text-align:center; height:280px; background:#fafafa; float:left;}
.fuwu1{width:33.3%; text-align:center; height:280px; background:#f2f2f2; float:left;}
.dingzhi{width:25%; text-align:center; height:280px; float:left;}
.hygl{width:100px; height:100px; background:url(../images/hygl-m.png) no-repeat; margin:0 auto;}
.hygl:hover{width:100px; height:100px; background:url(../images/hygl-h.png) no-repeat; margin:0 auto;}
.hyyx{width:100px; height:100px; background:url(../images/hyyx-m.png) no-repeat; margin:0 auto;}
.hyyx:hover{width:100px; height:100px; background:url(../images/hyyx-h.png) no-repeat; margin:0 auto;}
.hygl{width:100px; height:100px; background:url(../images/hygl-m.png) no-repeat; margin:0 auto;}
.hygl:hover{width:100px; height:100px; background:url(../images/hygl-h.png) no-repeat; margin:0 auto;}
.hygl{width:100px; height:100px; background:url(../images/hygl-m.png) no-repeat; margin:0 auto;}
.hygl:hover{width:100px; height:100px; background:url(../images/hygl-h.png) no-repeat; margin:0 auto;}
.khgh{width:100px; height:100px; background:url(../images/khgh-m.png) no-repeat; margin:0 auto;}
.khgh:hover{width:100px; height:100px; background:url(../images/khgh-h.png) no-repeat; margin:0 auto;}
.sjgl{width:100px; height:100px; background:url(../images/sjgl-m.png) no-repeat; margin:0 auto;}
.sjgl:hover{width:100px; height:100px; background:url(../images/sjgl-h.png) no-repeat; margin:0 auto;}
.dzfw{width:100px; height:100px; background:url(../images/dzfw-m.png) no-repeat; margin:0 auto;}
.dzfw:hover{width:100px; height:100px; background:url(../images/dzfw-h.png) no-repeat; margin:0 auto;}