@charset "utf-8";

* { margin:0; padding:0; list-style:none}
a { text-decoration:none;}
img { border:none;}
body { background:#fff; font-family:"微软雅黑";}
.clear { clear:both;}

.w1200 {
	width:1200px;
	margin-left:auto;
	margin-right:auto}
.y-con {
	overflow:hidden;
	padding:80px 0}
.b1 li {
	width:400px;
	float:left;
	text-align:center;
	height:300px}
.b1-pic {
	width:145px;
	height:145px;
	border-radius:50%;
	background:#e1e1e1 no-repeat center center;
	margin:auto}
.b1-t {
	font-size:22px;
	color:#575757;
	margin:30px 0 20px}
.b1-line {
	width:40px;
	height:8px;
	background:#e1e1e1;
	margin:0 auto}
.b1 li p {
	text-align:left;
	margin:15px auto 0;
	font-size:14px;
	color:#999;
	line-height:22px;
	width:260px}
.b1 li:hover .b1-pic { background-color:#dc223a}
.b1 li:hover .b1-line {background-color:#dc223a}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.b1 li:hover .b1-pic {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.b-t {
	text-align:center;
	margin-bottom:55px}
.b-t1 {
	color:#000;
	font-size:30px}
.b-t2 {
	color:#575757;
	font-size:14px;
	margin:5px 0 10px}
.gywm-l {
	float:left;
	width:580px}
.gywm-l dl {margin-top:20px}
.gywm-l dt a {
	font-size:18px;
	color:#dc223a}
.gywm-l dt {margin-bottom:5px}
.gywm-l dd {
	font-size:12px;
	color:#575757;
	line-height:25px;
	text-indent:2em}
a.djxq {
	display:block;
	width:130px;
	line-height:25px;
	background:#108bf3;
	color:#fff;
	font-size:14px;
	border-radius:5px;
	margin:10px auto 0;
	text-align:center}
.gywm-r {
	float:right;
	width:575px}
.zxtz {
	font-size:18px;
	color:#dc223a}
.zxtz-a {
	display:block;
	overflow:hidden;
	padding:20px 0;
	border-bottom:dashed 1px #ccc}
.zxa-l {
	float:left;
	background:#b0b8c3;
	width:55px;
	height:60px;
	border-radius:2px;
	text-align:center;
	color:#fff;
	font-size:12px}
.zxa-l span {
	font-size:22px;
	margin:5px 0 2px;
	display:block}
.zxtz-a dl {
	float:right;
	width:505px}
.zxtz-a dt {color:#4ec4e2}
.zxtz-a dd {
	font-size:12px;
	color:#575757;
	line-height:18px;
	margin-top:2px;
	height:36px;
	overflow:hidden}
.zxtz-a:hover .zxa-l { background:#108bf3}
.choose li {
	float:left;
	width:240px;
	height:260px;
	padding:20px 30px;
	color:#fff}
.choose-n {
	font-size:36px;
	text-align:right}
.choose-t {
	font-size:22px;
	text-align:center;
	line-height:110px}
.choose li p {
	font-size:12px;
	text-indent:2em;
	line-height:20px}
.choose img {
	width:300px;
	height:300px;
	float:left}
.case {
	margin-left:-30px;
	overflow:hidden}
.case a {
	float:left;
	display:block;
	border-radius:2px;
	margin:0 0 30px 30px}
.case a img {
	border-radius:2px;
	width:378px;
	height:251px}
a.case-more {
	display:block;
	margin:10px auto 0;
	color:#dd233a;
	border:solid 1px #dd233a;
	font-size:18px;
	border-radius:2px;
	width:150px;
	line-height:45px;
	text-align:center;
	transition:0.2s}
a.case-more:hover {
	background:#dd233a;
	color:#fff;
	text-decoration:none}
.zxzx dl {
	float:left;
	width:345px;
	margin-left:65px}
.zxzx dl dt {
	font-size:20px;
	padding:8px 0 8px 8px;
	overflow:hidden;
	border-bottom:solid 1px #999;
	margin-bottom:10px}
.zxzx dl dt img {
	margin-right:10px;
	vertical-align:bottom}
.zxzx dl dd {width:auto}
.zxzx dl dd a {
	display:block;
	line-height:27px;
	font-size:14px;
	color:#575757;
	margin:0 8px;
	clear:both}
.zxzx dl dd a font {
	float:left;
	margin-right:10px}
.zxzx dl dd a li {
	float:left;
	width:68%;
	overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.zxzx dl dd a div {
	float:left;
	color:#999;
	margin-right:5px}
.zxzx dl dd a span {
	float:right;
	color:#999}
.zxzx dl dd a:hover, .zxzx dl dd a:hover span, .zxzx dl dd a:hover div {color:#dc223a}
.lxwm {
	height:610px;
	background:url(../pictures/xinfeng.png) left bottom no-repeat}
.lxxx {
	float:left;
	margin:190px 0 0 150px;
	width:285px}
.lxxx-con {
	margin-top:50px}
.lxxx-con li {
	line-height:30px;
	clear:both;
	color:#575757;
	font-size:14px}
.lxxx-con li span {
	width:25px;
	height:30px;
	background:url(../pictures/lxxx-icon.png) no-repeat;
	margin-right:10px;
	float:left}
.tjxq {
	float:left;
	margin:190px 0 0 -35px}
.tjxq li {
	margin-bottom:15px;
	color:#999;
	font-size:18px;
	line-height:35px}
.tjxq li input, .tjxq li textarea {
	border:none;
	border-radius:2px;
	background:#bec4d4;
	color:#fff;
	font-size:18px;
	vertical-align:top}
.tjxq li input {
	padding:0 5px;
	width:250px;
	height:35px}
.tjxq li textarea {
	width:250px;
	height:95px;
	padding:5px}
.tjxq input[type="submit"]{
	width:155px;
	height:35px;
	background:#2b3036;
	border:none;
	color:#fff;
	font-size:18px;
	margin:10px 0 0 105px;
	border-radius:2px;
	cursor:pointer}
.tjxq input[type="submit"]:hover { background:#dc223a}

.all-t {font-size:20px;color:#fff;margin-bottom:15px;text-align:center}
.tel-kf-share-top {
  position: fixed;
  right: 0;
  right:calc(50% - 650px);
  z-index: 9999;
  display: block;
  bottom: 50px;
  bottom:calc(50% - 102px);
}
/* line 74, ../sass/foot.scss */
.tel-kf-share-top ul li {
  margin-top: 1px;
  height: 50px;
  width: 50px;
}
/* line 78, ../sass/foot.scss */
.tel-kf-share-top ul li .item-wrap {
  display: block;
  width: 180px;
  height: 50px;
  position: relative;
  overflow:hidden;
}
/* line 83, ../sass/foot.scss */
.tel-kf-share-top ul li .item-wrap .text {
  display: inline-block;
  padding-left: 50px;
  width:130px;
  height: 50px;
  line-height: 50px;
  background-color: #dc223a;
  color: #ffffff;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 150px;
  z-index: 9;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  font-size:20px;
  transition:right .5s;
}
.tel-kf-share-top ul li:hover .item-wrap .text {
	right:0!important;
	opacity: 1;
	filter: alpha(opacity=100);
	}

/* line 99, ../sass/foot.scss */
.tel-kf-share-top ul li .item-wrap .icon {
  display: inline-block;
  height: 50px;
  width: 50px;
  background-color: #848484;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tel-kf-share-top ul li:hover .item-wrap .icon {
	background:#dc223a;
	opacity: 1;
	filter: alpha(opacity=100);
	}

.tel-kf-share-top ul li .item-wrap .icon .demand {
    margin-top: 5px;
    color: #fff;
}

.tel-kf-share-top ul li .item-wrap .icon .demand_two {
    color: #fff;
    margin-top: 2px;
}
/* line 117, ../sass/foot.scss */
.tel-kf-share-top ul .current .item-wrap .icon {
  background-color: #dc223a;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 122, ../sass/foot.scss */
.tel-kf-share-top ul .current .item-wrap .text {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 129, ../sass/foot.scss */
.tel-kf-share-top ul .top span {
  background: url(../images/to-top-icon.png) no-repeat center #848484;
  display: inline-block;
  height: 50px;
  width: 50px;
  float: right;
  cursor: pointer;
}
/* line 136, ../sass/foot.scss */
.tel-kf-share-top ul .top span:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}