@charset "UTF-8";
/**
 * 字工场
 * @authors Mark (1801233226@qq.com)
 * @date    2016-04-25 14:26:00
 * @version 0.0.1
 */

/*Common*/
.com-width {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

#to-top {
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #ddd;
}
#to-top:hover {
  background-color: #ccc;
}

/*头部*/

.top-bar {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2;
  color: #666;
  font-size: 14px;
}

.top-tel {
  padding-left: 25px;
  background: url(../images/t_tel.png) left no-repeat;
}
.top-tel span {
  color: #cc0000;
  font-size: 18px;
  padding-left: 10px;
}

/*头部*/
.header {
  height: 109px;
  line-height: 109px;
  overflow: hidden;
}
.header .logo {
  display: inline-block;
  width: 320px;
  height: 109px;
  z-index: 5;
  background-color: #fff;
  position: relative;
}
.header .logo span {
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 14px;
  color: #333;
}
.header .logo img {
  vertical-align: middle;
}
.main-nav {
  height: 100%;
}
.main-nav ul li {
  float: left;
  padding-top: 5px;
  margin-left: 25px;
  position: relative;
}
.main-nav ul li a:before {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 35px;
  width: 0;
  height: 2px;
  background-color: #cc0000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.main-nav ul li:hover a:before,
.main-nav ul li.on a:before {
  left: 0;
  width: 100%;
}
.main-nav ul li a {
  display: inline-block;
  height: 78px;
  padding: 0 2px;
  font-size: 16px;
  color: #6f6f6f;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.main-nav ul li.on a {
  color: #cc0000;
}
.main-nav ul li:hover a {
  color: #cc0000;
}

/*Header*/
/*.header {
	height: 110px;
	background: #fff;
}
.header .logo {
	display: inline-block;
	margin-top: 14px;
	width: 430px;
	position: relative;
}
.header .logo em {
	position: absolute;
	top: 10px;
	padding-left: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.header .hotline {
	line-height: 22px;
	margin-top: 30px;
	padding-left: 63px;
	background: url(../images/icon-hd-tel.png) no-repeat left 12px;
	color: #666;
}
.header .hotline em {
	font-size: 28px;
}

.nav-bar {
	height: 54px;
	line-height: 54px;
	background: #cc0000;
	position: relative;
	overflow: hidden;
}
.nav-bar .nav-list li {
	float: left;
}
.nav-bar .nav-list li a {
	display: inline-block;
	padding: 0 37px;
	font-size: 16px;
	color: #fff;
	position: relative;
	z-index: 3;
}
.back {
	background:#212121;
	font-size: 0;
	height:54px;
	line-height: 0;
	padding-top: 0;
	position: absolute;
	bottom:0;
	z-index: 1;
}*/

/*Banner*/
.banner {
  min-width: 1000px;
  position: relative;
  height: 600px;
  overflow: hidden;
}
.banner .bd {
  position: relative;
  z-index: 0;
}
.banner .bd ul {
  width: 100% !important;
}
.banner .bd li {
  width: 100% !important;
  height: 600px;
  overflow: hidden;
  text-align: center;
}
.banner .bd li a {
  display: block;
  height: 600px;
}

.banner .hd {
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  position: absolute;
  z-index: 1;
  bottom: 15px;
  overflow: hidden;
  text-align: center;
}
.banner .hd ul li {
  margin: 0 5px;
  display: inline-block;
  cursor: pointer;
}
.banner .hd ul li img {
  width: 80px;
  line-height: 41px;
  display: block;
  border: 2px solid #fff;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.banner .hd ul .on img {
  border-color: #cc0000;
  filter: alpha(opacity=100);
  opacity: 1;
}

.banner-in {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
  font-size: 0;
}

.zgc-content {
  width: 1200px;
  margin: 0 auto 50px;
}
.com-title {
  width: 100%;
  text-align: center;
  margin: 61px 0 51px;
  position: relative;
}
.com-title:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 14px;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
}
.com-title h3 {
  display: inline-block;
  padding: 0 10px;
  background-color: #fff;
  font-size: 22px;
  color: #242424;
  line-height: 22px;
  position: relative;
  z-index: 2;
}
.com-title h3 a {
  color: #242424;
}
.com-title h3:hover a {
  color: #cd0303;
}
.com-title h3 .point {
  margin: 0 7px;
  color: #cd0303;
  font-size: 14px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.com-title h3:hover .point {
  color: #242424;
}
.com-title .sub-tit {
  padding-top: 6px;
  font-size: 14px;
  color: #666;
}
/*产品*/
.home-product .swiper-button-prev {
  position: absolute;
  left: -30px;
  top: 48%;
}
.home-product .swiper-button-next {
  position: absolute;
  right: -30px;
  top: 48%;
}
.home-product .swiper-button-prev,
.home-product .swiper-button-next {
  --swiper-theme-color: #cc0000; /* 设置Swiper风格 */
  --swiper-navigation-color: #cc0000; /* 单独设置按钮颜色 */
  --swiper-navigation-size: 24px; /* 设置按钮大小 */
   outline: none;
}
.home-product {
  margin-top: 60px;
  position: relative;
}

.home-product ul li {
  overflow: hidden;
  position: relative;
}

.home-product ul li a {
  display: block;
  width: 100%;
  position: relative;
  transition: 0.5s;
}
.home-product ul li a img {
  width: 100%;
  display: block;
}
.home-product ul li a .c-pic {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.home-product ul li:hover a .c-pic {
  opacity: 1;
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.home-product ul li a:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}
.zgc-product {
  margin-top: 60px;
}
.zgc-product ul {
  width: 1251px;
}
.zgc-product ul li {
  float: left;
  margin-right: 50px;
  width: 367px;
  height: 498px;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.zgc-product ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.zgc-product ul li a .c-pic {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.zgc-product ul li:hover a .c-pic {
  opacity: 1;
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.zgc-product ul li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}
/*.zgc-product ul li:before {
	content: ' ';
	position: absolute;
	left: -50%;
	top: 0;
	width: 5%;
	height: 100%;
	background-color: rgba(204,0,0,0.5);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.zgc-product ul li:hover:before {
	left: 0;
}
.zgc-product ul li:after {
	content: ' ';
	position: absolute;
	right: -50%;
	top: 0;
	width: 5%;
	height: 100%;
	background-color: rgba(204,0,0,0.5);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.zgc-product ul li:hover:after {
	right: 0;
}*/

/*品牌*/
.zgc-about .pic-box {
  margin-right: 50px;
  width: 588px;
}
.zgc-about .pic-box .pic-l {
  width: 295px;
  height: 213px;
  font-size: 0;
  margin-right: 1px;
}
.zgc-about .pic-box .mix-pic {
  width: 292px;
  height: 213px;
  overflow: hidden;
}
.zgc-about .pic-box .mix-pic ul li {
  float: left;
  width: 67px;
  height: 67px;
  overflow: hidden;
  margin: 0 0 6px 6px;
  background: url(../images/about_2.png) no-repeat;
  -webkit-transform: translate3d(-100px, -60px, 0);
  -ms-transform: translate3d(-100px, -60px, 0);
  -o-transform: translate3d(-100px, -60px, 0);
  transform: translate3d(-100px, -60px, 0);
  opacity: 0;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.zgc-about .pic-box .mix-pic ul li.visible {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  /* -webkit-transform: translate3d(0, 0, 0));
	-ms-transform: translate3d(0, 0, 0));
	-o-transform: translate3d(0, 0, 0)); */
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.zgc-about .pic-box .mix-pic ul li:hover {
  /*-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0)*/
}

.zgc-about .pic-box .mix-pic ul .pic-1 {
  background-position: 0 0;
  /*transform: translate3d(0, -60px, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-2 {
  background-position: -73px 0;
  /*transform: translate3d(0, -60px, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-3 {
  background-position: -146px 0;
  /*transform: translate3d(0, -60px, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-4 {
  background-position: -219px 0;
  /*transform: translate3d(0, -60px, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-5 {
  background-position: 0 -73px;
  /*transform: translate3d(-60px, 0, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-6 {
  background-position: -73px -73px;
  /*transform: translate3d(-60px, 0, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-7 {
  background-position: -146px -73px;
  /*transform: translate3d(60px, 0, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-8 {
  background-position: -219px -73px;
  /*transform: translate3d(60px, 0, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-9 {
  background-position: 0 -146px;
  /*transform: translate3d(0, 60px, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-10 {
  background-position: -73px -146px;
  /*transform: translate3d(0, 60px, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-11 {
  background-position: -146px -146px;
  /*transform: translate3d(0, 60px, 0);*/
}
.zgc-about .pic-box .mix-pic ul .pic-12 {
  background-position: -219px -146px;
  /*transform: translate3d(0, 60px, 0);*/
}
.zgc-about h5 {
  margin-bottom: 6px;
  font-size: 18px;
  color: #585858;
  text-transform: uppercase;
  line-height: 27px;
}
.zgc-about h5 span {
  /*font-weight: 600;*/
  color: #333;
}
.zgc-about h5 .pic-xs {
  margin: 0 20px 0 2px;
  width: 27px;
  height: 27px;
  overflow: hidden;
  background: url(../images/sprite.png) no-repeat 0 0;
  vertical-align: top;
}
.zgc-about .about-des {
  color: #939393;
  line-height: 30px;
}

/*案例*/
.zgc-case {
  width: 1200px;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}
.zgc-case ul {
  width: 1201px;
}
.zgc-case ul li {
  float: left;
  width: 239px;
  height: 148px;
  overflow: hidden;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
  line-height: 148px;
  font-size: 0;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.zgc-case ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.zgc-case ul li a:after {
  content: " ";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 0 #eee;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.zgc-case ul li a:hover:after {
  box-shadow: inset 0 0 0 10px #f6f6f6;
}
/*.zgc-case ul li .img {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  opacity: 0.5;*/
/*  -webkit-filter: grayscale(100%);*/
/*  -moz-filter: grayscale(100%);*/
/*  -ms-filter: grayscale(100%);*/
/*  -o-filter: grayscale(100%);*/
/*  filter: grayscale(100%);*/
/*  filter: gray;*/
/*  -webkit-transition: 0.3s;*/
/*  -o-transition: 0.3s;*/
/*  transition: 0.3s;*/
/*}*/
.zgc-case ul li .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.zgc-case ul li:hover .img {
  opacity: 1;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
  -webkit-transform: scale(0.9) translateY(-8px);
  -moz-transform: scale(0.9) translateY(-8px);
  transform: scale(0.9) translateY(-8px);
}
.zgc-case ul li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

/*新闻*/
.zgc-news ul,
.news-content ul {
  width: 1228px;
}
.news-li {
  float: left;
  width: 250px;
  height: 298px;
  margin: 0 29px 0 0;
  padding: 16px 14px 16px;
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.news-li:hover {
  border-color: #cf0f0f;
  -webkit-box-shadow: 0 0 30px #ddd;
  box-shadow: 0 0 30px #ddd;
}
.news-li .a-box {
  display: block;
  width: 100%;
  height: 100%;
}
.news-li .a-pic {
  display: block;
  margin-bottom: 23px;
  width: 250px;
  height: 167px;
  overflow: hidden;
}
.news-li .news-cont {
  width: 250px;
}
.news-li .news-cont .tit {
  height: 38px;
  border-left: 1px solid #cc0000;
  overflow: hidden;
}
.news-li .news-cont .tit .date {
  margin-left: 8px;
  padding-right: 37px;
  font-size: 32px;
  color: #cf0f0f;
  line-height: 38px;
  position: relative;
}
.news-li .news-cont .tit .date .line-1 {
  position: absolute;
  bottom: -8px;
  left: 37px;
  font-family: "宋体";
  font-size: 22px;
  color: #919191;
}
.news-li .news-cont .tit .date .month {
  position: absolute;
  bottom: -12px;
  left: 47px;
  font-size: 14px;
  color: #919191;
}
.news-li .news-cont .tit h5 {
  color: #797979;
  line-height: 20px;
  font-weight: 600;
  /*font-family: '宋体';*/
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.news-li:hover .news-cont .tit h5 {
  color: #cf0f0f;
  /*text-shadow: 0 0 0.1px #CF0F0F;*/
}
.news-li .news-cont .news-desc {
  padding: 10px 7px 0;
  border-left: 1px solid #d9d9d9;
  width: 236px;
  /*height: 40px;*/
  overflow: hidden;
  color: #aeaeae;
  line-height: 20px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.news-li:hover .news-cont .news-desc {
  color: #666;
}

.n_next {
  overflow: hidden;
  margin: 30px auto !important;
}
.n_next span {
  font-size: 16px;
}

/*底部*/
.footer {
  padding: 30px 0;
  background-color: #f1f1f1;
}
.foot-nav .nav-list {
  float: left;
  margin-right: 60px;
}
.foot-nav .nav-list h3 {
  font-size: 14px;
  color: #5e5e5e;
}
.foot-nav .nav-list ul li {
  margin-top: 14px;
}
.foot-nav .nav-list ul li a {
  display: inline-block;
  color: #949494;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.foot-nav .nav-list ul li a:hover {
  color: #cf0f0f;
  text-shadow: 0 0 0.1px #cf0f0f;
  transform: translateX(5px);
}
.hot-line {
  padding-top: 10px;
  width: 391px;
  height: 100px;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  text-align: center;
  font-size: 14px;
  color: #777;
  line-height: 30px;
}
.hot-line em {
  font-size: 21px;
  color: #cf0f0f;
}
.qr-box ul li {
  float: left;
  margin-top: 15px;
  margin-right: 25px;
  width: 93px;
  text-align: center;
}

/*版权*/
.copyright {
  height: 50px;
  line-height: 50px;
  background-color: #b40000;
  color: #fff;
}
.copyright a {
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.copyright a:hover {
  text-shadow: 0 0 10px #fff;
}

/*品牌页面*/
.bg-container {
  padding: 41px 0;
  background-color: #f5f5f5;
}
.bg-container-2 {
  padding-bottom: 41px;
  background-color: #f5f5f5;
}
.bg-content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 60px;
  background-color: #fff;
  position: relative;
}
.banner-w1200 {
  width: 1200px;
  height: 448px;
  overflow: hidden;
}

/*分类*/
.item-wrap {
  padding: 30px 0 38px;
  height: 45px;
}
.item-list {
  width: 1200px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  z-index: 30;
  background: #fff;
}
.item-list ul {
  font-size: 0;
}
.item-list ul li {
  margin: 0 13px;
  display: inline-block;
  position: relative;
}
.item-list ul li:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 0;
  height: 1px;
  background-color: #cc0000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.item-list ul li:hover:before,
.item-list ul li.on:before {
  width: 100%;
}
.item-list ul li a {
  display: inline-block;
  font-size: 16px;
  color: #606060;
}
.item-list ul li.on a,
.item-list ul li:hover a {
  color: #cc0000;
}

.about-content {
  margin: 0 auto;
  padding: 25px 19px 20px;
  width: 972px;
}
.about-content .story {
  padding-top: 10px;
  background: url(../images/story.jpg) no-repeat right bottom;
}
.about-content h3 {
  margin-bottom: 20px;
  padding-left: 2px;
  font-size: 21px;
  color: #333333;
  line-height: 25px;
  text-indent: 18px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.about-content h3:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 1px;
  z-index: -1;
  width: 4px;
  height: 100%;
  background-color: #cc0000;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.about-content p {
  margin-bottom: 25px;
  font-size: 14px;
  color: #626262;
  line-height: 30px;
}
.about-content-pic {
  margin-bottom: 15px;
}
.about-content-pic li {
  float: left;
}
.about-content-pic li:first-child {
  margin-right: 12px;
}

.doit {
  padding-bottom: 30px;
  height: 309px;
  background: url(../images/about-doit.png) no-repeat left top;
}
.doit li {
  margin-bottom: 13px;
  padding: 0 40px;
  height: 94px;
  line-height: 94px;
  font-size: 20px;
  color: #666;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.doit li p {
  line-height: 94px;
}
.about-ys {
  width: 1020px;
}
.about-ys li {
  float: left;
  margin-right: 44px;
  margin-bottom: 40px;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.doit li:hover,
.about-ys li:hover {
  opacity: 0.8;
}
.about-ys li:hover {
  /*border: 1px solid #CC0000;*/
}
.doit li img,
.about-ys li img {
  vertical-align: middle;
}

/*案例*/
.case-show {
  width: 1209px;
}
.case-show li {
  float: left;
  margin: 0 8px 25px 0;
  width: 395px;
  height: 247px;
  background-color: #f2f2f2;
  overflow: hidden;
}
.case-show li .a-box {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 247px;
  font-size: 0;
  position: relative;
}
.case-show li .a-box img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.case-show li:hover .a-box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.case-show li .a-box span {
  position: absolute;
  left: 0;
  bottom: -40px;
  display: block;
  width: 339px;
  padding: 0 28px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  background-color: #cc0000;
  opacity: 0.7;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.case-show li:hover .a-box span {
  bottom: 0;
}
.case-show li .a-box span .icon-s {
  margin-top: 6px;
  width: 27px;
  height: 28px;
  background: url(../images/sprite.png) no-repeat 0 -42px;
}
/*加载*/
.more-bar {
  margin: 10px 0 15px;
  padding: 15px 0;
  text-align: center;
}
.more-bar .more-btn {
  display: inline-block;
  width: 100px;
}
.more-bar .more-btn em {
  display: block;
  padding-bottom: 5px;
  font-size: 16px;
  color: #767373;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.more-bar .more-btn:hover em {
  color: #cc0000;
}
.more-bar .more-btn i {
  width: 46px;
  height: 17px;
  background: url(../images/sprite.png) no-repeat -51px -17px;
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.more-bar .more-btn:hover i {
  background-position: -51px 0px;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px);
}
/*新闻页*/
.bg-container-2 .item-list {
  background-color: #f5f5f5;
}
.news-content .news-li {
  border-bottom: 1px solid #dfdfdf;
  margin: 0 29px 39px 0;
}

/*页码*/
.page-list {
  margin-top: 22px;
  width: 100%;
  height: 27px;
  line-height: 27px;
  text-align: center;
}
.page-list .list-box a,
.page-list .list-box span {
  display: inline-block;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  color: #7d7d7d;
  margin: 0 5px;
  font-family: "宋体";
  transition: 0.3s;
}
.page-list .list-box .pre,
.page-list .list-box .nex {
  background-color: #fff;
  color: #b40000;
}
.page-list .list-box .pre:before {
  content: "<";
}
.page-list .list-box .nex:before {
  content: ">";
}
.page-list .list-box .pre:hover,
.page-list .list-box .nex:hover {
  background-color: #ddd;
}
.page-list .list-box .current,
.page-list .list-box a:hover {
  background-color: #b40000;
  color: #fff;
}

/*团队*/
.team-content {
  width: 728px;
  margin: 0 auto;
}
.team-show {
  margin-top: 68px;
}
.team-show .pic {
  width: 207px;
  height: 275px;
  overflow: hidden;
}
.team-show .pic.fl {
  margin-right: 60px;
}
.team-show .pic.fr {
  margin-left: 60px;
}
.team-show .desc h5 {
  padding: 15px 0;
  font-size: 30px;
  color: #393939;
}
.team-show .desc span {
  font-size: 18px;
  color: #4b4b4b;
}
.team-show .desc p {
  padding-top: 20px;
  font-size: 14px;
  color: #626262;
  line-height: 30px;
}

/*联系*/
.contact-box {
  width: 1000px;
  margin: 112px auto 53px;
}
.contact-box .map-box {
  margin-right: 53px;
  width: 597px;
  height: 435px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.contact-box h5 {
  padding-bottom: 20px;
  font-size: 24px;
  color: #111111;
}
.contact-box p {
  font-size: 14px;
  color: #666;
  line-height: 32px;
}
.contact-box p a {
  color: #666;
}
.contact-box p a:hover {
  color: #cf0f0f;
}
.contact-box p span {
  font-size: 18px;
  color: #373737;
}
.contact-box p span em {
  color: #cc0000;
}

/*定制*/
.service-step {
  margin-top: 20px;
  width: 100%;
  height: 196px;
  background: url(../images/service_step.png) no-repeat center;
}
.call-bar {
  margin: 92px 0 0;
  height: 40px;
  text-align: center;
}
.call-bar .call-box {
  display: inline-block;
  margin: 0 42px;
  width: 241px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #3b3b3b;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.call-bar .call-box:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 100%;
  background: #cd0303;
  z-index: -1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.call-bar .call-box:hover:before {
  width: 100%;
}
.call-bar .call-box i {
  margin: 0 10px;
}
.call-bar .icon-tel {
  width: 22px;
  height: 25px;
  background: url(../images/sprite.png) no-repeat 0 -100px;
}
.call-bar .icon-qq {
  width: 18px;
  height: 22px;
  background: url(../images/sprite.png) no-repeat 0 -130px;
}
.call-bar .call-box:hover i {
  background-position-x: -22px;
}
.call-bar .call-box:hover {
  /*background-color: #CD0303;*/
  color: #fff;
}
/*留言*/
.form-box {
  padding-bottom: 56px;
  width: 833px;
  margin: 0 auto;
}
.form-box ul {
  width: 872px;
}
.form-box ul li {
  float: left;
  margin-right: 39px;
  margin-bottom: 31px;
  width: 395px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #dcdcdc;
  position: relative;
}
.form-box ul li input {
  line-height: 25px;
  width: 305px;
  text-indent: 5px;
}
.form-box input:focus,
.form-desc .text:focus {
  background-color: #f2f2f2;
}
.form-box .in-tit {
  padding-right: 10px;
  padding-left: 19px;
  font-size: 14px;
  color: #242424;
}
.form-desc {
  margin-bottom: 31px;
  padding-top: 14px;
  width: 831px;
  height: 187px;
  border: 1px solid #dcdcdc;
  position: relative;
}
.form-desc .error {
  bottom: -25px;
}
.form-desc .text {
  vertical-align: top;
  width: 740px;
  height: 160px;
  border: none;
  text-indent: 5px;
  font-size: 14px;
  line-height: 22px;
}
.verification {
  width: 211px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #dcdcdc;
  position: relative;
}
.verification input {
  width: 105px;
  /*background-color: #f2f2f2;*/
  line-height: 25px;
  text-indent: 5px;
}
.verification .v-code {
  position: absolute;
  top: 0;
  left: 225px;
  width: 167px;
  height: 44px;
  line-height: 44px;
}
.sub-btn {
  display: block;
  width: 168px;
  height: 44px;
  line-height: 44px;
  background-color: #cc0000;
  color: #fff;
  font-size: 18px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sub-btn:hover {
  background-color: #a20000;
  cursor: pointer;
}
span.error {
  position: absolute;
  bottom: -38px;
  left: 0;
  color: #cc0000;
}

/*新闻详情*/
.news-box {
  width: 100%;
  position: relative;
  background: #f5f5f5;
  padding-bottom: 50px;
}
.news-box .news-section {
  width: 1100px;
  min-height: 400px;
  color: #999;
  font-size: 14px;
  margin: auto;
  margin-bottom: 40px;
}
.news-box .news-high {
  width: 100%;
  height: 350px;
  overflow: hidden;
  position: relative;
  background: #fff;
  text-align: left;
  margin-bottom: 40px;
}
.news-box .news-section .news-content {
  float: left;
  width: 750px;
  background: #fff;
  margin: auto;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.news-box .v-crumbs {
  margin-bottom: 20px;
  padding-top: 20px;
}
.news-box h1.title {
  padding: 0 0 10px 0;
  width: 1100px;
  margin: auto;
  display: block;
  font-size: 24px;
  color: #cc0000;
}
.news-content .share-bar {
  position: relative;
  border-bottom: 1px #f1f1f1 solid;
}
.news-content .share-bar .share-btn {
  height: 45px;
  position: relative;
}
.news-content .share-bar .share-btn a {
  float: right;
  color: #a1a1a1;
  position: relative;
  top: 14px;
  right: 10px;
  font-size: 16px;
}
.news-content .share-bar .share-btn a b {
  width: 23px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  background-position: -64px -80px;
  position: relative;
  top: -2px;
}
.news-content .share-bar .share-btn a:hover,
.news-content .share-bar .share-btn a.current {
  color: #cc0000;
}
.news-content .share-bar .share-btn a:hover b,
.news-content .share-bar .share-btn a.current b {
  background-position: -64px -98px;
}
.news-content .share-bar .share-list {
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.98);
  overflow: hidden;
  display: none;
  border-top: #ededed 1px solid;
}
.news-content .share-bar .share-list ul {
  display: block;
  padding-top: 5px;
}
.news-content .share-bar .share-list ul li {
  width: 20%;
  float: left;
  text-align: center;
}
.news-content .share-bar .share-list ul li a b {
  background: url(../images/vivo-pht-share-ico.png) no-repeat;
  background-size: 480px 88px;
}
.news-content .share-bar .share-list ul li a {
  color: #000;
  display: block;
  position: relative;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.news-content .share-bar .share-list ul li a:active,
.news-content .share-bar .share-list ul li a:hover {
  opacity: 0.6;
}
.news-content .share-bar .share-list ul li a b {
  width: 80px;
  height: 80px;
}
.news-content .share-bar .share-list ul li a p {
  font-size: 12px;
}
.news-content .share-bar .share-list ul li a.sina b {
  background-position: 0 0;
}
.news-content .share-bar .share-list ul li a.tencent b {
  background-position: -80px 0;
}
.news-content .share-bar .share-list ul li a.renren b {
  background-position: -160px 0;
}
.news-content .share-bar .share-list ul li a.kaixin b {
  background-position: -285px 0;
}
.news-content .share-bar .share-list ul li a.qzone b {
  background-position: -240px 0;
}
.news-content .share-bar .share-list ul li a.w163 b {
  background-position: -400px 0;
}
/* start */
.news-content .share-bar .share-list ul li.start {
}
.news-content .news-title {
  padding: 40px;
  padding-bottom: 20px;
  text-align: center;
  border-top: 1px #f1f1f1 solid;
}
.news-content .news-title h2 {
  font-size: 24px;
  color: #333;
  padding-bottom: 10px;
}
.news-content .news-title p {
  font-size: 14px;
  color: #666;
}
.news-content .news-views {
  margin: 40px 20px;
  margin-top: 0;
  font-size: 14px;
  min-height: 600px;
  color: #666;
  line-height: 2em;
  overflow: hidden;
}
.news-content .news-other {
  padding: 20px 40px;
  border-top: 1px #f1f1f1 solid;
}
.news-content .news-other p {
  display: block;
  height: 40px;
  line-height: 40px;
}
.news-content .news-other p a {
  font-size: 14px;
  color: #333;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-left: 15px;
}
.news-content .news-other p a:first-child {
  background: url(../images/other-news-ico.jpg) center left no-repeat;
}
.news-content .news-other p a:hover {
  color: #cc0000;
}
@media print,
  only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (min-resolution: 144dppx) {
  .news-content .share-bar .share-list ul li a b {
    background: url(../images/vivo-pht-share-ico-x2.png);
    background-size: 480px 88px;
  }
}
.clear {
  clear: both;
}
/* crubms */
.v-crumbs {
  width: 1100px;
  margin: auto;
  color: #999;
  font-size: 12px;
  padding: 10px 0 0 0;
}
.v-crumbs a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.v-crumbs a:hover {
  color: #cc0000;
}

.news-box .news-section .news-rel {
  float: right;
  width: 320px;
}
.news-rel dl {
  display: block;
  margin-bottom: 20px;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.news-rel dl dt {
  display: block;
  height: 42px;
  line-height: 42px;
  position: relative;
  border-bottom: 1px #f1f1f1 solid;
}
.news-rel dl.tab dt {
  display: table;
  width: 100%;
}
.news-rel dl.tab dt {
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #cc0000;
  font-size: 18px;
}
.news-rel dl.tab dt {
  /*background: #CC0000;*/
  color: #cc0000;
  text-align: left;
  padding-left: 20px;
  width: 300px;
}
.news-rel dl.tab dd {
  height: 664px;
  position: relative;
}
.news-rel dl.tab dd ul {
  display: block;
  padding: 0 20px;
  height: 618px;
}
.news-rel dl.tab dd ul li {
  display: block;
  padding: 20px 0;
  border-bottom: 1px #f1f1f1 solid;
}
.news-rel dl.tab dd ul li a {
  display: block;
  height: 62px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.news-rel dl.tab dd ul li span {
  width: 102px;
  height: 60px;
  float: left;
  border: 1px #e5e5e5 solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
}
.news-rel dl.tab dd ul li a h2 {
  color: #666;
  font-size: 14px;
  display: block;
  margin-left: 115px;
  margin-bottom1: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.news-rel dl.tab dd ul li a p {
  color: #999;
  font-size: 12px;
  height: 32px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: none;
}
.news-rel dl.tab dd ul li a:hover h2,
.news-rel dl.tab dd ul li a:hover p {
  color: #cc0000;
}
.news-rel dl.tab dd ul li a i {
  margin: 5px 12px 0 0;
  float: right;
  font-size: 12px;
  color: #999;
}
.news-rel dl.tab dd .more {
  color: #333;
  height: 45px;
  line-height: 45px;
  border-top: 1px #f1f1f1 solid;
  position: relative;
  top: -1px;
  text-align: center;
}
.news-rel dl.tab dd .more a {
  display: inline-block;
  position: relative;
  color: #333;
}
.news-rel dl.tab dd .more a b {
  margin-left: 5px;
  font-family: "宋体";
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.news-rel dl.tab dd .more a:hover b {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
.news-rel dl.tab dd .more a:hover {
  color: #cc0000;
}
.news-rel dl.list dt {
  padding-left: 20px;
  color: #333;
  font-size: 18px;
}
.news-rel dl.tab dt a {
  width: 33%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  display: table-cell;
  color: #cc0000;
  font-size: 18px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.news-rel dl.list dt a b {
  width: 15px;
  height: 15px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  background-position: 0 -64px;
  margin-left: 2px;
  position: relative;
  top: -1px;
}
.news-rel dl.list dd ul {
  display: block;
  padding: 20px;
}
.news-rel dl.list dd ul li {
  padding-bottom: 12px;
  display: block;
  overflow: hidden;
}
.news-rel dl.list dd ul li a {
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.news-rel dl.list dd ul li a:hover {
  color: #cc0000;
}
.news-rel dl.list dd ul li a b {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  overflow: hidden;
  display: inline-block;
  margin-right: 10px;
  background: #aab2bd;
  position: relative;
  top: -1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.news-rel dl.list dd ul li a b.top {
  background: #ff6600;
}

/*FAQ*/
.faq-content {
  padding-bottom: 41px;
}
.faq_list li {
  font-size: 14px;
  border: 1px solid #c8c8c8;
  float: left;
  margin-bottom: 40px;
  overflow: hidden;
  line-height: 23px;
  padding: 5px 30px 10px 55px;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.faq_list li:before,
.faq_list li:after {
  position: absolute;
  left: 0;
  width: 33px;
  height: 23px;
  line-height: 23px;
  color: #fff;
  text-indent: 9px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.faq_list li:before {
  content: "问";
  top: 12px;
  background: #797979;
}
.faq_list li:after {
  content: "答";
  top: 47px;
  background: #aeaeae;
}
.faq_list li:hover:before {
  background: #cf0f0f;
  width: 40px;
}
.faq_list li:hover:after {
  background: #666;
}
.faq_list li:hover {
  -webkit-box-shadow: 0 0 30px #ddd;
  box-shadow: 0 0 30px #ddd;
}
.faq_list li .a-box {
  display: block;
  width: 100%;
  height: 100%;
}
.faq_list li .a-box h5 {
  padding-bottom: 5px;
  font-size: 14px;
  height: 36px;
  display: block;
  color: #797979;
  line-height: 36px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.faq_list li a:hover h5 {
  color: #cf0f0f;
}
.faq_list li .a-box p {
  color: #aeaeae;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.faq_list li:hover .a-box p {
  color: #666;
}

/*友链*/
.zgc-links {
  padding-bottom: 20px;
}
.zgc-links span {
  font-size: 14px;
  color: #797979;
}
.zgc-links a {
  padding-right: 10px;
}

/*公司环境*/
.page-honor {
  width: 1160px;
  margin: 0 auto;
  padding-bottom: 7px;
}
.page-honor ul {
  width: 1186px;
}
.page-honor ul li {
  width: 270px;
  float: left;
  margin-right: 26px;
  margin-bottom: 25px;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.page-honor ul li:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.page-honor ul li .pic {
  display: block;
  width: 270px;
  height: 173px;
  line-height: 173px;
  overflow: hidden;
  font-size: 0;
}
.page-honor ul li .pic img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.page-honor ul li:hover .pic img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.page-honor ul li .tit {
  display: block;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #fff;
  color: #333;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.page-honor ul li:hover .tit {
  /*background-color: #B40000;*/
  color: #b40000;
}

.position-bar {
  height: 109px;
  position: fixed;
  top: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
  opacity: 0.9;
}

/* 在线客服样式 */
/* .kefuBox{position:fixed;top:180px;right:0;z-index:1000;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);} */
.kefuBox {
  position: fixed;
  top: 180px;
  right: 0;
  z-index: 1000;
  width: auto;
  _position: absolute;
  _top: 10%;
}
.kefuBox .kefuLeft {
  float: left;
  overflow: hidden;
  width: 34px;
  height: 170px;
  cursor: pointer;
  background: url(../images/qq/kefu_l.png) no-repeat;
}
.kefuBox .kefuRight {
  display: block;
  float: left;
  overflow: hidden;
  width: 0;
  text-align: center;
  position: relative;
  top: -10px;
}
.kefuBox .kefuTop {
  width: 152px;
  height: 107px;
  background: url(../images/qq/kefu_top.png) no-repeat;
}
.kefuBox .kefuClose {
  float: right;
  overflow: hidden;
  width: 152px;
  height: 46px;
  display: block;
  cursor: pointer;
}
.kefuBox .kefuQr {
  width: 145px;
  padding-top: 13px;
  background: #cc0000;
}
.kefuBox .kefuCall {
  padding-top: 10px;
  line-height: 20px;
  width: 145px;
  height: 51px;
  background: #cc0000;
  font-size: 12px;
  color: #fff;
}
.kefuBox .kefuCall span {
  font-size: 14px;
}
.kefuBox .kefuBottom {
  width: 145px;
  height: 11px;
  text-align: center;
  background: url(../images/qq/kefu_bottom.png) no-repeat center bottom;
}
.kefuBox .kefuCont {
  width: 145px;
  background: #fefefe;
  overflow: hidden;
}
.kefuBox .kefuCont ul {
  margin: 0;
  padding: 0;
  background: #f5f5f5;
}
.kefuBox .kefuCont ul li {
  padding-left: 28px;
  line-height: 31px;
  overflow: hidden;
  height: 31px;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px dotted #d8d6d6;
}
.kefuBox .kefuCont ul li a {
  display: inline-block;
  width: 100%;
  color: #333;
  text-align: left;
}
.kefuBox .kefuCont ul li a:hover {
  color: #cc0000;
  text-decoration: none;
}
.kefuBox .kefuCont ul li.qq i {
  width: 22px;
  height: 19px;
  background: url(../images/qq/qq.png) no-repeat;
}
.kefuBox .kefuCont ul li.bd i {
  width: 22px;
  height: 19px;
  background: url(../images/qq/bdsq2.png) no-repeat;
}
/*.kefuBox .kefuCont ul li.qq{background:url(../images/qq/qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(../images/qq/wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(../images/qq/skype.png) no-repeat}*/
.kefuBox .kefuCont ul li.codeer {
  display: block;
  width: 130px;
  height: 193px;
  text-align: center;
  color: #fff;
  padding: 10px 0 0;
  font-family: "微软雅黑";
  font-size: 14px;
  margin-bottom: 0;
}
.kefuBox .kefuCont ul li.codeer p {
  display: block;
  height: 35px;
  line-height: 35px;
}
.kefuBox .kefuCont ul li.codeer span {
  display: block;
  width: 116px;
  height: 116px;
  padding: 7px;
  background: url(../images/qq/cobj.png) no-repeat;
}
.kefuBox .kefuCont ul li.codeer span img {
  width: 116px;
  height: 116px;
}

.jiathis_style {
  top: 80px !important;
}

/*案例详情*/

.show_case {
  min-height: 500px;
  padding-top: 70px;
}
.show_top {
  height: 380px;
  background: #fff;
  margin-bottom: 20px;
}
.show_t_img {
  float: left;
  width: 610px;
  height: 380px;
  overflow: hidden;
}
.show_t_r {
  float: right;
  width: 500px;
  padding: 0 45px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.show_t_r h2 {
  line-height: 75px;
  text-align: center;
  font-size: 18px;
  color: #333;
}
.show_t_r span {
  color: #cc0000;
}

.show_t_r li p {
  float: left;
  width: 50%;
}

.show_main {
  padding: 0 50px 30px;
  background: #fff;
  color: #666;
  line-height: 30px;
  font-size: 14px;
}

.show_main h2 {
  font-size: 24px;
  color: #333;
  padding: 40px 0 10px;
}
.show_main span {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  background: #cc0000;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  margin-right: 25px;
}
.show_main img {
  padding-top: 20px;
}