* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.trans {
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
}

hr {
  border: none;
  outline: none;
}

h1,
h2,
h3,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}


body {
  font-family: 'PingFangSC', 'helvetica neue', 'hiragino sans gb', 'arial', 'microsoft yahei ui', 'microsoft yahei', 'simsun', 'sans-serif' !important;
  font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

.wp {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;

}

.case-img2 img {
  filter: drop-shadow(4px 4px 2px #a7a7a7);
}

a {
  color: #333;
}

a:hover {
  color: #009FE8;
  text-decoration: none;
}

/*头部*/
#bd {
  padding-top: 70px;
}

#bd.newsendPage {
  padding-top: 80px;
}

#hd {
  /*height: 101px;*/
  height: 70px;
  background: #fff;
  /*box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);*/
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  border-bottom: 1px solid rgba(204, 204, 204, .4);
}

.fixed {
  top: -101px !important;
}

#hd .logo {
  float: left;
  margin-right: 165px;
  /*height: 101px;*/
}

#hd .logo a {
  display: block;
  height: 100%;
  /*line-height: 101px;*/
  line-height: 70px;
}

#hd .logo a img {
  display: inline-block;
  vertical-align: middle;
  width: 180px;
}

#nav ul li {
  float: left;
  line-height: 70px;
  width: 100px;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 0 12px;
}

#nav ul li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  height: 70px;
}

#nav ul li a:hover {
  border-bottom: 2px solid #009FE8;
}

#nav ul li a.bb {
  color: #009FE8;
  border-bottom: 2px solid #009FE8;
}

#hd .tel {
  background: url(../image/tel_bg.png) left center no-repeat;
  background-size: 25px auto;
  line-height: 70px;
  float: right;
  padding-left: 37px;
  color: #009FE8;
  font-size: 18px;
}

/*手机头部*/
#m-hd {
  display: none;
}

#m-hd {
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 999999;
  border-bottom: 1px solid rgba(204, 204, 204, .4);
}

#m-hd img {
  height: 40px;
  vertical-align: middle;
}

#m-hd .tel {
  position: absolute;
  top: 0;
  right: 60px;
  color: #009FE8;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  cursor: pointer;
  background: url(../image/tel_bg.png) left center no-repeat;
  -webkit-background-size: 50px;
  background-size: 25px;
  padding-left: 32px;
}

.m-trigger {
  position: absolute;
  top: 0;
  right: 10px;
  width: 50px;
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 45px;
  cursor: pointer;
  background: url(../image/menu_add.png) center center no-repeat;
  -webkit-background-size: 50px;
  background-size: 25px;
  height: 50px;
}

.m-nav {
  z-index: 60;
  position: absolute;
  top: 50px;
  width: 100%;
  left: 0;
  background: url(../image/alpha_black_70.png) repeat;
  text-align: center;
  display: none;
}

.m-nav li {
  border-bottom: 1px solid #565656;
}

.m-nav a {
  display: block;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.m-nav a:hover,
.m-nav a:active {
  color: #009FE8;
}

.m-sub {
  text-align: left;
  display: none;
  width: 100%;
}

.m-sub a {
  border-bottom: none;
  font-size: 13px;
}


/*底部*/
#fd {
  background: url(/images/fd_bg.png) center top no-repeat;
  padding-top: 75px;
}

.index-fd {
  margin-top: -31px;
}

#fd .fd-top {
  overflow: hidden;
  color: #fff;
  padding-bottom: 45px;
}

#fd dl {
  float: left;
  width: 20%;
}

#fd dl dt {
  font-size: 16px;
  padding-bottom: 20px;
}

#fd .ul-fd li {
  line-height: 26px;
}

#fd .ul-fd li a {
  color: #a8a8af;
}

#fd .ul-fd li a:hover {
  text-decoration: underline;
}

#fd .weixin,
#fd .sina {
  background: url(/images/fd_icon1.png) no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 23px;
}

#fd .weixin-pic {
  position: absolute;
  left: 50px;
  top: 0;
  width: 100px;
}

#fd .weixin-pic img {
  width: 100%;
}

#fd .tel {
  font-weight: normal;
  font-size: 18px;
  padding-bottom: 15px;
}

#fd h5 {
  font-size: 16px;
  color: #a8a8af;
}

#fd .sina {
  background-image: url(/images/fd_icon2.png);
}

#fd .fd-copy {
  height: 40px;
  line-height: 40px;
  color: #a3a3a9;
  background-color: #000022;
}

.pr ul li {
  line-height: 44px;
}

/* side */
.side {
  position: fixed;
  width: 50px;
  height: 275px;
  right: 0;
  top: 250px;
  z-index: 100;
}

.side ul li {
  width: 50px;
  height: 50px;
  float: left;
  position: relative;
  margin-bottom: 2px;
}

.side ul li .sidebox {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 5px 0 0 5px;
  top: 0;
  right: 0;
  transition: all 0.3s;
  background: #000022;
  color: #fff;
  font: 16px/50px "微软雅黑";
  overflow: hidden;
}

.side ul li a:hover .sidebox {
  width: 175px;
}

.side ul li .sidetop {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  background: #000;
  opacity: 0.8;
  filter: Alpha(opacity=80);
  transition: all 0.3s;
}

.side ul li .sidetop:hover {
  background: #009FE8;
}

.side ul li img {
  float: right;
}

.side2 {
  position: fixed;
  width: 40px;
  right: 10px;
  z-index: 100;
  top: 710px;
  height: 80px;
}

.side2 ul li {
  width: 40px;
  height: 40px;
}

.side2 ul li a {
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
}

.side2 ul li a img {
  vertical-align: middle;
  display: inline-block;
}

.side2 ul li a:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.side2 ul li .weixin {
  position: absolute;
  left: -154px;
  bottom: 0;
  display: none;
}

.side2 ul li .weixin em {
  background: url(/images/arr3.png) no-repeat;
  width: 5px;
  height: 17px;
  display: block;
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: 3px;
}

.side2 ul li .weixin img {
  display: block;
}



/*banner*/
#banner .flexslider {
  background: none;
}

#banner .slides li {
  width: 100%;
}

#banner .slides li .pic {
  display: block;
  /*padding-top: 36.4%;*/
  /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
  background-position: center bottom;
  position: relative;
}

#banner .slides li .ban-txt {
  width: 760px;
  position: absolute;
  left: 50%;
  margin-left: -380px;
  top: 50%;
  height: 205px;
  margin-top: -102px;
  text-align: center;
}

#banner .slides li.s1 .ban-txt {
  background: url(/images/ban_k.png) no-repeat;
}

#banner .flexslider .slides img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

#banner .slides li .ban-txt h5 {
  font-size: 22px;
  color: #fff;
  margin-top: -5px;
}

#banner .slides li .ban-txt h2 {
  height: 118px;
  line-height: 118px;
  margin-top: 5px;
  font-size: 71px;
  color: #fff;
}

#banner .slides li .ban-txt h3 {
  padding-top: 25px;
  font-size: 24px;
  color: #009FE8;
}

#banner .flex-control-paging li a {
  width: 30px;
  height: 3px;
  border-radius: 0;
  background-color: rgba(0, 255, 255, 0.5);
}

#banner_phone .flex-control-nav li {
  margin: 0 4px;
}


#banner .flex-control-paging li a.flex-active,
#banner_phone .flex-control-paging li a.flex-active {
  background-color: #009FE8;
}

#banner .flex-control-nav {
  bottom: 18px;
}

#banner_phone .flex-control-nav {
  bottom: 0px;
}

#banner .flex-direction-nav a {
  /*background: url(../images/ban_prev.png) no-repeat;*/
  /*width: 24px;*/
  /*height: 44px;*/
  /*opacity: 1;*/
  /*filter: alpha(opacity=100);*/
}

#banner .flex-direction-nav .flex-prev {
  left: 50%;
  margin-left: -570px;
}

#banner .flex-direction-nav .flex-next {
  background-image: url(/images/ban_next.png);
  right: 50%;
  margin-right: -570px;
}

#banner .slides li.s2 .ban-txt {
  width: 840px;
  margin-left: -420px;
}

#banner .slides li.s2 .ban-txt h2 {
  font-size: 58px;
  line-height: 56px;
  height: 56px;
  margin-bottom: 10px;
}

#banner .slides li.s2 .ban-txt h3 {
  font-size: 40px;
  text-transform: uppercase;
}

#banner .slides li.s2 .ban-txt h4 {
  font-size: 16px;
  color: #fff;
  padding-top: 10px;
  line-height: 28px;
}

#banner .slides li.s2 .ban-txt h6 {
  font-size: 14px;
  border-top: 1px solid #d3d3d7;
  width: 149px;
  margin: 0 auto;
  color: #fff;
  line-height: 35px;
  margin-top: 15px;
}

#banner .slides li.s3 .ban-txt h2 {
  font-size: 45px;
  height: 45px;
  line-height: 45px;
}

#banner .slides li.s3 .ban-txt h3 {
  font-size: 40px;
  text-transform: uppercase;
  padding-top: 0;
  line-height: 60px;
  border-bottom: 1px solid #009FE8;
}

#banner .slides li.s3 .ban-txt h4 {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  margin-top: 20px;
}

#banner {
  position: relative;
}

#banner_phone .flex-control-paging li a {
  width: 16px;
  height: 2px;
  border-radius: 0;
  background-color: rgba(0, 0, 0, .1);
}

/*首页*/
.tit-i {
  text-align: center;
  padding: 66px 0 50px 0;
  line-height: 36px;
  overflow: hidden;
}

.tit-i h3 {
  font-size: 30px;
  color: #002;
  margin-bottom: 10px;
  padding-top: 10px;
}

.tit-i h5 {
  font-size: 20px;
  color: #cacace;
  text-transform: uppercase;
}

.tit-i h5 span {
  color: #009FE8;
}

.tit-i em {
  width: 45px;
  border-bottom: 1px solid #7f7f90;
  display: inline-block;
}

.ul-icon-i li {
  float: left;
  width: 25%;
  text-align: center;
  padding-bottom: 70px;
  overflow: hidden;
}

.ul-icon-i li .pad {
  padding: 0 40px;
  position: relative;
}

.ul-icon-i li a {
  display: block;
}

.ul-icon-i li a span {
  background: url(/images/i_icon1.png) no-repeat;
  width: 134px;
  height: 134px;
  display: inline-block;
  margin-bottom: 55px;
}

.ul-icon-i li h3 {
  font-size: 16px;
  margin-bottom: 18px;
}

.ul-icon-i li em {
  width: 25px;
  border-bottom: 2px solid #707070;
  display: inline-block;
  margin-bottom: 30px;
}

.ul-icon-i li p {
  text-align: left;
  line-height: 24px;
  font-size: 14px;
}

.ul-icon-i li.li1 a span {
  background-position: 0 0;
}

.ul-icon-i li.li2 a span {
  background-position: -305px 0;
}

.ul-icon-i li.li3 a span {
  background-position: -615px 0;
}

.ul-icon-i li.li4 a span {
  background-position: -930px 0;
}

/*.ul-icon-i li a:hover span{
	background-image: url(../images/i_icon1_h.png);
}*/
.ul-icon-i li .pad .pic {
  position: absolute;
  left: 50%;
  top: 0;
  width: 134px;
  margin-left: -67px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
}

.ul-icon-i li .pad .pic img {
  display: none;
}

.ul-icon-i li .pad .pic .pic-icon {
  position: absolute;
  left: 0;
  top: -134px;
  display: block;
}

.ul-icon-i li a:hover p {
  text-decoration: underline;
  color: #333;
}

.row2 {
  background: url(../image/bg_1.png) center top no-repeat;
}

.caselist {
  max-width: 1150px;
  margin: 0 auto;
}

.case-i-l,
.case-i-r {
  width: 50%;
}

.case-i-l {
  float: left;
  padding-right: 15px;
}

.case-i-r {
  float: right;
  padding-left: 15px;
}

.case-img,
.case-img a img {
  width: 100%;
}

.case-img {
  position: relative;
  overflow: hidden;
}

.case-img .hover {
  position: absolute;
  left: 0;
  top: -434px;
  /*top: -433px;*/
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  height: 100%;
  text-align: center;
  background: url(/images/alpha_red_80.png) repeat;
  color: #fff;
}

.case-img.on .hover {
  top: 0;
}

.ul-case-i {
  margin: 0 -15px;
}

.ul-case-i li {
  float: left;
  width: 25%;
  padding: 0 15px;
  margin-bottom: 30px;
  overflow: hidden;
}

.ul-case-i li a {
  display: block;
  position: relative;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
}

.ul-case-i li .pic img {
  width: 100%;
  display: block;
}

.ul-case-i li a .hover {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(13, 146, 208, 0.6);
  color: #fff;
  /*display: none;*/
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
}

.ul-case-i li h3 {
  font-size: 14px;
}

.ul-case-i li .hover b,
.ul-case-i li .hover .txt,
.case-img .hover b,
.case-img .hover .txt {
  display: inline-block;
  vertical-align: middle;
}

.ul-case-i li .hover b,
.case-img .hover b {
  width: 0;
  height: 100%;
}

.ul-case-i li a:hover .hover {
  /*display: block;*/
  top: 0;
}

.ul-case-i-1 li {
  width: 25%;
}

.more-i {
  text-align: center;
  padding-bottom: 35px;
}

.more-i a {
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url(/images/arr2.png) center center no-repeat #000014;
  border-radius: 100%;
}

.more-i a:hover {
  background-color: #009FE8;
}

.news-bg {
  width: 100%;
  background: url(../image/bg_2.png) center top no-repeat !important;
  overflow: hidden;
  background-size: cover !important;
}

.tit-i-1 h3 {
  color: #fff;
}

.tit-i-1 em {
  border-bottom-color: #dddde1;
}

.tit-i-2 h3 {
  color: #002;
}

.tit-i-2 em {
  border-bottom-color: #dddde1;
}

.ul-news-i {
  /*margin-right: -10px;*/
  width: 100%;
}

.ul-news-i li {
  float: left;
  width: 24.5%;
  color: #fff;
  position: relative;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  overflow: hidden;
}

.ul-news-i li:last-child {
  /*width: 21%;*/
}

.ul-news-i li .txt {
  padding-left: 30px;
  padding-right: 28px;
}

.ul-news-i li .txt span {
  padding: 15px 8px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 14px;
}

.ul-news-i li .txt span em {
  display: block;
  font-size: 20px;
}

.ul-news-i li:last-child .txt {
  /*padding-right: 0;*/
}

.ul-news-i li h3 a {
  color: #fff;
  display: inline-block;
  padding: 20px 0;
  font-size: 14px;
}

.ul-news-i li h3 {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 22px;
}

.ul-news-i li p {
  color: #bbbbbe;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 12px;
}

.ul-news-i li .more {
  background: url(../image/more1.png) no-repeat;
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-top: 20px;
}

.ul-news-i li .hover {}

.ul-news-i li .hover .img {
  width: 100%;
  position: absolute;
  top: -175px;
  left: 7px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
}

.ul-news-i li .hover .pad {
  padding: 0 27px 20px 27px;
  position: absolute;
  left: 7px;
  bottom: -168px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #009FE8;
  width: 92%;
}

.ul-news-i li .hover .img {
  height: 165px;
  width: 92%;
}

.ul-news-i li.on .hover .img {
  /*display: block;*/
  top: 0;
}

.ul-news-i li.on .hover .pad {
  bottom: 0;
}

.ul-news-i li .hover .pad p {
  color: rgba(255, 255, 255, 1);
}

.news-more {
  text-align: center;
  padding-top: 50px;
}

.news-more a {
  display: inline-block;
  width: 178px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 5px;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}

.case-more a {
  border: 1px solid rgba(0, 0, 0, .2);
  color: rgba(0, 0, 0, .4);
}

.news-more a:hover {
  background-color: #009FE8;
}

.case-more a:hover {
  border: 1px solid #fff;
  color: #fff;
}

.contact-l {
  width: 38%;
  float: left;
}

.contact-r {
  width: 62%;
  float: right;
}

.ul-contact li {
  background: url(/images/i_icon2.png) no-repeat;
  padding-left: 60px;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 35px;
}

.ul-contact li.li1 {
  background-position: 0 0;
}

.ul-contact li.li2 {
  background-position: 0 -74px;
}

.ul-contact li.li3 {
  background-position: 0 -266px;
}

.ul-contact li.li4 {
  background-position: 0 -127px;
}


.contact-form .inp {
  width: 49%;
  border: 1px solid #6d6d88;
  height: 33px;
  padding: 0 10px;
  margin-bottom: 15px;
}

.contact-form textarea {
  width: 100%;
  border: 1px solid #6d6d88;
  height: 98px;
  margin-bottom: 24px;
}

.contact-form .sub {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #395d8f;
  border: 0;
  cursor: pointer;
  font-size: 16px;
}

.map {
  margin-top: 100px;
  position: relative;
}

.map em {
  background: url(/images/arr1.jpg) center top no-repeat;
  width: 100%;
  height: 15px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.map-s {
  background: url(/images/map_s.png) center top;
  height: 107px;
  text-align: center;
  overflow: hidden;
}

.map .btn {
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 132px;
  display: inline-block;
}

.map .btn-down {
  background: url(/images/map_down.png) no-repeat;
  width: 112px;
  height: 48px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 52px;
  margin-left: -50px;
  z-index: 99;
}

#map {}

.map-pop {
  display: none;
  height: 540px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.map .map-bg1,
.map .map-bg2 {
  background: url(/images/ban_bg_top.png) no-repeat center 0;
  height: 54px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 66;
}

.map .map-bg2 {
  background-image: url(/images/map_bg2.png);
  height: 41px;
  bottom: 0px;
  top: auto;
}

.map-pop-big {
  height: 600px;
  bottom: auto;
  top: 0;
}

.map-big {
  height: 600px;
  margin-top: 0;
}


/*内页*/
#ban-in {
  position: relative;
  background-position: center 0;
  background-repeat: no-repeat;
  width: 100%;
}

#ban-in img {
  width: 100%;
}

#ban-in .ban-bg {
  /*background: url(../images/ban_bg.png) center top no-repeat;*/
  height: 54px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: 60;
}

.pages {
  text-align: center;
  padding-bottom: 76px;
  padding-top: 23px;
  background: #fff;
}

.pages a {
  display: inline-block;
  width: 41px;
  height: 41px;
  background-color: #edecec;
  border-radius: 3px;
  text-align: center;
  line-height: 41px;
  font-size: 18px;
  color: #666;
  margin: 0 4px;
  margin-bottom: 10px;
}

.pages a:hover,
.pages .page-on {
  background-color: #009FE8;
  color: #fff;
}



/*动态*/
.ul-list {
  margin: 0 -15px;
}

.ul-list li {
  float: left;
  width: 25%;
  margin-bottom: 44px;
}

.ul-list li .pic img {
  width: 100%;
  display: block;
  zoom: 1;
}

.ul-list li:hover img {}

.ul-list li .pad {
  padding: 0 15px;
}

.ul-list li .bor {
  border-left: 1px solid #e2e3e8;
  border-right: 1px solid #e2e3e8;
  border-bottom: 1px solid #e2e3e8;
}

.ul-list li:hover .bor {
  border-color: #009FE8;
}

.ul-list li .txt {
  padding: 20px 14px;
  line-height: 20px;
  color: #666;
}

.ul-list li:hover .txt {
  background: #009FE8;
  color: #fff;
}

.ul-list li:hover .title span {
  background: #fff;
  color: #009FE8;
}

.ul-list li .more {
  height: 42px;
  line-height: 42px;
  border-top: 1px dotted #e2e3e8;
  background-color: #f0f2f5;
  padding: 0 14px;
  display: none;
}

.ul-list li .more a {
  color: #009FE8;
}

.ul-list li .more a:hover {
  text-decoration: underline;
}

.ul-list li .title {
  height: 55px;
  margin-bottom: 14px;
}

.ul-list li .title span {
  float: left;
  background-color: #009FE8;
  display: inline-block;
  text-align: center;
  padding: 6px 5px;
  margin-right: 15px;
  color: #fff;
}

.ul-list li .title span em {
  display: block;
  font-size: 16px;
}

.ul-list li .title h3 {
  overflow: hidden;
  height: 54px;
  border-bottom: 1px solid #e2e3e8;
}

.ul-list li .title h3 a {
  display: block;
  overflow: hidden;
  height: 54px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.8;
}

.ul-list li:hover .title h3 a {
  color: #fff;
}

.ul-list li .txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.8;
}

.ul-list li .pic img {
  width: 100%;
  height: 176px;
}

.ul-list li a {
  color: inherit;
}

/*案例*/
.sub-nav {
  text-align: center;
  margin-bottom: 50px;
  margin-top: -18px;
}

.sub-nav ul li {
  display: inline-block;
  margin: 0 18px;
  font-size: 16px;
}

.sub-nav ul li a {
  padding-left: 14px;
  display: inline-block;
}

.sub-nav ul li a:hover,
.sub-nav ul li.on a {
  background: url(/images/disc.jpg) left center no-repeat;
  color: #009FE8;
}

.sub-nav ul li a.tt {
  background: url(/images/disc.jpg) left center no-repeat;
  color: #009FE8;
}

.ul-case {
  margin: 0 -15px;
}

.ul-case li {
  float: left;
  width: 33.3333%;
  padding: 0 15px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}

.ul-case li .block {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ul-case li .pic img {
  display: block;
  width: 100%;
}

.ul-case li .txt {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 100%;
  background: url(/images/alpha_blue_60.png) repeat;
  text-align: center;
  color: #fff;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}

.ul-case li .txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ul-case li .txt h5,
.ul-case li .txt h3 {
  color: #fff;
}

.ul-case li .txt:hover {
  opacity: 1;
}

.ul-case li .txt b,
.ul-case li .txt .pad {
  display: inline-block;
  vertical-align: middle;
}

.ul-case li .txt b {
  width: 0;
  height: 100%;
}

.ul-case li .txt h5 {
  font-size: 16px;
}

.ul-case li .txt em {
  width: 45px;
  height: 0;
  border-bottom: 1px solid #fff;
  display: inline-block;
  margin: 20px 0 40px 0;
}

.ul-case li .txt h3 {
  font-size: 18px;
  margin-bottom: 40px;
}

.ul-case li .txt .more {
  width: 122px;
  height: 45px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  background-color: #009FE8;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
}

.ul-case li .txt .more:hover {
  opacity: .8;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.ul-case li.on .txt {
  top: 0;
}



/*关于*/
.about-info {
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  color: #666;
  padding-bottom: 50px;
}

.customer {
  background: url(/images/bg_3.jpg) center top no-repeat;
  background-size: 100% 100%;
  padding-top: 25px;
  padding-bottom: 54px;
  margin-top: 50px;
}

.customer1 {
  background-size: 100% 100%;
  background: url(/images/bg_4.jpg) no-repeat;
  padding-bottom: 45px;
}

.customer1 .ul-customer1 {
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  max-width: 1150px;
}

.customer1 .ul-customer1 li {
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0;
  position: relative;
  width: 20%;
  float: left;
  box-sizing: border-box;
  overflow: hidden;
}

.ul-customer1 li a img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  max-width: 100%;
  max-height: 100%;
}

.ul-customer1 li a img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.team {
  padding-bottom: 95px;
}

.team .flexslider {
  position: relative;
}

.team .flexslider em {
  width: 10px;
  height: 30px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #fff;
}

.team .flexslider .slides li {
  /*background-position: 89% 0;*/
  height: 468px;
  /*background-repeat: no-repeat;*/
}

.team .flexslider li .txt {
  padding-top: 85px;
  font-size: 14px;
  line-height: 36px;
  width: 30%;
  float: left;
}

.team .flexslider li .txt h3 {
  font-size: 30px;
  color: #63637f;
  padding-bottom: 25px;
}

.team .flexslider li .txt .more {
  width: 123px;
  height: 37px;
  border-radius: 5px;
  display: inline-block;
  line-height: 37px;
  text-align: center;
  margin-top: 40px;
  font-size: 16px;
  border: 1px solid #63637f;
  color: #63637f;
}

.team .flexslider li .txt .more:hover {

  border: 1px solid #e85346;
  color: #009FE8;
}

.team .flexslider li .pic {
  float: right;
  position: absolute;
  top: 0px;
  left: 788px;
}

.team .flexslider li .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 1\0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'\9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;
}

.team .flex-direction-nav {
  max-width: 1150px;
  margin: 0 auto;
  background: url(/images/line.jpg) repeat-x center center;
  height: 30px;
  text-align: center;
}

.team .flex-direction-nav li {
  display: inline-block;

}

.team .flex-direction-nav a {
  position: relative;
  width: 216px;
  height: 30px;
  text-align: center;
  background: url(/images/arr_t.png) center center no-repeat #63637f;
  border-radius: 10px;
  display: inline-block;
  opacity: 1 !important;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  top: 13px;
}

.team .flex-direction-nav .flex-prev {}

.team .flex-direction-nav .flex-next {
  background-image: url(/images/arr_b.png);
  left: 10px;
}

.team .flex-direction-nav a:hover {
  background-color: #009FE8;
}

.flexslider .animated {
  opacity: 0;
  filter: alpha(opacity=0);
  opacity: 100\9;
  filter: alpha(opacity=100)\9;
}

/* .team .s1{
	-webkit-animation-delay: .5s;
	-o-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s;
}

.team .s2{
	-webkit-animation-delay: .8s;
	-o-animation-delay: .8s;
	-moz-animation-delay: .8s;
	animation-delay: .8s;
}
.team .s3{
	-webkit-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.team .s4{
	-webkit-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
} */

.ul-about li {
  float: left;
  width: 33.333%;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

.ul-about li h3 {
  font-size: 24px;
  color: #002;
  line-height: 36px;
}

.ul-about li em {
  display: inline-block;
  width: 45px;
  margin-bottom: 20px;
  margin-top: 25px;
}

.ul-about li .block {
  position: relative;
  height: 235px;
  margin: 0 auto;
}

.ul-about li .block img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.ul-about li.li1 .block {
  width: 150px;
}

.ul-about li.li2 .block {
  width: 215px;
}

.ul-about li.li3 .block {
  width: 252px;
}

.ul-about li.li1 .block,
.ul-about li.li2 .block {
  padding-top: 30px;
}


/*动态详情页*/
.cur {
  line-height: 76px;
  color: #666;
  background-color: #f8f9fa;
}

.cur1 {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 31px;
}

.cur a {
  color: #666;
}

.article {
  line-height: 30px;
  padding-bottom: 76px;
  color: #666;
}

.article-con {
  font-size: 16px;
  color: #0E0E0E;
}

.article h1 {
  font-size: 26px;
  color: #333;
  text-align: center;
  padding-top: 45px;
  line-height: 1.8;
}

.article-con p {
  margin-bottom: 24px;
}

.article .time {
  line-height: 42px;
  border-bottom: 1px solid #999;
  text-align: center;
  padding-bottom: 16px;
  margin-bottom: 25px;
  font-size: 14px;
}

.article .sm-title {
  border-bottom: 0 none;
  margin-bottom: 0;
}

.article .info {
  background: #f9f9f9;
  padding: 27px 30px;
  text-indent: 2em;
  line-height: 24px;
  font-size: 12px;
}

.article .share span {
  font-size: 14px;
  float: left;
  display: inline-block;
  line-height: 37px;
}

.article .article-con img {
  max-width: 100% !important;
}


/*案例详情*/
.case-article {
  line-height: 30px;
  color: #666;
}

.case-article-bg {
  margin-bottom: 4%;
  margin-bottom: 5%\0 !important;
  background-position: top center\0 !important;
}

.case-article .case-logo {
  text-align: center;
  padding-top: 38px;
}

.case-article h1 {
  line-height: 40px;
  font-size: 18px;
  text-align: center;
}

.case-article .btn {
  text-align: center;
  padding: 10px 0;
  margin-bottom: 30px;
}

.case-article .btn a {
  display: inline-block;
  width: 120px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #009FE8;
  color: #fff;
  font-size: 14px;
  margin: 0 12px;
  border-radius: 5px;
}

.case-article .computer-bg {
  position: relative;
  text-align: center;
  background: url(/images/computer.png) center top no-repeat;
  /*
	transform: translateY(45.9%);*/
  -webkit-transform: translateY(45.9%);
  -moz-transform: translateY(45.9%);
  width: 70%;
  margin: 0 auto;
  margin: -32% auto 0 auto;
  -webkit-background-size: 100%;
  background-size: 89%;
  padding-top: 70%;
  margin: 0 auto\0;
  padding-top: 50%\0;
}

.case-article .computer-bg img {
  position: absolute;
  left: 8.5%;
  top: 4%;
  width: 83%;
}

.case-article .case-back {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 90px;
}

.case-article .case-back a {
  display: inline-block;
  width: 178px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border: 1px solid #63637f;
  color: #002;
  font-size: 18px;
  border-radius: 5px;
}

.case-article .case-back a:hover {
  background-color: #009FE8;
  color: #fff;
  border-color: #009FE8;
}

.article-prev,
.article-next {
  position: absolute;
  top: 50%;
  background: url(/images/article_prev.png) no-repeat;
  width: 36px;
  height: 66px;
  margin-top: -33px;
  left: 0;
  z-index: 2;
}

.article-next {
  background-image: url(/images/article_next.png);
  left: auto;
  right: 0;
}


/*服务*/
.servicetop {
  background: #f6f6f6;
  padding: 76px 0;
}

.servicetop .dn-row {
  max-width: 1150px;
  margin: 0 auto;
}

.servicetop .tit {
  font-size: 24px;
  color: #373d41;
  line-height: 42px;
  height: 42px;
  text-align: center;
}

.servicetop .inner .list {
  float: left;
  width: 20%;
  height: 55px;
  margin-top: 30px;
  text-align: center;
  border-right: 1px solid hsla(0, 0%, 59%, .3);
}

.servicetop .inner .list:first-child {
  border-left: 1px solid hsla(0, 0%, 59%, .3);
}

.servicetop .inner .list .txt {
  margin-top: 4px;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
}

.servicetop .inner .list .txt .logo {
  float: left;
  width: 41px;
  height: 45px;
}

.servicetop .inner .list .txt .list-word {
  float: left;
  margin-top: 4px;
  margin-left: 10px;
}

.servicetop .inner .list .txt .list-word .word {
  position: relative;
  width: 110px;
  font-size: 16px;
  height: 22px;
  line-height: 22px;
  color: #373d41;
  text-align: left;
}

.servicetop .inner .list .txt .list-word .subword {
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  color: #9b9ea0;
  text-align: left;
}

.caselist ul.items.servicebox li {
  height: 300px;
}

.caselist ul.items.servicebox li p {
  height: 120px;
}

.caselist ul.items.servicebox li .bg {
  height: 120px;
}

.caselist ul.items.servicebox li .bg u {
  height: 120px;
}

.caselist ul.items.servicebox li .caseBox {
  width: 360px;
  border-bottom: none;
}

.caselist .servicebox .img-responsive {
  height: 180px;
}

.caselist ul.items.servicebox li .shade {
  height: 180px;
  margin-top: -180px;
}

.caselist ul.items.servicebox li p {
  border-left: 1px solid #e2e3e9;
  border-right: 1px solid #e2e3e9;
  border-bottom: 1px solid #e2e3e9;
}

.h50 {
  height: 50px;
  overflow: hidden;
  clear: both;
}

.ul-webset li {
  float: left;
  width: 33.333%;
  text-align: center;
  height: 322px;
}

.ul-webset li .block {
  position: relative;
  height: 220px;
  margin: 0 auto;
}

.ul-webset li.li1 .block {
  width: 366px;
}

.ul-webset li.li2 .block {
  width: 316px;
}

.ul-webset li.li3 .block {
  width: 230px;
}

.ul-webset li .block img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.ul-webset li h3 {
  font-size: 24px;
  line-height: 34px;
  color: #333;
}

.ul-webset li .btn {
  background: url(/images/disc2.png) center center no-repeat #009FE8;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 30px;
}

.ul-webset li .btn:hover {
  opacity: .6;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

.ul-webset {}

.webset-pop {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f5f6fa;
  border: 1px solid #e4e5e7;
  z-index: 60;
  padding: 0 27px;
  padding-bottom: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
  left: -100%;
  width: 100%;
  overflow: hidden;
}

.webset-pop h2 {
  font-size: 20px;
  text-align: left;
  line-height: 66px;
}

.webset-pop h2 a.close {
  background: url(/images/close.png) no-repeat;
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  top: 20px;
  left: auto;
  float: right;
}

.webset-pop .txt {
  width: 25%;
  margin-right: -10px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.nowrap * {
  white-space: nowrap;
}

.webset-pop .txt h4 {
  font-size: 20px;
  background: url(/images/icon1.png) left top no-repeat;
  padding-left: 60px;
  height: 40px;
}

.webset-pop .txt h4.tit-web1 {
  background-image: url(/images/icon2.png);
}

.webset-pop .txt h4.tit-web2 {
  background-image: url(/images/icon3.png);
}

.webset-pop .txt dl {
  padding-left: 57px;
}

.webset-pop .txt dl dd {
  font-size: 16px;
  line-height: 34px;
  background: url(/images/disc4.png) left center no-repeat;
  padding-left: 15px;
}

.webset-pop .txt1 {
  width: 50%;
}

.ul-webset li .ul-txt {
  padding-left: 57px;
  border: 0;
}

.ul-webset li .ul-txt li {
  width: 100%;
  text-align: left;
  height: auto;
}

.ul-webset li .ul-txt li h5 {
  border: 0;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
}

.ul-webset li .ul-txt li h5 a {
  padding-left: 15px;
  background: url(/images/disc4.png) left center no-repeat;
}

.ul-webset li .ul-txt li .txt-1 {
  font-size: 14px;
  line-height: 24px;
  color: #999;
  padding-left: 27px;
  padding-bottom: 15px;
  display: none;
}

.ul-webset li .ul-txt li.ok .txt-1 {
  display: block;
}

.ul-web {
  background: url(/images/jjd.png) center center no-repeat;
  overflow: hidden;
  background-size: 100%;
}

.ul-web li {
  float: left;
  text-align: center;
  width: 25%;
  padding-left: 5%;
}

.ul-web li h3 {
  display: inline-block;
  border: 1px dashed #358acb;
  height: 38px;
  line-height: 38px;
  border-radius: 5px;
  padding: 0 17px;
  color: #358acb;
  font-size: 16px;
  margin-top: 20px;
}

.ul-web li .block {
  position: relative;
  height: 151px;
}

.ul-web li .block img {
  position: absolute;
  left: 20px;
  top: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.ul-web li.li1 .block {
  width: 116px;
  left: 50%;
  margin-left: -70px;
}

.ul-web li.li2 .block {
  width: 151px;
  left: 50%;
  margin-left: -95px;
}

.ul-web li.li3 .block {
  width: 125px;
  left: 50%;
  margin-left: -85px;
}

.ul-web li.li4 .block {
  width: 195px;
  left: 50%;
  margin-left: -120px;
}


.bg-blue {
  background: url(/images/bg_4.png) center top no-repeat;
  padding-top: 25px;
  padding-bottom: 100px;
}

.ul-tab {
  width: 193px;
  float: left;
  background: url(/images/line3.png) repeat-y 183px top;
  margin-right: 80px;
  padding-top: 45px;
}

.ul-tab li {
  margin-bottom: 50px;
}

.ul-tab li a {
  color: #666;
}

.ul-tab li h3 {
  font-size: 20px;
  background: url(/images/circle.png) right center no-repeat;
}

.ul-tab li span {
  display: block;
  font-size: 14px;
  color: #999;
}

.ul-tab li.hover h3,
.ul-tab li a:hover h3 {
  background-image: url(/images/circle1.png);
  color: #009FE8;
}

.ul-tab li.hover span,
.ul-tab li a:hover span {
  color: #009FE8;
}

.tab-show {}

.tab-con {
  overflow: hidden;
}

.tab-con .animated {
  opacity: 0;
  filter: alpha(opacity=0);
}

.web-con .shou {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.web-con .pic {
  float: right;
  position: relative;
  width: 139px;
  text-align: center;
  margin-top: 50px;
  margin-right: 40px;
}

.web-con .flex-control-nav {
  display: none;
}

.web-con .pic .img {
  /* position: absolute;
	left: 43px;
	top: 50px; */
  width: 139px;
  z-index: -1;
  display: inline-block;
}

.tab-con .txt {
  /*width: 66%;*/
  width: 84%;
}

.tab-con .pic {
  float: right;
  position: relative;
  width: 218px;
  text-align: center;
  margin-top: 50px;
}

.tab-con .pic .img {
  /* position: absolute;
	left: 43px;
	top: 50px; */
  width: 139px;
  z-index: -1;
}

.tab-con-box {
  width: 59%;
  float: left;
}

.tab-con .txt p {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  padding-bottom: 45px;
}

.ul-icon {
  /*padding-right: 50px;*/
  overflow: hidden;
}

.ul-icon li {
  width: 94px;
  height: 94px;
  border-radius: 100%;
  background-color: #e4e5e7;
  color: #666;
  text-align: center;
  float: left;
  font-size: 15px;
  line-height: 22px;
  padding: 0 17px;
  margin: 0 25px 30px 25px;
}

.ul-icon li b,
.ul-icon li span {
  display: inline-block;
  vertical-align: middle;
}

.ul-icon li b {
  width: 0;
  height: 100%;
}

.service {
  background: url(/images/bg_5.png) center top no-repeat;
  padding-top: 25px;
  padding-bottom: 63px;
}

.process {
  overflow: hidden;
}

.process .con {
  position: relative;
}

.animate-box,
.animate-box .con {
  width: 1150px;
}

.process .pad {
  padding-top: 26%;
}

.process img {
  position: absolute;
  left: 0;
  top: 0;
}

.process span {
  display: inline-block;
  color: #90a1b3;
  font-size: 16px;
  position: absolute;
}

.process span.s1 {
  left: 0%;
  top: 0%;
}

.process span.s2 {
  left: 4.6%;
  top: 0%;
}

.process span.s3 {
  left: 1.6%;
  top: 22%;
}

.process span.s4 {
  left: 1.6%;
  top: 65%;
}

.process span.s5 {
  left: 9.5%;
  top: 42%;
}

.process span.s6 {
  left: 20%;
  top: 65%;
}

.process span.s7 {
  left: 27%;
  top: 50%;
}

.process span.s8 {
  left: 38%;
  top: 89%;
}

.process span.s9 {
  left: 49%;
  top: 15%;
}

.process span.s10 {
  left: 57%;
  top: 89%;
}

.process span.s11 {
  left: 77.5%;
  top: 64%;
}

.process span.s12 {
  left: 94%;
  top: 4%;
}

.process em {
  position: absolute;
  background: url(/images/r1.png) no-repeat;
  display: inline-block;
  z-index: 60;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.process em.q1 {
  width: 60px;
  height: 61px;
  left: 0;
  top: 40%;
}

.process em.q2 {
  width: 57px;
  height: 57px;
  top: 42%;
  left: 19%;
  background-image: url(/images/r2.png);
}

.process em.q3 {
  background-image: url(/images/r3.png);
  width: 62px;
  height: 56px;
  top: 68%;
  left: 38%;
}

.process em.q4 {
  background-image: url(/images/r4.png);
  width: 86px;
  height: 86px;
  top: 29%;
  left: 47%;
}

.process em.q5 {
  background-image: url(/images/r5.png);
  width: 63px;
  height: 59px;
  top: 68%;
  left: 57%;
}

.process em.q6 {
  background-image: url(/images/r6.png);
  width: 51px;
  height: 51px;
  left: 77%;
  top: 40%;
}

.process em.q7 {
  background-image: url(/images/r7.png);
  width: 68px;
  height: 63px;
  left: 94%;
  top: 18%;
}


.ul-solution {
  overflow: hidden;
}

.ul-solution li {
  float: left;
  width: 16.66666%;
  /*width: 15.67%;*/
  text-align: center;
  margin-bottom: 65px;
  position: relative;
}

.ul-solution li a {
  display: block;
  height: 140px;
  font-size: 16px;
  line-height: 30px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
}

.ul-solution li a span {
  display: block;
  background: url(/images/icon_solution.png) no-repeat;
  width: 102px;
  height: 102px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
}

.ul-solution li a em {
  display: block;
  position: relative;
}

.ul-solution li.li1 span {
  background-position: -1px 0;
}

.ul-solution li.li2 span {
  background-position: -215px 0;
}

.ul-solution li.li3 span {
  background-position: -429px 0;
}

.ul-solution li.li4 span {
  background-position: -643px 0;
}

.ul-solution li.li5 span {
  background-position: -857px 0;
}

.ul-solution li.li6 span {
  background-position: -1070px 0;
}

.ul-solution li.li7 span {
  background-position: 0px bottom;
}

.ul-solution li.li8 span {
  background-position: -215px bottom;
}

.ul-solution li.li9 span {
  background-position: -429px bottom;
}

.ul-solution li.li10 span {
  background-position: -643px bottom;
}

.ul-solution li.li11 span {
  background-position: -857px bottom;
}

.ul-solution li.li12 span {
  background-position: -1070px bottom;
}

.ul-solution li a:hover span {
  background-image: url(/images/icon_solution_h.png);
}

.service-con .pic a:hover {
  opacity: .8;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.service-con .col-l,
.service-con .col-r {
  width: 50%;
  float: left;
}

.service-con .tit-s {
  line-height: 100px;
  background: url(/images/disc3.png) left center no-repeat;
  padding-left: 14px;
  font-size: 18px;
}

.ul-service li {
  float: left;
  width: 50%;
  padding-right: 29px;
  margin-bottom: 30px;
}

.ul-service li .pad {
  font-size: 14px;
  padding: 14px;
  height: 148px;
  border: 1px solid #e5e5e5;
}

.ul-service li .pad p {
  max-height: 60px;
  overflow: hidden;
}

.ul-service li .pad span {
  display: block;
  overflow: hidden;
  clear: both;
}

.ul-service li .pad span i {
  display: block;
  font-style: normal;
  vertical-align: top;
  padding-left: 40px;
  padding-top: 6px;
}

.ul-service li img {
  display: block;
  float: left;
  margin-bottom: 16px;
}

.ul-txt {
  border: 1px solid #e5e5e5;
}

.ul-txt li {}

.ul-txt li h5 {
  background: url(/images/jia.png) 95% center no-repeat;
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 14px;
}

.ul-txt li .txt {
  border-bottom: 1px solid #e5e5e5;
  line-height: 20px;
  display: none;
  color: #666;
  height: 130px;
  padding: 0 14px;
}

.ul-txt li.ok .txt {
  display: block;
}

.ul-txt li.ok h5 {
  background-image: url(/images/jian.png);
  border-bottom: 0;
}

.service-btn {
  text-align: center;
  padding: 55px 0;
}

.service-btn a {
  display: inline-block;
  width: 170px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #009FE8;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  margin: 0 22px;
}

.service-btn a:hover {
  opacity: .8;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}



.caselist ul.items {
  top: 0px;
}

.caselist ul.items li {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  float: left;
  width: 33.33%;
  height: 280px;
}

.case .caselist ul.items li {
  margin-bottom: 60px;
}

.caselist ul.items li .caseBox {
  display: inline-block;
  width: 340px;
  height: 280px;
  overflow: hidden;
  /*border-bottom:2px solid #009FE8;*/
  position: relative;
  box-sizing: border-box;
  background: #fff;
}

.caselist ul.items li:nth-child(3n+1) {
  text-align: left;
}

.caselist ul.items li:nth-child(3n+2) {
  text-align: center;
}

.caselist ul.items li:nth-child(3n+3) {
  text-align: right;
}

.caselist ul.items li .shade {
  position: absolute;
  width: 100%;
  height: 190px;
  margin-top: -190px;
  background: rgba(0, 0, 0, .7);
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: Center;
}

.caselist ul.items li .shade .ewm {
  width: 90px;
  height: 90px;
}

/*.caselist ul.items li .shade u {
	display: block;
	margin: 0 auto;
	margin-top: 66px;
	width: 44px;
	height: 44px;
	background: url(../Images/icons.png) no-repeat 0px -168px;
}*/
.caselist ul.items li .shade .title {
  display: inline-block;
  border: 1px dashed #eee;
  color: #fff;
  width: 100px;
  height: 36px;
  line-height: 34px;
  text-align: center
}

.caselist ul.items li p {
  position: absolute;
  padding: 16px 20px;
  color: #999;
  font-size: 12px;
  line-height: 26px;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  z-index: 10;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
}

.caselist ul.items li.casePage p {
  border-left: 1px solid #e2e3e9;
  border-right: 1px solid #e2e3e9;
  border-bottom: 1px solid #e2e3e9;
}

.caselist ul.items li p strong {
  color: #222;
  font-size: 16px;
  font-weight: normal;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.caselist ul.items li .bg {
  width: 100%;
  height: 100px;
  background-color: #fff;
  /*-moz-opacity: 0.5;*/
  /*opacity: 0.5;*/
  /*filter: alpha(opacity=50);*/
  opacity: 0;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.caselist ul.items li .bg u {
  display: block;
  position: absolute;
  width: 100%;
  height: 100px;
  margin-left: -340px;
  background-color: #009FE8;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover .shade {
  margin-top: 0px;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.caselist ul.items li.casePage:hover p {
  border-left: 1px solid #009FE8;
  border-right: 1px solid #009FE8;
  border-bottom: 1px solid #009FE8;
}

.caselist ul.items li:hover .bg {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all .3s ease-in-out 0s;
}

.caselist ul.items li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.caselist ul.items li:hover .bg u {
  margin-left: 0px;
  transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover p {
  color: White;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover p strong {
  color: White;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.caselist ul.items.casePage li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.caselist ul.items.casePage li:nth-child(3n+3) {
  margin-right: 0;
}

.caselist ul.items.casePage li {}

.caselist .img-responsive {
  display: block;
  width: 100%;
  height: 190px;
}

.caselist .list-inline>li {
  display: inline-block;
}

.case-article img {
  max-width: 100%;
  padding: 4px;
  box-sizing: border-box;

}

.pic img {
  max-width: 100%;
}

.artshow {
  position: relative;
}

.artshow aside {
  position: absolute;
  top: 0;
  right: 10px;
  width: 280px;
  border: 15px solid White;
  background: White;
  z-index: 100;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.artshow aside.active {
  right: 85px;
}

.artshow aside .ad img {
  width: 280px;
  height: 210px;
}

.artshow aside .caption {
  margin-top: 25px;
  height: 25px;
  border-bottom: 2px solid #eee;
}

.artshow aside .caption h3 {
  display: inline-block;
  position: relative;
  top: -22px;
  padding-bottom: 8px;
  font-size: 18px;
  border-bottom: 2px solid #2fd0b5;
}

.artshow aside ul.items {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
}

.artshow aside ul.items li {
  margin-top: 20px;
  height: 70px;
}

.artshow aside ul.items li a.thumb {
  float: left;
  margin-right: 15px;
}

.artshow aside ul.items li a.thumb img {
  width: 101px;
  height: 70px;
}

.artshow aside ul.items li .title {
  display: block;
  line-height: 22px;
}

.artshow aside ul.items li .title a {
  color: #333;
  text-decoration: none;
}

.artshow aside ul.items li .title a:hover {
  color: #2fd0b5;
}

.artshow aside ul.items li .rel {
  margin-top: 5px;
  display: block;
  color: #aaa;
}

.artshow aside ul.items li .rel .glyphicon {
  margin: 0px 5px 0px 15px;
}

.txt img {
  margin-bottom: 12px;
}

.ba {
  color: #666;
}

.ba a {
  color: #666;
}

.ba a:hover {
  color: #666;
}


/*首页一站式服务产品*/

/*首页一站式服务产品*/
.u-index-produce {
  background: #f6f6f6;
  font-size: 14px;
  padding-top: 76px;
  padding-bottom: 76px;
}

.u-index-produce .pro-box,
.u-index-case {
  width: 100%;
  margin: 0 auto;
}

.u-index-produce .pro-banner {
  width: 100%;
}

.u-index-produce .swiper-slide {
  background: #f6f6f6;
}

.u-index-produce .pro-title {
  text-align: center;
}

.pro-box .pro-title {
  margin-bottom: 60px;
}

h1.index-h1 {
  text-align: center;
  font-size: 26px;
  color: #373d41;
  font-weight: bold;
}

p.index-intro {
  display: block;
  text-align: center;
  margin-top: 12px;
  font-size: 16px;
  color: #5f6367;
}

.produce {
  max-width: 1150px;
  margin: 0 auto;
}

.produce .flexslider {
  background: none;
}

.produce .produceBox {
  width: 25%;
  margin-bottom: 15px;
  float: left;
  text-align: center;
}

.produce .produceBox:nth-child(4n+2) {}

.produce .produceBox:nth-child(4n+3) {}

.produce .produceBox:nth-child(4n+1) {}

.produce .produceBox:nth-child(4n+4) {}

.produce .produceBox .itemBox {
  display: inline-block;
  text-align: center;
  text-align-last: auto;
  position: relative;
  width: 256px;
  height: 256px;
  margin: 0;
  background: #fff;
  position: relative;
}

.produce .intro {
  display: block;
  position: relative;
  text-align: center;
  height: 100%;
  border: 1px solid #eee;
}

.produce .intro:hover {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transition: all .3s ease 0s;
  -ms-box-shadow: 0 2px 30px 4px rgba(0, 0, 0, .12);
  -o-box-shadow: 0 2px 30px 4px rgba(0, 0, 0, .12);
  box-shadow: 0 2px 30px 4px rgba(0, 0, 0, .12);
}

.produce .intro h3 {
  font-size: 16px;
  color: #2d2d2d;
  line-height: 36px;
  padding-top: 10px;
}

.produce .intro p {
  font-size: 12px;
  color: #838383;
  line-height: 22px;
}

.produce .intro .detail-link {
  display: block;
  font-size: 14px;
  /*padding: 20px 0 0 0;*/
  padding: 18px 0 0 0;
  text-align: center;
}

.produce .intro .detail-link a {
  display: inline-block;
  border: 1px solid #009FE8;
  width: 100px;
  height: 36px;
  line-height: 33px;
  font-size: 14px;
  color: #009FE8;
  text-decoration: none;
  cursor: pointer;
}

.produce .detail .detail-link a:hover {
  background: #009FE8;
  color: #fff;
}

.produce .produceBox .itemBox .intro img {
  width: 100%;
  height: 148px;
  display: block;
}

.produce .produceBox:hover .detail {
  z-index: 5;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.produce .detail {
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  width: 505px;
  padding-bottom: 50px;
  margin: -300px 0 0 -263px;
  z-index: -1;
  top: 50%;
  left: 50%;
  background-color: #fff;
  -ms-box-shadow: 0 2px 14px 4px rgba(14, 5, 10, .15);
  -o-box-shadow: 0 2px 14px 4px rgba(14, 5, 10, .15);
  box-shadow: 0 2px 14px 4px rgba(14, 5, 10, .15);
  transition: all .3s ease 0s;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.produce .detail .detail-header {
  color: #fff;
  width: 100%;
  background: url(../image/business_faceid_pop.jpg) no-repeat 0 0;
  height: 198px;
  padding: 46px 30px 0
}

.produce .detail ul {
  padding: 36px 38px 0px 28px;
  display: flex;
  line-height: 0;
  flex-wrap: wrap;
  justify-content: space-around;
}

.produce .detail .detail-link {
  display: block;
  font-size: 14px;
  /*padding: 20px 0 0 0;*/
  text-align: center;
}

.produce .detail .detail-link a {
  display: inline-block;
  border: 1px solid #009FE8;
  width: 140px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #009FE8;
  text-decoration: none;
  cursor: pointer;
}

.produce .detail .detail-link a:hover {
  background: #009FE8;
  color: #fff;
}

.produce .detail ul li {
  display: inline-block;
}

.produce .detail ul li {
  text-align-last: auto;
  text-align: center;
  display: inline-block;
  width: 25%;
  margin-bottom: 36px
}

.produce .detail ul>* {
  vertical-align: top;
}

.produce .detail .smartuicon01-1,
.produce .detail .smartuicon01-2,
.produce .detail .smartuicon01-3,
.produce .detail .smartuicon01-4,
.produce .detail .smartuicon01-5,
.produce .detail .smartuicon01-6,
.produce .detail .smartuicon01-7,
.produce .detail .smartuicon01-8,
.produce .detail .icon1,
.produce .detail .icon2,
.produce .detail .icon3,
.produce .detail .icon4,
.produce .detail .shopuicon01,
.produce .detail .shopuicon02,
.produce .detail .shopuicon03,
.produce .detail .shopuicon04,
.produce .detail .shopuicon05,
.produce .detail .shopuicon06,
.produce .detail .shopuicon07,
.produce .detail .shopuicon08,
.produce .detail .operateuicon01,
.produce .detail .operateuicon02,
.produce .detail .operateuicon03,
.produce .detail .operateuicon04,
.produce .detail .operateuicon05,
.produce .detail .operateuicon06,
.produce .detail .operateuicon07,
.produce .detail .operateuicon08,
.produce .detail .homecoming01,
.produce .detail .homecoming02,
.produce .detail .homecoming03,
.produce .detail .homecoming04,
.produce .detail .AnniversaryU01,
.produce .detail .AnniversaryU02,
.produce .detail .AnniversaryU03,
.produce .detail .AnniversaryU04,
.produce .detail .AnniversaryU05,
.produce .detail .AnniversaryU06,
.produce .detail .AnniversaryU07,
.produce .detail .AnniversaryU08,
.produce .detail .card01,
.produce .detail .card02,
.produce .detail .card03,
.produce .detail .card04,
.produce .detail .dataU01,
.produce .detail .dataU02,
.produce .detail .dataU03,
.produce .detail .dataU04 {
  height: 44px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: bottom;
  background-size: 100%;
}

.produce .detail .icon1 {
  width: 44px;
  background-image: url(../image/business_faceid_icon1.png);
}

.produce .detail .icon2 {
  width: 44px;
  background-image: url(../image/business_faceid_icon1.png);
}

.produce .detail .icon3 {
  width: 44px;
  background-image: url(../image/business_faceid_icon1.png);
}

.produce .detail .icon4 {
  width: 44px;
  background-image: url(../image/business_faceid_icon1.png);
}

.produce .detail .operateuicon01 {
  width: 44px;
  background-image: url(/img/operateuicon01.png);
}

.produce .detail .operateuicon02 {
  width: 44px;
  background-image: url(/img/operateuicon02.png);
}

.produce .detail .operateuicon03 {
  width: 44px;
  background-image: url(/img/operateuicon03.png);
}

.produce .detail .operateuicon04 {
  width: 44px;
  background-image: url(/img/operateuicon04.png);
}

.produce .detail .operateuicon05 {
  width: 44px;
  background-image: url(/img/operateuicon05.png);
}

.produce .detail .operateuicon06 {
  width: 44px;
  background-image: url(/img/operateuicon06.png);
}

.produce .detail .operateuicon07 {
  width: 44px;
  background-image: url(/img/operateuicon07.png);
}

.produce .detail .operateuicon08 {
  width: 44px;
  background-image: url(/img/operateuicon08.png);
}

.produce .detail .smartuicon01-1 {
  width: 44px;
  background-image: url(/img/smartuicon01-1.png);
}

.produce .detail .smartuicon01-2 {
  width: 44px;
  background-image: url(/img/smartuicon01-2.png);
}

.produce .detail .smartuicon01-3 {
  width: 44px;
  background-image: url(/img/smartuicon01-3.png);
}

.produce .detail .smartuicon01-4 {
  width: 44px;
  background-image: url(/img/smartuicon01-4.png);
}

.produce .detail .smartuicon01-5 {
  width: 44px;
  background-image: url(/img/smartuicon01-5.png);
}

.produce .detail .smartuicon01-6 {
  width: 44px;
  background-image: url(/img/smartuicon01-6.png);
}

.produce .detail .smartuicon01-7 {
  width: 44px;
  background-image: url(/img/smartuicon01-7.png);
}

.produce .detail .smartuicon01-8 {
  width: 44px;
  background-image: url(/img/smartuicon01-8.png);
}


.produce .detail .shopuicon01 {
  width: 44px;
  background-image: url(/img/shopuicon01.png);
}

.produce .detail .shopuicon02 {
  width: 44px;
  background-image: url(/img/shopuicon02.png);
}

.produce .detail .shopuicon03 {
  width: 44px;
  background-image: url(/img/shopuicon03.png);
}

.produce .detail .shopuicon04 {
  width: 44px;
  background-image: url(/img/shopuicon04.png);
}

.produce .detail .shopuicon05 {
  width: 44px;
  background-image: url(/img/shopuicon05.png);
}

.produce .detail .shopuicon06 {
  width: 44px;
  background-image: url(/img/shopuicon06.png);
}

.produce .detail .shopuicon07 {
  width: 44px;
  background-image: url(/img/shopuicon07.png);
}

.produce .detail .shopuicon08 {
  width: 44px;
  background-image: url(/img/shopuicon08.png);
}

.produce .detail .homecoming01 {
  width: 44px;
  background-image: url(/images/homecoming01.png);
}

.produce .detail .homecoming02 {
  width: 44px;
  background-image: url(/images/homecoming02.png);
}

.produce .detail .homecoming03 {
  width: 44px;
  background-image: url(/images/homecoming03.png);
}

.produce .detail .homecoming04 {
  width: 44px;
  background-image: url(/images/homecoming04.png);
}

.produce .detail .AnniversaryU01 {
  width: 44px;
  background-image: url(/images/AnniversaryU01.png);
}

.produce .detail .AnniversaryU02 {
  width: 44px;
  background-image: url(/images/AnniversaryU02.png);
}

.produce .detail .AnniversaryU03 {
  width: 44px;
  background-image: url(/images/AnniversaryU03.png);
}

.produce .detail .AnniversaryU04 {
  width: 44px;
  background-image: url(/images/AnniversaryU04.png);
}

.produce .detail .AnniversaryU05 {
  width: 44px;
  background-image: url(/images/AnniversaryU05.png);
}

.produce .detail .AnniversaryU06 {
  width: 44px;
  background-image: url(/images/AnniversaryU06.png);
}

.produce .detail .AnniversaryU07 {
  width: 44px;
  background-image: url(/images/AnniversaryU07.png);
}

.produce .detail .AnniversaryU08 {
  width: 44px;
  background-image: url(/images/AnniversaryU08.png);
}

.produce .detail .card01 {
  width: 44px;
  background-image: url(/images/card01.png);
}

.produce .detail .card02 {
  width: 44px;
  background-image: url(/images/card02.png);
}

.produce .detail .card03 {
  width: 44px;
  background-image: url(/images/card03.png);
}

.produce .detail .card04 {
  width: 44px;
  background-image: url(/images/card04.png);
}

.produce .detail .dataU01 {
  width: 44px;
  background-image: url(/images/dataU01.png);
}

.produce .detail .dataU02 {
  width: 44px;
  background-image: url(/images/dataU02.png);
}

.produce .detail .dataU03 {
  width: 44px;
  background-image: url(/images/dataU03.png);
}

.produce .detail .dataU04 {
  width: 44px;
  background-image: url(/images/dataU04.png);
}





.donate-icon {
  width: 44px;
  height: 44px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: bottom;
  background-size: 100%;
}

.dn1 {
  background-image: url(/img/dn1.png);
}

.dn2 {

  background-image: url(/img/dn2.png);
}

.dn3 {

  background-image: url(/img/dn3.png);
}

.dn4 {

  background-image: url(/img/dn4.png);
}

.dn5 {

  background-image: url(/img/dn5.png);
}

.dn6 {

  background-image: url(/img/dn6.png);
}

.dn7 {

  background-image: url(/img/dn7.png);
}

.dn8 {

  background-image: url(/img/dn8.png);
}

.produce .detail ul li h4 {
  font-size: 14px;
  color: #7b7b7b;
  line-height: 24px;
  padding-top: 10px;
}

.produce .produceBox:nth-child(4n+1) .detail {
  left: 100%;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.produce .produceBox:nth-child(4n+4) .detail {
  left: 6%;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.produce .detail .detail-header {
  color: #fff;
  width: 100%;
  background: url(/img/pn1.jpg) no-repeat 0 0;
  height: 198px;
  padding: 46px 30px 0;
}

.detail-header-img2 {
  background: url(/img/pn2.jpg) no-repeat 0 0 !important;
}

.detail-header-img3 {
  background: url(/img/pn3.jpg) no-repeat 0 0 !important;
}

.detail-header-img4 {
  background: url(/img/pn4.jpg) no-repeat 0 0 !important;
}

.detail-header-img5 {
  background: url(/img/pn5.jpg) no-repeat 0 0 !important;
}

.detail-header-img6 {
  background: url(/img/pn6.jpg) no-repeat 0 0 !important;
}

.detail-header-img7 {
  background: url(/img/pn7.jpg) no-repeat 0 0 !important;
}

.detail-header-img8 {
  background: url(/img/pn8.jpg) no-repeat 0 0 !important;
}

.produce .detail ul li p {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #7b7b7b;
}

.produce .detail ul li p {
  font-size: 14px;
  text-align: center;
}

.produce .detail .detail-header h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.produce .detail .detail-header p {
  line-height: 24px;
}

/*解决方案*/
.u-index-problem .problemBg {
  width: 100%;
  background: #292526;
}

.problemBox {
  max-width: 1440px;
  margin: 0 auto;
}

.problemBox .box {
  width: 20%;
  float: left;
  height: 352px;
  position: relative;
}

.problemBox .box1 {
  background: url("../image/box1bg.jpg") no-repeat left top;
  background-size: 100% 100%;
}

.problemBox .box2 {
  background: url("../image/box2bg.jpg") no-repeat left top;
  background-size: 100% 100%;
}

.problemBox .box3 {
  background: url("../image/box3bg.jpg") no-repeat left top;
  background-size: 100% 100%;
}

.problemBox .box4 {
  background: url("../image/box4bg.jpg") no-repeat left top;
  background-size: 100% 100%;
}

.problemBox .box5 {
  background: url("../image/box5bg.jpg") no-repeat left top;
  background-size: 100% 100%;
}

.problemBox .box .forward {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  color: #fff;
}

.problemBox .box .forward .con {
  text-align: center;
}

.problemBox .box .forward .line {
  width: 20px;
  height: 4px;
  display: inline-block;
  background: #fff;
  margin-top: 28px;
  margin-bottom: 18px;
}

.problemBox .box .forward .icon {
  display: inline-block;
  height: 42px;
}

.problemBox .box .forward p {
  width: 100%;
  text-align: center;
}

.problemBox .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.problemBox .mask .bg.other-bg {
  opacity: .88;
  filter: alpha(opacity=88);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(88));
}

.problemBox .mask .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #161a1d;
  opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  cursor: pointer;
}

.problemBox .mask .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  bottom: 0;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  text-align: center;
}

.problemBox .mask .content .item-img-panel {
  position: relative;
  width: 25%;
  height: 54px;
  display: inline-block;
}

.problemBox .mask .content .item-img-panel img {
  height: 100%;
  display: inline-block;
}

.problemBox .mask .content .line-panel {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  margin-top: 20px;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.problemBox .mask .content .line-panel .item-line {
  width: 20px;
  height: 2px;
  background: #fff;
  display: inline-block;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.problemBox .box:hover .mask .content .line-panel .item-line {
  opacity: 0;
}

.problemBox .mask .content .item-title {
  color: #fff;
  font-size: 22px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  margin-top: 24px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.problemBox .mask .content .item-desc,
.problemBox .mask .content .item-link {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.problemBox .mask .content .item-desc,
.problemBox .mask .content .item-link {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.problemBox .mask .content .item-img-panel {
  height: 32px;
  text-align: center;
}

.problemBox .mask .content .item-img-panel img {
  width: auto !important;
  display: inline-block !important;
}

.problemBox .mask .content .item-img-panel .item-img,
.problemBox .mask .content .item-img-panel .item-img-hover {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  display: inline-block;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.problemBox .box:hover .bg {
  background: #009FE8;
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
}

.problemBox .box:hover .content {
  top: 13%;
}

.problemBox .mask .content .item-desc {
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-top: 30px;
  padding: 0 23px;
  line-height: 24px;
  height: 48px;
}

.problemBox .box:hover .content .item-desc {
  margin-top: 22px;
}

.problemBox .box:hover .content .item-desc,
.problemBox .box:hover .content .item-link {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}

.problemBox .mask .content .item-link {
  display: inline-block;
  border: 1px solid #fff;
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  margin-top: 62px;
  cursor: pointer;
}

.problemBox .mask .content .item-link:hover {
  color: #009FE8;
  background: #fff;
}

.problemBox .box:hover .content .item-link {
  margin-top: 14%;
}

/*校友+*/
.u-index-alumnus {
  height: 247px;
  overflow: hidden;
  background: -webkit-linear-gradient(#00a0e9, #0067ef);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#00a0e9, #0067ef);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#00a0e9, #0067ef);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#00a0e9, #0067ef);
  /* 标准的语法 */
}

.alumnus-bg {
  width: 100%;
  height: 100%;
  background: url("../image/index-box-bg4.png") no-repeat center bottom;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  overflow: hidden;
}


/*产品咨询*/
.advice-con {
  line-height: 33px;
  padding-top: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 70px;
  left: 0;
}

.advice-con h2 {
  font-weight: normal !important;
  font-size: 24px;
}

.advice-con .register-a {
  display: block;
  width: 160px;
  height: 46px;
  line-height: 46px;
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  margin: 0 auto;
  transition: background-color linear .2s;
  -webkit-transition: background-color linear .2s;
  border: solid 1px rgba(255, 255, 255, .5);
  border-radius: 5px;
}

.advice-con .register-a:hover {
  background: #fff;
  color: #009FE8;
}

.device-display-none {
  display: none;
}

/*首页底部*/
.footerTop {
  width: 100%;
  background: #373d41;
  color: rgba(255, 255, 255, 1);
  padding-bottom: 30px;
}

.footerTop a {
  color: rgba(255, 255, 255, .5);
}

.footerTop .pro-box {
  max-width: 1150px;
  margin: 0 auto;
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
}

.footerTop .pro-box>ul {
  float: left;
  margin-right: 80px;
}

.footerTop .onlineService {
  background: url("../image/tel.png") no-repeat left top;
  background-size: 53px;
  padding-left: 70px;
}

.footerTop .pro-box>ul.onlineService>li.title {
  margin-bottom: 5px !important;
}

.footerTop .title {
  font-size: 18px;
}

.footerTop .pro-box>ul>li {
  margin-bottom: 10px;
}

.footerTop .producefooter {
  width: 200px;
}

.footerTop .producefooter>li {
  float: left;
}

.footerTop .producefooter>li:nth-child(even) {
  width: 91px;
}

.footerTop .producefooter>li.title {
  width: 100%;

}

.footerTop ul.conatct>li.con,
.footerTop ul.producefooter>li.con {
  color: rgba(255, 255, 255, .5);
  margin-bottom: 0;
  line-height: 2.4;
}

.footerTop ul.conatct {
  margin-right: 0;
  position: relative;
}
.footerTop ul.conatct>li.iso ,.footerTop ul.conatct>li.gxjs{
  position: absolute;
  bottom: 14px;
}
.footerTop ul.conatct>li.iso{
  right: 5px;
}
.footerTop ul.conatct>li.gxjs{
  right: 64px;
}
.footerTop ul.conatct>li.iso i,.footerTop ul.conatct>li.gxjs i{
  display: inline-block;
  width: 44px;
  height: 44px;
}
.footerTop ul.conatct>li.iso i{
  background: url(../image/ISO9001.svg) no-repeat center;
  background-size: contain;
}
.footerTop ul.conatct>li.gxjs i{
  background: url(../image/gxjsqy.svg) no-repeat center;
  background-size: contain;
}
.conatct li.title {
  color: rgba(255, 255, 255, 1);
}

.footerBottom {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #000;
  color: rgba(255, 255, 255, .8);
}

.footerBottom .pro-box {
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
}

.footerBottom .share {
  float: left;
}

.footerBottom a {}

/*.footerBottom a.wechat {*/
/*background: url(../images/wechat_bottom.png) no-repeat;*/
/*}*/
/*.footerBottom a.weibo {*/
/*background: url(../images/weibo_bottom.png) no-repeat;*/
/*}*/
/*.footerBottom a.moment {*/
/*background: url(../images/moment_bottom.png) no-repeat;*/
/*}*/
/*.social-share .social-share-icon {*/
/*border: none;*/
/*}*/
/*.social-share .icon-weibo,*/
/*.social-share .icon-qq,*/
/*.social-share .icon-wechat{*/
/*color: #999999 !important;*/
/*border: none !important;*/
/*}*/
/*.social-share .share-icon {*/
/*width: 27px;*/
/*height: 23px;*/
/*display: inline-block;*/
/*float: left;*/
/*}*/
/*.social-share .icon-qq:before ,*/
/*.social-share .icon-weibo:before,*/
/*.social-share .icon-wechat:before{*/
/*content: ' ' !important;*/
/*}*/
/*.social-share .social-share-icon {*/
/*border: none;*/
/*}*/
/*.social-share .social-share-icon:hover {*/
/*background: none !important;*/
/*}*/

/*.social-share .icon-qq,*/
/*.social-share .icon-qq:hover{*/
/*background: url(../images/wechat_bottom.png) no-repeat !important;*/
/*background-size: 100%;*/
/*}*/
/*.social-share .icon-weibo,*/
/*.social-share .icon-weibo:hover{*/
/*background: url(../images/weibo_bottom.png) no-repeat  left center  !important;*/
/*background-size: 100%;*/
/*}*/
/*.social-share .icon-wechat ,*/
/*.social-share .icon-wechat:hover{*/
/*background: url(../images/wechat_bottom.png) no-repeat left center !important;*/
/*background-size: 100% 100%;*/
/*}*/
/*.social-share .icon-qq ,*/
/*.social-share .icon-qq:hover{*/
/*background: url(../images/qq_bottom.png) no-repeat left center !important;*/
/*background-size: 100% 100%;*/
/*}*/
.phone-footer {
  background: #fff;
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
}

.phone-footer .box {
  width: 93%;
  margin: 0 auto;
}

.phone-footer p {
  font-size: 13px;
  margin-bottom: 5px;
  color: #4c4c4c;
}

.phone-copy {
  border-top: 1px solid #f5f5f5;
  text-align: center;
  font-size: 13px;
  color: #fff;
  background: #373D41;
  padding: 15px 0;
  line-height: 1.8;
}
.phone-copy  a{
  color: #fff;
}
.phone-copy .copy-info{
  display: flex;
  justify-content: center;

}
.phone-copy .copy-info i{
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 15px 10px;

}
.phone-copy .copy-info i:nth-child(1){
  background: url(../image/ISO9001.svg) no-repeat center;
  background-size: contain;
}
.phone-copy .copy-info i:nth-child(2){
  background: url(../image/gxjsqy.svg) no-repeat center;
  background-size: contain;
}
.phone-footer .location {
  color: #009FE8;
  margin-left: 10px;
}

.social-share .social-share-icon,
.social-share .social-share-icon:hover {
  color: #999 !important;
  border: none !important;
  background: none !important;
}

.social-share a {
  margin: 0 !important;
}

.social-share .icon-wechat .wechat-qrcode,
.social-share .icon-wechat .wechat-qrcode .help p,
.social-share .icon-wechat .wechat-qrcode h4 {
  font-family: 'PingFangSC', 'helvetica neue', 'hiragino sans gb', 'arial', 'microsoft yahei ui', 'microsoft yahei', 'simsun', 'sans-serif' !important;
  font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 0 0 transparent !important;
}

.social-share {
  -webkit-text-stroke-width: 0 !important;
}


/*关于我们*/
.contactContent {}

.contactContent .box1 {
  padding-bottom: 66px;
  max-width: 1150px;
  margin: 0 auto;
}

.contactContent .box1 .title {
  text-align: left;
  margin-bottom: 0;
  color: #5f6367;
  font-size: 14px;
  display: block;
  line-height: 2;
  text-indent: 32px;
}

.contactContent .welfare .welfarebox {
  width: 33.33%;
  float: left;
}

.contactContent .welfare .welfarebox span.img-box {
  display: block;
  width: 70px;
  height: 65px;
  margin: 0 auto;
  margin-bottom: 38px;
  margin-top: 62px;
}

.contactContent .welfare .welfarebox span.img-box img {
  max-width: 100%;
  max-height: 100%;
}

.contactContent .welfare .welfarebox h4 {
  color: #009FE8;
  font-size: 20px;
  text-align: center;
  padding: 5px 10px;
}

.contactContent .welfare .welfarebox p {
  padding: 10px 20px;
  color: #666;
  font-size: 14px;
  text-align: center;
  line-height: 1.8;
}

.contactContent .box2 {
  background: #fff;
  padding-top: 76px;
  padding-bottom: 76px;
}

.contactContent .box3 {
  background: #fff;
  padding-top: 76px;
  padding-bottom: 76px;
}

.contactContent .box4 {
  background: #fff;
  padding-top: 0px;
  padding-bottom: 38px;
}

.contactContent .pro-con {
  max-width: 1150px;
  margin: 0 auto;
}

.contactContent .box3 .culture {
  float: left;
  height: 300px;
  padding: 4% 2%;
  text-align: center;
  position: relative;
}

.contactContent .box3 .grey {
  background: #f5f5f5;
}

.contactContent .box3 .black {
  background: #009FE8;
  color: #fff;
}

.contactContent .box3 .culture1 {
  width: 25%;
}

.contactContent .box3 .culture2 {
  width: 50%;
}

.contactContent .box3 .culture .num {
  font-size: 120px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  position: relative;
  display: inline-block;
}

.contactContent .box3 .culture .s {
  color: #333333;
  font-size: 20px;
  line-height: 1;
  padding-top: 13px;
  line-height: 1;
  width: 68px;
  position: absolute;
  right: 0;
  bottom: 13px;
  z-index: 2;
  background: #fff;
}

.contactContent .box3 .grey .s {
  background: #f5f5f5;
}

.contactContent .box3 .black .s {
  background: #009FE8;
  color: #fff;
}

.contactContent .box3 .des {
  margin-top: 30px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
}

.contactContent .box3 .culture.black .num {
  color: #fff;
}

.contactContent .box3 .culture.black .des {
  color: #fff;
}

.contactContent .box4 .culture {
  float: left;
  height: 300px;
  padding: 4% 2%;
  text-align: center;
  position: relative;
}

.contactContent .box4 .grey {
  background: #f5f5f5;
}

.contactContent .box4 .black {
  background: #009FE8;
  color: #fff;
}

.contactContent .box4 .culture1 {
  width: 25%;
}

.contactContent .box4 .culture2 {
  width: 50%;
}

.contactContent .box4 .culture .num {
  font-size: 120px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  position: relative;
  display: inline-block;
}

.contactContent .box4 .culture .s {
  color: #333333;
  font-size: 20px;
  line-height: 1;
  padding-top: 13px;
  line-height: 1;
  width: 68px;
  position: absolute;
  right: 0;
  bottom: 13px;
  z-index: 2;
  background: #fff;
}

.contactContent .box4 .grey .s {
  background: #f5f5f5;
}

.contactContent .box4 .black .s {
  background: #009FE8;
  color: #fff;
}

.contactContent .box4 .des {
  margin-top: 30px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
}

.contactContent .box4 .culture.black .num {
  color: #fff;
}

.contactContent .box4 .culture.black .des {
  color: #fff;
}

.newsendPage {
  padding-top: 80px;
}

/*服务*/
.preSales {
  width: 100%;
  background: #fff;
}

.preSales .dhinner {
  max-width: 1150px;
  margin: 0 auto;
  padding-top: 76px;
  padding-bottom: 76px;
  position: relative;
}

.preSales .dhinner .hd {
  text-align: center;
}

.preSales .dhinner .hdbox {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 67px;
}

.preSales .dhinner .hd .icon {
  float: left;
  width: 93px;
  height: 78px;
  margin-top: 18px;
  margin-right: 10px;
}

.preSales .dhinner .hd .icon img {
  width: 100%;
  display: block;
}

.preSales .dhinner .hd .tit {
  float: left;
  height: 92px;
  padding-left: 42px;
  padding-top: 30px;
  background: url(../image/TB1chM5NXXXXXayXXXXXXXXXXXX-46-120.png) left top no-repeat;
  background-size: 46px 120px;
}

.preSales .dhinner .hd .tit h2 {
  font-size: 24px;
  color: #373d41;
  line-height: 38px;
  font-weight: 400;
}

.preSales .dhinner .dhinner .hd .tit p {
  font-size: 14px;
  color: #777f84;
  line-height: 28px;
}

.preSales .dhinner .bd .dh {
  float: left;
  width: 32%;
  overflow: hidden;
  border: 1px solid #e2e3e8;
  margin-right: 2%;
  padding-bottom: 26px;
}

.preSales .dhinner .bd .dh:nth-child(3n) {
  margin-right: 0;
}

.preSales .dhinner .bd .dh .pic {
  width: 100%;
  margin-bottom: 20px;
}

.preSales .dhinner .bd .dh .pic img {
  width: 100%;
}

.preSales .dhinner .bd .dh h3 {
  font-size: 18px;
  color: #222;
  line-height: 28px;
  text-align: center;
  font-weight: 400;
  padding: 0 20px;
}

.preSales .dhinner .bd .dh h4 {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  padding: 0 20px;
}

.preSales .dhinner .hd {
  padding-bottom: 67px;
}

.productPage .produceBox {
  margin-bottom: 54px;
}

/*方案*/
.solute {
  max-width: 1150px;
  margin: 0 auto;
}

.solute .solutebox {
  width: 33.33%;
  float: left;
  margin-bottom: 54px;
}

.solute .solutebox:nth-child(3n+2) {
  text-align: center;
}

.solute .solutebox:nth-child(3n+3) {
  text-align: right;
}

.solute .solutebox .box {
  background: #fff;
  width: 92%;
  display: inline-block;
}

.solute .solutebox img {
  width: 100%;
  display: block;
}

.solute .solutebox .con {
  box-sizing: border-box;
  padding: 18px 20px;
}

.solute .solutebox .title {
  color: #222;
  font-size: 18px;
}

.solute .solutebox .intro {
  font-size: 13px;
  color: #999;
  margin-top: 6px;
  line-height: 22px;
}

.afterSales {
  background: #f6f6f6;
  padding: 76px 0;
}

.serviceAfter {
  max-width: 1150px;
  margin: 0 auto;
}

.serviceAfter .itemBox {
  height: 325px;
  width: 25%;
  float: left;
}

.serviceAfter .itemBox .box {
  width: 86%;
  background: #fff;
  height: 100%;
  text-align: center;
}

.serviceAfter .itemBox .box:hover {
  background: #009FE8;
}

.serviceAfter .itemBox i {
  width: 66px;
  height: 60px;
  display: inline-block;
  margin-top: 50px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.serviceAfter .itemBox i.i1 {
  background: url('/images/serviceicon1.png') no-repeat;
  background-size: 100%;
}

.serviceAfter .itemBox i.i2 {
  background: url('/images/serviceicon2.png') no-repeat;
  background-size: 100%;
}

.serviceAfter .itemBox i.i3 {
  background: url('/images/serviceicon3.png') no-repeat;
  background-size: 100%;
}

.serviceAfter .itemBox i.i4 {
  background: url('/images/serviceicon4.png') no-repeat;
  background-size: 100%;
}

.serviceAfter .itemBox:hover i {
  background-position: 0 -60px;
}

.serviceAfter .itemBox .text {
  color: #333333;
  font-size: 20px;
  line-height: 1;
  margin: 40px 0 15px;
}

.serviceAfter .itemBox .box:hover .text,
.serviceAfter .itemBox .box:hover p,
.serviceAfter .itemBox .box:hover a {
  color: #fff;
}

.serviceAfter .itemBox p {
  color: #999;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0 4%;
}

.serviceAfter .itemBox .intro {
  line-height: 22px;
}

.serviceAfter .itemBox a {
  width: 160px;
  height: 40px;
  line-height: 40px;
  color: #808080;
  text-align: center;
  font-size: 12px;
  border: 1px solid #dddddd;
  display: inline-block;
  margin-top: 25px;
}

.afterSales p.index-intro {
  margin-bottom: 67px;
}

.pages2 {
  background: none;
}

.solutebox .button a {
  width: 160px;
  height: 40px;
  line-height: 40px;
  color: #808080;
  text-align: center;
  font-size: 12px;
  border: 1px solid #dddddd;
  display: inline-block;
  margin-bottom: 15px;
}

.solutebox .button a:hover {
  background: #009FE8;
  color: #fff;
  border: 1px solid #009FE8;
}

.solutebox .button {
  margin-top: 20px;
}

.newsNew {
  margin-bottom: 44px;
}

.newsNew li {
  border-bottom: 1px solid #d0d3d4;
  padding-top: 46px;
  padding-bottom: 46px;
}

.newsNew li:first-child {
  padding-top: 0;
}

.newsNew li a {
  width: 100%;
  -webkit-box-align: start;
}

.newsNew li img {
  width: 240px;
  height: 146px;
  margin-right: 50px;
  display: block;
}

.newsNew .new-right {}

.newsNew .new-right h2 {
  font-size: 22px;
  color: #373d41;
  line-height: 1.6;
}

.newsNew .new-info {
  color: #373d41;
  padding: 14px 0 18px 0;
}

.newsNew li p,
.newsNew .emp-con span {
  font-size: 14px;
  color: #2b2b2b;
}

.newsNew .new-con {
  color: #565656;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.article-con {
  overflow: hidden;
  word-break: break-all;
}

#SmartU {
  color: #0081FF;
  border: 1px solid #0081FF;
}

.produce .detail .detail-link #SmartU:hover {
  background: #0081FF;
  color: #fff;
}

#OperateU {
  color: #85C023;
  border: 1px solid #85C023;
}

.produce .detail .detail-link #OperateU:hover {
  background: #85C023;
  color: #fff;
}

#DonateU {
  color: #EE7500;
  border: 1px solid #EE7500;
}

.produce .detail .detail-link #DonateU:hover {
  background: #EE7500;
  color: #fff;
}

#DataU {
  color: #FFC800;
  border: 1px solid #FFC800;
}

.produce .detail .detail-link #DataU:hover {
  background: #FFC800;
  color: #fff;
}

#ShopU {
  color: #3E2474;
  border: 1px solid #3E2474;
}

.produce .detail .detail-link #ShopU:hover {
  background: #3E2474;
  color: #fff;
}

#CardU {
  color: #00A293;
  border: 1px solid #00A293;
}

.produce .detail .detail-link #CardU:hover {
  background: #00A293;
  color: #fff;
}

#AnniversaryU {
  color: #EF845D;
  border: 1px solid #EF845D;
}

.produce .detail .detail-link #AnniversaryU:hover {
  background: #EF845D;
  color: #fff;
}

#HomecomingU {
  color: #DA4561;
  border: 1px solid #DA4561;
}

.produce .detail .detail-link #HomecomingU:hover {
  background: #DA4561;
  color: #fff;
}

.case-page {
  background: transparent;
  padding-bottom: 0;
}

.article-con2 img {
  width: 100%;
}

/* 20220414  新闻动态 修改*/
.news-tab ul {
  display: flex;
  /* justify-content: space-between; */
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
}

.news-tab ul li {
  margin-right: 3%;
  border: 1px solid #ccc;
  border-bottom: 0 none;
  border-radius: 5px 5px 0 0;
  box-shadow: 2px -1px 2px #e6e5e5
}

.news-tab ul li.current {
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.news-tab ul a {
  display: block;
  font-size: 18px;
  padding: 12px 30px;
  color: #717171;
}

.news-tab ul li.current a {
  color: #0DA6E4;
  /* font-weight: 600; */
}