/*初始化*/
body, ul, li, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd { margin: 0; padding: 0; }
body { min-width: 768px; font-family: 'Microsoft YaHei', arial, sans-serif; font-size: 14px; color: #666; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input, textarea { font-family: arial; font-size: 14px; color: #666; border: none; }
img, i { border: none; -webkit-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s; }
i { font-style: normal; }
a { color: #666; text-decoration: none; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
a:hover { color: #de1130; }

/*通用*/
.fl-l { float: left; }
.fl-r { float: right; }
.d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.cl-baf { *zoom: 1; }
.cl-baf:after { content: ""; display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.clear { display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.trs2s { -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s; }
.trs1s { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.trs06s { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.trs03s { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.icon { background: url(icon.png) 0 0 no-repeat; }
.icon.icon-address { width: 22px; height: 22px; }
.icon.icon-phone { width: 22px; height: 22px; background-position: 0 -22px; }
.icon.icon-headphones { width: 22px; height: 22px; background-position: 0 -44px; }
.icon.icon-fax { width: 22px; height: 22px; background-position: 0 -66px; }
.icon.icon-qq { width: 22px; height: 22px; background-position: 0 -88px; }
.icon.icon-weibo { width: 20px; height: 16px; background-position: -22px 0; }
.icon.icon-wechat { width: 20px; height: 16px; background-position: -22px -16px; }
.icon.icon-qq2 { width: 20px; height: 16px; background-position: -22px -32px; }
.icon-index { background: url(icon_index.png) 0 0 no-repeat; }
.icon-index.icon-triangle { width: 7px; height: 7px; background-position: -23px -13px; }
.icon-index.icon-triangle2 { width: 7px; height: 7px; background-position: -30px -13px; }
.icon-index.icon-list { width: 13px; height: 13px; background-position: -23px 0; }
.icon-index.icon-arrowl { width: 9px; height: 17px; background-position: -37px 0; }
.icon-index.icon-arrowr { width: 9px; height: 17px; background-position: -46px 0; }
.icon-index.icon-arrowb { width: 23px; height: 23px; }

/*头部*/
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 9; margin: 0 auto; width: 100%; min-width: 768px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; }
.header .logo { margin-left: 5.9%; padding: 16px 0; font-size: 0; overflow: hidden; }
.header .logo .txt { margin-left: 12px; }
.header .logo .txt-1 { display: block; font-size: 26px; font-weight: bold; color: #ff0000; }
.header .logo .txt-2 { display: block; font-size: 14px; color: #fff; }
.header .nav { margin-right: 4.5%; font-size: 0; }
.header .nav .list { visibility: hidden; }
.header .nav .col {
  margin-right: 50px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(30%, 0, 0);
  -moz-transform: translate3d(30%, 0, 0);
  -ms-transform: translate3d(30%, 0, 0);
  -o-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
}
.header .nav .link { display: block; font-size: 16px; line-height: 100px; color: #fff; }
.header .nav .link:hover, .header .cur .link { color: #ff0000; }
.header .nav .line { display: block; margin-top: 8px; width: 27px; height: 1px; background-color: #9f9f9f; }
.header .nav .line-t { margin-top: 0; }
.header .nav .btn:hover { cursor: pointer; }
.header .btn:hover .line { background-color: #ff0000; }
.header .nav.on .list { visibility: visible; }
.header .nav.on .col {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.header .nav.on .col:nth-child(1) {
  -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;
}
.header .nav.on .col:nth-child(2) {
  -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s;
}
.header .nav.on .col:nth-child(3) {
  -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s;
}
.header .nav.on .col:nth-child(4) {
  -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s;
}
.header .nav.on .col:nth-child(5) {
  -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;
}
.header .nav.on .col:nth-child(6) {
  -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s;
}
.header .nav.on .btn {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.header .nav.on .line-t {
  -webkit-transform: translateY(9px) rotateZ(45deg);
  -moz-transform: translateY(9px) rotateZ(45deg);
  -ms-transform: translateY(9px) rotateZ(45deg);
  -o-transform: translateY(9px) rotateZ(45deg);
  transform: translateY(9px) rotateZ(45deg);
}
.header .nav.on .line-m { opacity: 0; filter: alpha(opacity=0); }
.header .nav.on .line-b {
  -webkit-transform: translateY(-9px) rotateZ(-45deg);
  -moz-transform: translateY(-9px) rotateZ(-45deg);
  -ms-transform: translateY(-9px) rotateZ(-45deg);
  -o-transform: translateY(-9px) rotateZ(-45deg);
  transform: translateY(-9px) rotateZ(-45deg);
}
.head-fixed { background-color: rgba(255, 255, 255, 0.8); background-color: #fff\9; border-bottom: 1px solid #ccc; }
.head-fixed .logo .txt-2, .head-fixed .nav .link { color: #333; }
.head-fixed .cur .link { color: #ff0000; }
.head-fixed .nav .line { background-color: #333; }
.header-pf { display: none; }

/*底部*/
.wordfoot { padding: 14px 3%; font-size: 14px; color: #eee; text-align: center; background-color: #555; }
.wordfoot a { color: #eee; }
.wordfoot a:hover { text-decoration: underline; }
.footer { position: relative; padding: 24px 3% 18px; color: #fff; text-align: center; background-color: #333; }
.footer a { color: #fff; }
.footer a:hover { color: #ddd; }
.footer .tools { position: absolute; right: 8%; top: 50%; margin-top: -21px; }
.footer .tools .col { width: 40px; height: 40px; border: 1px solid #999; border-radius: 100%; }
.footer .tools .icon { display: block; margin: 12px 0 0 10px; }
.footer .tools .col:hover { background-color: #eee; }
#fshare { position: absolute; right: 4%; top: 50%; margin-top: -21px; }
#fshare a { margin: 0 0 0 10px; padding: 0; width: 42px; height: 42px; background:  url(icon.png) -22px 0 no-repeat; }
#fshare .bds_tsina { background-position: -22px 0; }
#fshare .bds_weixin { background-position: -64px 0; }
#fshare .bds_sqq { background-position: -106px 0; }
#fshare .bds_tsina:hover { background-position: -22px -42px; }
#fshare .bds_weixin:hover { background-position: -64px -42px; }
#fshare .bds_sqq:hover { background-position: -106px -42px; }
/* 右侧工具条 */
.floatright {
  position: fixed;
  right: 0;
  bottom: 50px;
  z-index: 99;
  width: 45px;
  height: 190px;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.floatright:hover, .floatright.fr-is-visible {
  visibility: visible; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.floatright .fr-box {
  position: relative;
  z-index: 99;
  width: 100%;
  height: 45px;
  background-color: #242729;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.floatright .fr-box p { position: absolute; left: 45px; top: 0; line-height: 45px; }
.floatright .fr-box:hover { background-color: #ff0000; }
.floatright .fr-top { z-index: 100; cursor: pointer; }
.floatright .fr-qq { position: absolute; top: 46px; right: 0; }
.floatright .fr-qq .link { position: absolute; top: 0; height: 0; width: 100%; height: 100%; }
.floatright .fr-qqbox {
  position: absolute;
  right: -100px;
  top: 0;
  z-index: 98;
  padding: 10px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  background-color: #242729;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.floatright .fr-qqbox a { display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; }
.floatright .fr-qqbox a:hover { background-color: #666; }
.floatright .fr-call { position: absolute; top: 92px; right: 0; z-index: 100; overflow: hidden; }
.floatright .fr-call:hover { width: 150px; }
.floatright .fr-code { position: absolute; top: 138px; right: 0; z-index: 100; }
.fr-codeinfo {
  display: none;
  position: absolute;
  right: 50px;
  bottom: 8px;
  padding: 5px;
  width: 245px;
  font-size: 0;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
}
.fr-codeinfo .img { width: 120px; }
.fr-codeinfo .img-r { margin-left: 5px; }
/*移动端底部工具条*/
.mtools { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 11; margin: 0 auto; width: 100%; background-color: #242729; }
.mtools .item {
  width: 25%;
  height: 50px;
  font-size: 12px;
  line-height: 75px;
  color: #fff;
  text-align: center;
  background: url(pfnav.png) center -10px no-repeat;
  border-right: 1px solid #404040;
  box-sizing: border-box;
}
.mtools .map { margin: 0; }
.mtools .tel { background-position: center -60px; }
.mtools .top { background-position: center -110px; }
.mtools .btn { background-position: center -160px; border-right: 0 none; }
.mtools .item:hover { background-color: #ff0000; }

/*焦点图*/
.banner .swiper-slide { position: relative; background: center no-repeat; overflow: hidden; }
.banner .swiper-slide .img { display: block; width: 100%; }
.banner .swiper-slide .blink { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.banner .inner, .banner .bg { position: absolute; top: 50%; left: 0; right: 0; z-index: 1; margin: -123px auto 0; height: 247px; text-align: center; }
.banner .inner { z-index: 2; color: #fff; }
.banner .inner .tit { margin: 56px 0 38px; }
.banner .inner .txt-1 {font-size: 50px;
    letter-spacing: 5px;
    font-weight: bold;}

.banner .inner .txt-2 {margin-top: 12px;font-size: 36px;letter-spacing: 5px;}

.banner .inner .link {
  display: block;
  margin: 34px auto 0;
  width: 167px;
  font-size: 16px;
  font-weight: bold;
  line-height: 44px;
  color: #fff;
  text-transform: uppercase;
  background-color: #e81f18;
}
.banner .inner .link:hover { color: #e81f18; background: none; }
.banner .swiper-pagination { right: 0; bottom: 50px; margin: 0 auto; width: auto; }
.banner .swiper-pagination:before, .banner .swiper-pagination:after, .banner .swiper-pagination-bullet .line {
  content: ''; position: absolute; top: 50%; z-index: 1; width: 100%; height: 1px; background-color: #fff;
}
.banner .swiper-pagination:before, .banner .swiper-pagination-bullet .line-l { right: 100%; }
.banner .swiper-pagination:after, .banner .swiper-pagination-bullet .line-r { left: 100%; }
.banner .swiper-pagination-bullet { position: relative; z-index: 2; width: 26px; height: 26px; background: none; opacity: 1; vertical-align: middle; }
.banner .swiper-pagination-bullet .round { position: absolute; left: 5px; top: 5px; width: 14px; height: 14px; border: 1px solid #fff; border-radius: 100%; }
.banner .swiper-pagination-bullet .frame { position: absolute; left: 9px; top: 9px; width: 8px; height: 8px; background-color: #fff; border-radius: 100%; }
.banner .swiper-pagination-bullet .line { width: 50px; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 50px; }
.banner .swiper-pagination-bullet-active .round { border-color: #e81f18; }
.banner .swiper-pagination-bullet-active .frame { background-color: #e81f18; }
.banner .mov { width: 100%; height: 100%; }
.banner .movimg { display: none; width: 100%; }
.banner .movbg { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; }

/*服务*/
.service { position: relative; padding: 100px 0 140px; color: #000; text-align: center; }
.service .tit { font-size: 42px; letter-spacing: 5px; }
.service .stit { font-size: 16px; }
.service .list { margin-top: 34px; font-size: 0; font-weight: lighter; }
.service .list .col { margin: 0 35px; }
.service .col .num { position: relative; font-size: 40px; }
.service .col .num:after { content: '+'; position: absolute; top: 0; left: 100%; font-size: 24px; }
.service .col .txt { font-size: 13px; letter-spacing: 2px; }
.service .line { position: absolute; left: 50%; bottom: 5px; width: 1px; height: 87px; background-color: #c6c6c5; }

.service-item { font-size: 0; overflow: hidden; }
.service-item .item { position: relative; width: 50%; vertical-align: top; background-color: #262b34; overflow: hidden; }
.service-item .item .img {display: block;position: relative;z-index: 2;width: 100%;/* opacity: 0.4; */filter: alpha(opacity=40);}
.service-item .item .conwr {position: absolute;top: 80px;left: 16%;z-index: 4;padding: 15px;width: 55%;border: 1px solid #606060;color: #fff;background: #25252591;/* opacity: 0.5; */}
.service-item .item .ico {height: 88px;max-width: 100%;display: none;}
.service-item .item .tit { margin-top: 30px;   font-size: 24px;    font-weight: bold; }
.service-item .item .line {display: block;/* margin: 18px 0; */width: 90px;margin: 18px auto;height: 1px;background-color: #9e9e9e;}
.service-item .item .con {min-height: 46px;font-size: 14px;line-height: 1.7;text-align: center;}
.service-item .item a {color: #fff;font-size: 18px;text-align: center;}
.service-item .item a:hover { color: #eee; text-decoration: underline; }
.service-item .item .line-2 {position: absolute;right: 0;bottom: 0;width: 25%;height: 1px;background-color: #fff;display: none;}
.service-item .item .mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 230%;
  background-color: #e93739;
  border-radius: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, -25%, 0) scale(0);
  -moz-transform: translate3d(0, -25%, 0) scale(0);
  -ms-transform: translate3d(0, -25%, 0) scale(0);
  -o-transform: translate3d(0, -25%, 0) scale(0);
  transform: translate3d(0, -25%, 0) scale(0);
}
.service-item .item .link { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; }
.service-item .item:hover .img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.service-item .item:hover .mask {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, -25%, 0) scale(1.2);
  -moz-transform: translate3d(0, -25%, 0) scale(1.2);
  -ms-transform: translate3d(0, -25%, 0) scale(1.2);
  -o-transform: translate3d(0, -25%, 0) scale(1.2);
  transform: translate3d(0, -25%, 0) scale(1.2);
}

/*案例*/
.case { padding: 120px 0 15px; background-color: #f8f8f8; }
.case .title { margin: 0 auto 40px; width: 94%; max-width: 1600px; font-size: 0; color: #000; }
.case .title .tit { font-size: 28px;
    font-weight: lighter;
    color: #e61f1a; }
.case .title .link { margin-left: 14px; font-size: 0; color: #000; }
.case .title .txt { font-size: 14px; }
.case .title .icon-index { margin-left: 10px; }
.case .title .more { font-size: 14px;  }
.case .title .more .icon-index { margin-right: 10px; vertical-align: text-top; }
.case .title .link:hover { color: #ff0000; }
.case .list { margin: 0 auto; width: 94%; max-width: 1600px; font-size: 0; overflow: hidden; }
.case .list .col { position: relative; margin: 0 1% 3%; width: 23%; overflow: hidden; }
.case .list-3 .col { width: 31.33%; }
.case .list-2 { width: 100%; }
.case .list-2 .col { margin-left: 4%; width: 44%; }
.case .col .img { display: block; width: 100%; }
.case .col .link { display: block; position: relative; height: 250px;overflow: hidden;}
.case .col:hover a{color:#fff;}

.case .col .more {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin: -15px 0 0 -50px;
  width: 100px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
}
.case .col .line { position: absolute; background-color: #fff; }
.case .col .line-t, .case .col .line-b { left: 0; width: 100%; height: 1px; }
.case .col .line-l, .case .col .line-r { top: 0; width: 1px; height: 100%; }
.case .col .line-t {
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.case .col .line-r {
  right: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.case .col .line-b {
  bottom: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.case .col .line-l {
  left: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.case .col:hover { background-color: #000; }
.case .col:hover .img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.case .col:hover .more { opacity: 1; filter: alpha(opacity=100); }
.case .col:hover .line {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.case .col .more:hover { color: #666; background-color: #fff; }

/*案例弹出*/
html.open, html.open body { overflow: hidden; }
.fixedframe {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  background: url(../img/bg_black.png) 0 0 repeat;
}
.fixedframe.show { opacity: 1; visibility: visible; }
.fixedframe .distable { display: table; width: 100%; height: 100%; }
.fixedframe .distc { display: table-cell; vertical-align: middle; }
.fixedframe .wrap { margin: 0 auto; padding-right: 60px; max-width: 1000px; }
.fixedframe-inner { position: relative; margin: 0 auto; padding: 50px 3%; width: 94%; height: 0; background-color: #fff; overflow: hidden; }
.fixedframe-inner .tit { font-size: 20px; color: #484848; }
/*.fixedframe-inner .txt { margin-top: 16px; margin-left: 25px; font-size: 12px; line-height: 2.5; color: #222; }*/
.fixedframe-inner .con { margin-top: 14px; line-height: 1.8; text-align: center; }
.fixedframe-inner .con img { max-width: 100%; }
.fixedframe-inner .tools { position: absolute; left: 100%; top: 0; width: 60px; }
.fixedframe-inner .tools .btn { display: block; width: 60px; height: 60px; background-color: #242424; }
.fixedframe-inner .tools .icon {
  display: block; width: 60px; height: 60px; background: url(../img/icon_casen.png) 0 0 no-repeat; opacity: 0.2; filter: alpha(opacity=20);
}
.fixedframe-inner .share .icon { background-position: 0 -60px; }
.fixedframe-inner .weibo .icon { background-position: 0 -120px; }
.fixedframe-inner .tt .icon { background-position: 0 -180px; }
.fixedframe-inner .douban .icon { background-position: 0 -240px; }
.fixedframe-inner .renren .icon { background-position: 0 -300px; }
.fixedframe-inner .weixin .icon { background-position: 0 -360px; }
.fixedframe-inner .tools .btn:hover, .fixedframe-inner .tools .share { background-color: #ff0000; }
.fixedframe-inner .tools .btn:hover .icon, .fixedframe-inner .tools .share .icon { opacity: 1; filter: alpha(opacity=100); }
.fixedframe-inner .tools .share:hover { cursor: default; }
.fixedframe-inner .weixin { position: relative; }
.fixedframe-inner .weixin .ewm { position: absolute; top: 70px; right: 70px; width: 0; height: 0; }
.fixedframe-inner .weixin:hover .ewm { width: 150px; height: 150px; }
.fixedframe-inner .tac { text-align: center; }
.fixedframe-inner .tal { text-align: left; }
.fixedframe .fixedframe-inner { height: auto; overflow: visible; }

.artcon-2 .icon { background: url(icon_artcon.png) 0 0 no-repeat; }
.artcon-2 .icon-1 { width: 19px; height: 19px; background-position: 0 -14px; }
.artcon-2 .icon-2 { width: 16px; height: 11px; background-position: -8px 0; }
.artcon-2 .icon-3 { width: 20px; height: 20px; background-position: 0 -33px; }
.artcon-2 .icon-4 { width: 25px; height: 21px; background-position: 0 -53px; }
.artcon-2 .title { padding-bottom: 18px; font-size: 12px; border-bottom: 1px solid #b9b9b9; }
.artcon-2 .title .txt { margin: 0; font-weight: lighter; font-size: 24px; line-height: normal; color: #000; }
#a2bds a { margin: 0 5px 0 0; padding-left: 20px; font-size: 12px; }
.artcon-2 .info { margin: 10px 0 30px; font-weight: lighter; font-size: 12px; color: #000; }
.artcon-2 .info a { color: #000; }
.artcon-2 .info a:hover { color: #ff0000; }
.artcon-2 .info .position { margin: 0; }
.artcon-2 .body { margin-bottom: 60px; font-weight: lighter; font-size: 16px; line-height: 1.85; color: #000; }
.artcon-2 .body img { max-width: 100%; }
.artcon-2 .viewweb { padding: 60px 0 50px; text-align: center; border-top: 1px solid #b9b9b9; }
.artcon-2 .viewweb .link { display: block; margin: 0 auto; width: 50%; max-width: 470px; font-size: 0; background-color: #ff0000; border-radius: 5px; }
.artcon-2 .viewweb .d-ib { font-size: 18px; line-height: 50px; color: #fff; }
.artcon-2 .viewweb .icon { margin-left: 18px; width: 12px; height: 5px; background: url(icon.png) -89px -88px no-repeat; }
.artcon-2 .viewweb .txt { margin-top: 22px; font-size: 12px; color: #7c7c7c; }
.artcon-2 .viewweb .link:hover { background-color: #333; }
.artcon-2 .viewweb .link:hover .icon { -webkit-transform: translate3d(6px, 0, 0); -moz-transform: translate3d(6px, 0, 0); -ms-transform: translate3d(6px, 0, 0); -o-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0); }
.artcon-2 .box { margin-top: 30px; }
.artcon-2 .box .tit-t { padding-bottom: 14px; font-weight: lighter; font-size: 12px; color: #000; border-bottom: 1px solid #b9b9b9; }
.artcon-2 .box .tit-t .icon { margin-right: 10px; }
.artcon-2 .tags .link {
  margin: 14px 10px 0 0; padding: 0 18px; font-size: 14px; line-height: 33px; border: 1px solid #f2f1ef; border-radius: 3px; vertical-align: top;
}
.artcon-2 .moreart-p { margin-bottom: 10px; font-size: 0; padding: 30px 0; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; }
.artcon-2 .moreart-p .col { margin-right: 1%; width: 24.25%; background-color: #fff; vertical-align: top; }
.artcon-2 .moreart-p .col-4 { margin-right: 0; }
.artcon-2 .moreart-p .imgwr { overflow: hidden; }
.artcon-2 .moreart-p .img { display: block; width: 100%; }
.artcon-2 .moreart-p .conwr { padding: 15px; color: #8b8b8b; }
.artcon-2 .moreart-p .tit { font-size: 16px; color: #000; }
.artcon-2 .moreart-p .desc { margin: 14px 0 18px; height: 48px; font-size: 14px; line-height: 24px; overflow: hidden; }
.artcon-2 .moreart-p .click, .artcon-2 .moreart-p .time { font-size: 12px; }
.artcon-2 .moreart-p .icon { margin-right: 10px; }
.artcon-2 .moreart-p .col:hover .tit { color: #ff0000; }
.artcon-2 .comment-post { margin-top: 20px; font-size: 0; }
.artcon-2 .comment-post .intxt {
  margin-bottom: 10px; padding: 5px; width: 100%; height: 120px; font-weight: lighter; font-size: 12px; color: #000; border: 1px solid #979797; box-sizing: border-box;
}
.artcon-2 .comment-post .txt { font-size: 14px; }
.artcon-2 .comment-post .intxt-2 { margin: 0 15px 0 5px; border-bottom: 1px solid #ddd; }
.artcon-2 .comment-post .sub { width: 95px; font-size: 12px; line-height: 25px; color: #fff; background-color: #44a8f2; border: none; border-radius: 3px; }
.artcon-2 .comment-post .sub:hover { background-color: #ff0000; cursor: pointer; }
.artcon-2 .comment-post-nr .row { margin: 20px -30px 0; padding: 20px 30px; font-weight: lighter; border-top: 1px solid #f1f1f1; }
.artcon-2 .comment-post-nr .topwr { font-size: 0; }
.artcon-2 .comment-post-nr .name { margin-left: 25px; font-size: 12px; color: #000; }
.artcon-2 .comment-post-nr .time { margin-left: 15px; font-size: 12px; color: #3f3f3f; }
.artcon-2 .comment-post-nr .conwr { margin-top: 18px; padding-left: 60px; font-size: 18px; color: #010101; }

/*服务品牌*/
.client { position: relative; padding: 70px 0; color: #fff; text-align: center; }
.client .bg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.client .bg .img { display: block; width: 100%; }


.client .video{margin: 30px 0;}


.client .main { position: relative; z-index: 2; margin: 0 auto; width: 100%; max-width: 1500px; }
.client .tit { font-size: 32px; font-weight: lighter; }
.client .line { margin-top: 15px; width: 60px; height: 1px; background-color: #fff; }
.client .list { font-size: 0; }
.client .list .col { margin: 120px 1% 0; width: 14%; vertical-align: middle; }
.client .list .img { max-width: 100%; }
.client .list .img:hover {
  -webkit-animation: shake 0.3s linear;
  -moz-animation: shake 0.3s linear;
  -ms-animation: shake 0.3s linear;
  -o-animation: shake 0.3s linear;
  animation: shake 0.3s linear;
}

@-webkit-keyframes shake {
  0% { -webkit-transform: translate3d(0, 0, 0); }
  12% { -webkit-transform: translate3d(-10px, 0, 0); }
  25% { -webkit-transform: translate3d(0, 0, 0); }
  37% { -webkit-transform: translate3d(10px, 0, 0); }
  50% { -webkit-transform: translate3d(0, 0, 0); }
  62% { -webkit-transform: translate3d(-10px, 0, 0); }
  75% { -webkit-transform: translate3d(0, 0, 0); }
  87% { -webkit-transform: translate3d(10px, 0, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); }
}
@-moz-keyframes shake {
  0% { -moz-transform: translate3d(0, 0, 0); }
  12% { -moz-transform: translate3d(-10px, 0, 0); }
  25% { -moz-transform: translate3d(0, 0, 0); }
  37% { -moz-transform: translate3d(10px, 0, 0); }
  50% { -moz-transform: translate3d(0, 0, 0); }
  62% { -moz-transform: translate3d(-10px, 0, 0); }
  75% { -moz-transform: translate3d(0, 0, 0); }
  87% { -moz-transform: translate3d(10px, 0, 0); }
  100% { -moz-transform: translate3d(0, 0, 0); }
}
@-o-keyframes shake {
  0% { -o-transform: translate3d(0, 0, 0); }
  12% { -o-transform: translate3d(-10px, 0, 0); }
  25% { -o-transform: translate3d(0, 0, 0); }
  37% { -o-transform: translate3d(10px, 0, 0); }
  50% { -o-transform: translate3d(0, 0, 0); }
  62% { -o-transform: translate3d(-10px, 0, 0); }
  75% { -o-transform: translate3d(0, 0, 0); }
  87% { -o-transform: translate3d(10px, 0, 0); }
  100% { -o-transform: translate3d(0, 0, 0); }
}
@keyframes shake {
  0% { transform: translate3d(0, 0, 0); }
  12% { transform: translate3d(-10px, 0, 0); }
  25% { transform: translate3d(0, 0, 0); }
  37% { transform: translate3d(10px, 0, 0); }
  50% { transform: translate3d(0, 0, 0); }
  62% { transform: translate3d(-10px, 0, 0); }
  75% { transform: translate3d(0, 0, 0); }
  87% { transform: translate3d(10px, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

/*新闻*/
.news { margin: 135px auto; width: 94%; max-width: 1450px; }
.news .title { margin: 0 auto 30px; max-width: 1250px; }
.news .title .tit { font-size: 28px; font-weight: lighter; color: #e61f1a; }
.news .title .menu { font-size: 0; }
.news .title .link { margin-left: 20px; font-size: 14px; color: #000; }
.news .title .cur { color: #ff0000; }
.news .title .txt { font-size: 14px; }
.news .title .link:hover { color: #ff0000; }
.news .main { display: none; position: relative; }
.news .main-t { display: block; }
.news .swiper-container { margin: 0 auto; max-width: 1250px; }
.news .swiper-wrapper { position: relative; width: 1000%; }
.news .swiper-slide { margin-right: 0.6%; width: 4.7%; }
.news .swiper-slide .imgwr { height: 238px; text-align: center; background-color: #000; overflow: hidden; }
.news .swiper-slide .img { display: block; width: 100%; vertical-align: top; opacity: 0.95; filter: alpha(opacity=95); }
.news .swiper-slide .time { margin-top: 16px; font-weight: lighter; color: #969696; }
.news .swiper-slide .tit { margin-top: 20px; font-size: 18px; font-weight: lighter; color: #222; }
.news .swiper-slide .desc { margin-top: 6px; height: 60px; font-weight: lighter; font-size: 16px; line-height: 30px; color: #5a5a5a; overflow: hidden; }
.news .swiper-slide:hover .img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, -3%, 0) scale(1.06);
  -moz-transform: translate3d(0, -3%, 0) scale(1.06);
  -ms-transform: translate3d(0, -3%, 0) scale(1.06);
  -o-transform: translate3d(0, -3%, 0) scale(1.06);
  transform: translate3d(0, -3%, 0) scale(1.06);
}
.news .swiper-slide:hover .tit { color: #ff0000; }
.news .prev, .news .next {
  position: absolute;
  top: 50%;
  z-index: 2;
  margin-top: -102px;
  width: 50px;
  height: 50px;
  background-color: #000;
  border-radius: 100%;
  opacity: 0.15;
  filter: alpha(opacity=15);
}
.news .prev { left: 0; }
.news .next { right: 0; }
.news .prev .icon-index, .news .next .icon-index { display: block; margin: 16px 0 0 20px; }
.news .prev:hover, .news .next:hover { opacity: 0.6; filter: alpha(opacity=60); }
.news .titlist { margin: 40px auto 0; max-width: 1250px; font-size: 0; }
.news .titlist .col { margin-right: 4%; width: 30.66%; font-weight: lighter; font-size: 16px; line-height: 30px; color: #5a5a5a; }
.news .titlist .marr0 { margin-right: 0; }
.news .titlist .col:hover { color: #ff0000; }
.news .more {
  display: block;
  margin: 60px auto 0;
  width: 300px;
  font-weight: lighter;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background-color: #e61f1a;
}
.news .more .icon-index { margin-right: 26px; }
.news .more:hover { background-color: #ff0000; }
.news .more:hover .icon-index {
  -webkit-transform: translate3d(-6px, 0, 0);
  -moz-transform: translate3d(-6px, 0, 0);
  -ms-transform: translate3d(-6px, 0, 0);
  -o-transform: translate3d(-6px, 0, 0);
  transform: translate3d(-6px, 0, 0);
}

.client .more {
  display: block;
  margin: 60px auto 0;
  width: 300px;
  font-weight: lighter;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background-color: #e61f1a;
}
.client .more .icon-index { margin-right: 26px; }
.client .more:hover { background-color: #ff0000; }
.client .more:hover .icon-index {
  -webkit-transform: translate3d(-6px, 0, 0);
  -moz-transform: translate3d(-6px, 0, 0);
  -ms-transform: translate3d(-6px, 0, 0);
  -o-transform: translate3d(-6px, 0, 0);
  transform: translate3d(-6px, 0, 0);
}


.case .list .more.fos {
  display: block;
  margin: 0 auto 60px;
  width: 300px;
  font-weight: lighter;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background-color: #e61f1a;
}
.case .list  .more.fos .icon-index { margin-right: 26px; }
.case .list .more.fos:hover { background-color: #ff0000; }
.case .list .more.fos:hover .icon-index {
  -webkit-transform: translate3d(-6px, 0, 0);
  -moz-transform: translate3d(-6px, 0, 0);
  -ms-transform: translate3d(-6px, 0, 0);
  -o-transform: translate3d(-6px, 0, 0);
  transform: translate3d(-6px, 0, 0);
}


/*联系*/
.contact .map { width: 50%; height: 560px; }
.contact .map img { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.contact .conwr { position: relative; width: 50%; height: 560px; background: url(bg_incont.jpg) 0 0 repeat; overflow: hidden; }
.contact .conwr .con { position: absolute; left: 12%; top: 12%; width: 76%; color: #fff; }
.contact .conwr .tit { margin-bottom: 20px; font-size: 24px; }
.contact .conwr .stit { margin-bottom: 15px; font-size: 20px; }
.contact .conwr .row { position: relative; padding-left: 35px; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.8); }
.contact .conwr .icon { position: absolute; top: 13px; left: 0; }
.contact .conwr .link { color: rgba(255, 255, 255, 0.8); color: #fff\9; }
.contact .conwr .link:hover { color: rgba(255, 255, 255, 1); text-decoration: underline\9; }
.contact .conwr .flink { margin-top: 30px; }
.contact .conwr .flink a { margin-right: 6px; color: #fff; }
.contact .conwr .flink a:hover { text-decoration: underline; }

@media screen and (max-width:1470px) {
  .header .logo { margin-left: 1%; }
  .header .nav { margin-right: 1%; }
  .header .nav .col { margin-right: 20px; }
}
@media screen and (max-width:1120px) {
  .header .logo { padding: 15px 0; }
  .header .logo .txt { display: none; }
  .header .logo .img { height: 55px; }
  .header .nav .col { margin-right: 10px; }
  .header .nav .link { font-size: 14px; line-height: 85px; }
}
@media screen and (max-width:1024px) {
  .contact .conwr .con { left: 8%; top: 8%; width: 84%; color: #fff; }
  .contact .conwr .tit { margin-bottom: 15px; font-size: 20px; }
  .contact .conwr .stit { margin-bottom: 10px; font-size: 18px; }
  .contact .conwr .row { line-height: 35px; }
}
@media screen and (max-height:520px) {
  .header .logo { padding: 15px 0; }
  .header .logo .img { height: 55px; }
  .header .nav .link { font-size: 14px; line-height: 85px; }
}
@media screen and (max-width:640px) {
  body { min-width: 320px; }
  .header { min-width: 320px; overflow: visible; }
  .header .logo { margin-left: 3%; padding: 10px 0; }
  .header .logo .img { height: 40px; }
  .header .nav { margin-top: 21px; margin-right: 3%; }
  .header .nav .list {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 9;
    padding: 20px 0 60px;
    width: 100%;
    height: 0;
    text-align: center;
    background-color: #fff;
    overflow-y: scroll;
  }
  .header .nav .col {
    margin-right: 0;
    width: 94%;
    text-align: center;
    border-bottom: 1px solid #eee;
    -webkit-transform: translate3d(0, -30%, 0);
    -moz-transform: translate3d(0, -30%, 0);
    -ms-transform: translate3d(0, -30%, 0);
    -o-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }
  .header .nav .link { font-size: 16px; line-height: 50px; color: #333; }
  .header.on { background-color: #fff; }
  .header .nav.on .list { height: 100%; height: calc(100% - 140px); }
  .footer { padding: 12px 3% 58px; font-size: 13px; line-height: 1.8; }
  #fshare { display: none; }
  /*.floatright { display: none; }*/
  .mtools { display: block; }
  .banner .swiper-slide { overflow: hidden; }
  .banner .swiper-slide .img { margin-left: -50%; width: 200%; }
  .banner .bg { display: none; }
  .banner .inner {
    margin-top: 0;
    max-width: 94%;
    height: auto;
    -webkit-transform: translate3d(0, -40%, 0);
    -moz-transform: translate3d(0, -40%, 0);
    -ms-transform: translate3d(0, -40%, 0);
    -o-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
  .banner .inner .tit { max-width: 90%; margin: 0 auto 15px !important; }
  .banner .inner .txt-1 {font-size:12px; }
  .banner .inner .txt-2 { letter-spacing: 5px;font-size:18px; }
 
  .banner .inner .link { margin-top: 20px; width: 120px; font-size: 14px; line-height: 36px; }
  .banner .swiper-pagination { bottom: 10px; }
  .banner .movbg { display: none; }
  .service { padding: 30px 3%; }
  .service .tit { font-size: 20px; }
  .service .stit { margin-top: 8px; font-size: 15px; line-height: 1.7; }
  .service .list .col { margin: 0; width: 32%; }
  .service .list .col:nth-child(2n), .service .list .col:nth-child(3n) { margin-left: 2%; }
  .service .col .num { display: inline-block; font-size: 30px; }
  .service .line { display: none; }
  .service-item .item {/* display: none; */width: 100%;    margin-bottom: 15px;}
  .service-item .item .img {
    position: absolute;
    left: 50%;
    top: 0;
    width: auto;
    min-width: 100%;
    height: 100%;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  .service-item .item .conwr {position: relative;left: 0;top: 20px;margin: 0 auto;padding: 20px 0;width: 90%;}
  .service-item .item .ico { height: 40px; }
  .service-item .item .tit {margin-top: 0px;font-size: 18px;}
  .service-item .item a {
  
    font-size: 12px;
}
  .service-item .item .line {margin: 9px auto;width: 45px;}
  .service-item .item .line-2 { bottom: 20px; width: 12%; }
  .service-item .item:hover .img {
    -webkit-transform: translate3d(-50%, 0, 0) scale(1.1);
    -moz-transform: translate3d(-50%, 0, 0) scale(1.1);
    -ms-transform: translate3d(-50%, 0, 0) scale(1.1);
    -o-transform: translate3d(-50%, 0, 0) scale(1.1);
    transform: translate3d(-50%, 0, 0) scale(1.1);
  }
  .service-item .item:nth-child(1) { display: block; }
  .service-item .item:nth-child(1) .img { opacity: 1; filter: alpha(opacity=100); }
  .service-item .item:nth-child(1) .conwr {/* visibility: hidden; */}
  .service-item .item:nth-child(1) .link { display: none; }
  .case { padding-top: 30px; }
  .case .title { margin-bottom: 20px; }
  .case .title .link { display: none; }
  .case .list { width: 100%; }
  .case .list .col { margin-left: 4%; width: 44%; }
  .client .video video{height:auto}

  .client .video video{max-width:100%}

  .artcon-2 .box { padding: 10px; }
  .artcon-2 .title { padding-bottom: 14px; }
  .artcon-2 .title .txt { margin: 0; font-size: 18px; text-align: center; }
  .artcon-2 .info, .artcon-2 .ewmwr { margin-bottom: 20px; }
  #a2bds, .artcon-2 .info .position { display: none; }
  .artcon-2 .info .txt { width: 100%; text-align: center; }
  .artcon-2 .body { margin-bottom: 20px; }
  .artcon-2 .ewmwr .col { margin: 0; width: 46%; }
  .artcon-2 .ewmwr .col:nth-child(2) { margin-left: 8%; }
  .artcon-2 .moreart-p .col { margin: 0 0 10px 0; width: 49%; }
  .artcon-2 .moreart-p .col:nth-child(2n) { margin-left: 2%; }
  .artcon-2 .moreart-p .tit { font-size: 14px; }
  .artcon-2 .comment-post .row { display: block; margin-bottom: 10px; }
  .artcon-2 .comment-post .sub { float: none; display: block; margin: 0 auto; width: 100%; line-height: 30px; box-sizing: border-box; }
  .artcon-2 .comment-post-nr .row { margin-top: 10px; padding: 10px 30px; }
  .artcon-2 .comment-post-nr .topwr .img { height: 35px; }
  .artcon-2 .comment-post-nr .name, .artcon-2 .comment-post-nr .time { margin-left: 30px; }
  .artcon-2 .comment-post-nr .conwr { margin-top: 10px; font-size: 16px; }
  .fixedframe .wrap { padding: 20px 3%; width: 94%; background-color: #fff; }
  .fixedframe-inner, .fixedframe .artcon-2 { padding: 0; width: 100%; }
  .fixedframe-inner .tools { position: fixed; left: auto; right: 0; opacity: 0.8; filter: alpha(opacity=80); }
  .fixedframe-inner .tools .btn { display: none; }
  .fixedframe-inner .tools .close { display: block; }
  .fixedframe .artcon-2 .moreart-p .col { width: 49%; }
  .fixedframe .artcon-2 .moreart-p .col-3 { margin-right: 0; }
  .client { padding: 30px 0; }
  .client .bg .img { min-height: 100%; }
  .client .tit { font-size: 18px; }
  .client .list .col { margin: 20px 3% 0; width: 27.33%; }
  .client .list .img { max-width: 94%; }
  .client .list .col:nth-child(n+7) { display: none; }
  .news { margin: 30px auto; }
  .news .title .tit, .news .title .menu { width: 100%; text-align: center; }
  .news .title .menu { display: none; }
  .news .title .tit { margin-bottom: 15px; font-size: 18px; }
  .news .title .link { margin-left: 2%; width: 32%; line-height: 34px; background-color: #eee; }
  .news .title .cur, .news .title .cur .txt { color: #fff; background-color: #ff0000; }
  .news .title .link:nth-child(3n+1) { margin-left: 0; }
  .news .swiper-slide .time, .news .swiper-slide .tit { margin-top: 10px; }
  .news .swiper-slide .tit { font-size: 15px; line-height: 25px; white-space: normal; overflow: visible; }
  .news .swiper-slide .desc { display: none; }
  .news .prev, .news .next { margin-top: -25px; }
  .news .titlist { margin-top: 10px; }
  .news .titlist .col { margin-right: 0; width: 48%; font-size: 14px; }
  .news .titlist .col:nth-child(2n) { margin-left: 4%; }
  .news .more { display: none; margin-top: 20px; font-size: 14px; line-height: 40px; }
	  .case .more { display: none; margin-top: 20px; font-size: 14px; line-height: 40px; }
  .contact .conwr { padding: 20px 4%; width: 92%; height: auto; }
  .contact .conwr .con { position: relative; left: 0; top: 0; margin-top: 0; width: 100%; }
  .contact .conwr .tit { margin-bottom: 0; font-size: 18px; text-align: center; }
  .contact .conwr .stit { margin-top: 4px; font-size: 16px; text-align: center; }
  .contact .conwr .row { margin-top: 10px; font-size: 15px; line-height: 22px; }
  .contact .conwr .icon { top: 2px; }
  .contact .map { display: none; width: 100%; height: 250px; }
}