/*初始化*/
body, ul, li, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd { margin: 0; padding: 0; }
body { min-width: 1300px; font-family: 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, sans-serif; font-size: 14px; color: #666; border: none; }
img { border: none; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
i { font-style: normal; border: none; }
a { color: #666; text-decoration: none; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
a:hover { color: #cc0022; }

/*通用*/
.comwrap { position: relative; margin: 0 auto; width: 1200px; }
.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; }
.trs08s { -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; }
.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-image: url(../img/icon.png); background-repeat: no-repeat; }
.icon-i { background-image: url(../img/icon_index.png); background-repeat: no-repeat; }

/*头部*/
.header { position: fixed; z-index: 9; width: 100%; min-width: 1300px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid #fff\9; }
.header .logo { padding-top: 24px; }
.header .logo .img { display: block; }
.header .nav { margin-right: -7px; padding-bottom: 1px; font-size: 0; }
.header .nav .col { position: relative; margin-left: 23px; padding: 0 7px; font-size: 14px; }
.header .col .link { display: block; line-height: 88px; color: #fff; }
.header .col .line { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background-color: #cc0022; opacity: 0; filter: alpha(opacity=0); }
.header.on { background-color: #fff; border-bottom-color: #ddd; opacity: 0.9; filter: alpha(opacity=90); }
.header.on .logo { padding-top: 5px; }
.header.on .col .link { line-height: 55px; color: #333; }
.header .col:hover .link, .header .cur .link, .header.on .col:hover .link, .header.on .cur .link { color: #cc0022; }
.header .cur .line { opacity: 1; filter: alpha(opacity=100); }

/*底部*/
.footer { height: 630px; text-align: center; background: #1abafd url(../img/bg_foot.jpg) center bottom no-repeat; }
.footer .totop { margin-top: 90px; vertical-align: top; }
.footer .totop .icon { width: 25px; height: 15px; background-position: 0 -64px; vertical-align: top; }
.footer .totop .txt { display: block; color: #fff; }
.footer .totop:hover {
  -webkit-transform: translate3d(0, -6px, 0);
  -moz-transform: translate3d(0, -6px, 0);
  -ms-transform: translate3d(0, -6px, 0);
  -o-transform: translate3d(0, -6px, 0);
  transform: translate3d(0, -6px, 0);
}
.footer .main { margin-top: 90px; padding: 65px 115px 10px; width: 970px; height: 275px; text-align: left; background-color: #fff; overflow: hidden; }
.footer .list .tit { padding-bottom: 6px; max-width: 100%; font-size: 18px; color: #cc0022; border-bottom: 1px solid #cc0022; vertical-align: top; }
.footer .list .con { margin-top: 13px; font-size: 12px; line-height: 2.16; }
.footer .list .menu { margin-right: 10px; width: 205px; }
.footer .menu .link { display: block; }
.footer .list .cont { margin-right: 10px; width: 270px; }
.footer .list .search { width: 250px; }
.footer .search .con { position: relative; margin-top: 20px; }
.footer .search .txt { position: absolute; left: 15px; top: 0; z-index: 1; font-size: 12px; line-height: 40px; color: #ccc; }
.footer .search .intxt {
  position: relative; z-index: 2; padding: 0 15px; width: 179px; height: 38px; line-height: 38px; background: none; border: 1px solid #ddd; border-right: none;
}
.footer .search .btn { width: 40px; height: 40px; background-color: #cc0022; background-position: -58px -60px; border: none; }
.footer .search .btn:hover { background-color: #ff0000; cursor: pointer; }
.footer .ewm .con { margin-top: 20px; font-size: 0; text-align: right; }
.footer .ewm .img { width: 90px; }
.footer .ewm .txt { margin-left: 8px; width: 14px; font-size: 12px; line-height: 13px; word-break: break-word; }
.footer .info { margin-top: 22px; padding-top: 15px; font-size: 12px; color: #999; border-top: 1px solid #ddd; }
.footer .info a { color: #999; }
.footer .info a:hover { color: #333; }
#bdshare a { margin: 0 0 0 10px; padding: 0; width: 20px; height: 20px; background: url(../img/icon.png) -58px 0; }
#bdshare .bds_tsina { background-position: -58px -20px; }
#bdshare .bds_sqq { background-position: -58px -40px; }
#bdshare .bds_weixin:hover { background-position: -78px 0; }
#bdshare .bds_tsina:hover { background-position: -78px -20px; }
#bdshare .bds_sqq:hover { background-position: -78px -40px; }
.footer .flink { margin-top: 10px; font-size: 0; }
.footer .flink .txt { font-size: 12px; color: #666; vertical-align: top; }
.footer .flink a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 10px; font-size: 12px; color: #999; }
.footer .flink a:hover { color: #cc0022; }

/*焦点图*/
.banner { position: relative; height: 720px; overflow: hidden; }
.banner .witem {
  display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; background: center no-repeat;
}
.banner .witem .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner .btn { position: absolute; bottom: 20px; width: 100%; font-size: 0; text-align: center; }
.banner .btn .bitem { margin: 0 5px; width: 10px; height: 10px; background-color: #ccc; border-radius: 100%; cursor: pointer; }
.banner .btn .cur { background-color: #cc0022; }

/*通用*/
.comtit { text-align: center; }
.comtit .en { font-family: arial; font-size: 32px; color: #333; text-transform: uppercase; border-bottom: 1px solid #333; }
.comtit .cn { margin-top: 14px; font-size: 22px; color: #cc0022; }

/*产品*/
.product { padding: 100px 0; }
.product .slidewr { position: relative; margin-top: 40px; overflow: hidden; }
.product .slidewr .slide { position: relative; width: 300%; font-size: 0; }
.product .slide .item { margin-right: 45px; width: 370px; overflow: hidden; }
.product .item .imgwr { height: 230px; }
.product .item .img { display: block; width: 100%; }
.product .item .tit { margin-top: 20px; font-size: 16px; color: #333; }
.product .item .desc { margin-top: 6px; width: 350px; font-size: 12px; color: #999; }
.product .item:hover .img {
  -webkit-transform: translate3d(0, -6px, 0) scale(1.03);
  -moz-transform: translate3d(0, -6px, 0) scale(1.03);
  -ms-transform: translate3d(0, -6px, 0) scale(1.03);
  -o-transform: translate3d(0, -6px, 0) scale(1.03);
  transform: translate3d(0, -6px, 0) scale(1.03);
}
.product .item:hover .tit { color: #cc0022; }
.product .slidewr .icon-i { position: absolute; top: 90px; width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.3); background-color: #000\9; }
.product .slidewr .prev { left: 0; }
.product .slidewr .next { right: 0; background-position: 0 -50px; }
.product .slidewr .icon-i:hover { background-color: rgba(0, 0, 0, 0.8); background-color: #cc0022\9; }
.product .more {
  display: block;
  margin: 60px auto 0;
  width: 178px;
  height: 38px;
  font-family: arial;
  font-size: 16px;
  line-height: 40px;
  color: #cc0022;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #cc0022;
}
.product .more:hover { color: #fff; background-color: #cc0022; }

/*关于*/
.about { position: relative; margin-bottom: 100px; background: #f8f8f8 url(../img/bg_inab.jpg) right center no-repeat; }
.about .img { position: absolute; right: 760px; top: 0; z-index: 1; height: 100%; }
.about .main { padding: 76px 0; width: 700px; }
.about .main .comtit { text-align: left; }
.about .list .row { margin-top: 32px; font-size: 0; }
.about .row .icowr { width: 110px; height: 90px; background-color: #3d404c; text-align: center; }
.about .row .ico { margin-top: 26px; height: 38px; vertical-align: top; }
.about .row .conwr { margin-left: 30px; width: 560px; }
.about .row .tit { font-size: 18px; color: #333; }
.about .row .con { font-size: 12px; line-height: 18px; color: #999; }
.about .row:hover .icowr { background-color: #cc0022; }
.about .row:hover .ico {
  -webkit-transform: translateZ(0) rotateY(360deg);
  -moz-transform: translateZ(0) rotateY(360deg);
  -ms-transform: translateZ(0) rotateY(360deg);
  -o-transform: translateZ(0) rotateY(360deg);
  transform: translateZ(0) rotateY(360deg);
}
.about .row:hover .tit { color: #cc0022; }

/*案例*/
.cases { margin-bottom: 100px; }
.cases .slide { position: relative; width: 300%; font-size: 0; }
.cases .slide .item { position: relative; width: 33.33%; overflow: hidden; }
.cases .item .link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.cases .slidewr { margin-top: 40px; }
.cases .slidewr .imgbox { width: 50%; height: 250px; overflow: hidden; }
.cases .imgbox .item { height: 250px; }
.cases .imgbox .img { display: block; width: 100%; }
.cases .slidewr .imgbox-2 { height: 500px; }
.cases .imgbox-2 .item { height: 500px; }
.cases .slidewr .titbox { width: 50%; height: 250px; background: #3d404d url(../img/bg_incase.jpg) center bottom no-repeat; overflow: hidden; }
.cases .titbox .slide { padding-top: 80px; }
.cases .titbox .tit { padding: 0 10px; font-size: 20px; color: #fff; text-align: center; }
.cases .tools { margin-top: 30px; font-size: 0; text-align: center; }
.cases .tools .d-ib { vertical-align: baseline; }
.cases .tools .icon-i { margin: 0 30px; width: 25px; height: 12px; background-position: 0 -100px; }
.cases .tools .next { background-position: -25px -112px; }
.cases .tools .prev:hover { background-position: -25px -100px; }
.cases .tools .next:hover { background-position: 0 -112px; }
.cases .tools .txt { font-family: arial; font-size: 16px; color: #ddd; }
.cases .tools .this { font-size: 24px; color: #fff; }
.cases .item:hover .img {
  -webkit-transform: translateZ(0) scale(1.06);
  -moz-transform: translateZ(0) scale(1.06);
  -ms-transform: translateZ(0) scale(1.06);
  -o-transform: translateZ(0) scale(1.06);
  transform: translateZ(0) scale(1.06);
}

/*新闻*/
.news, .video { margin-bottom: 100px; }
.news .comtit, .video .comtit { margin-bottom: 40px; text-align: left; }
.news { width: 500px; }
.news .img { display: block; width: 100%; }
.news .list .row { position: relative; margin-top: 45px; }
.news .row .tit { padding-right: 75px; font-size: 16px; color: #333; }
.news .row .desc { margin-top: 10px; font-size: 12px; color: #999; }
.news .row .time { position: absolute; right: 0; top: 0; font-size: 12px; line-height: 21px; color: #999; }
.news .row:hover .tit, .news .row:hover .time { color: #cc0022; }
.video { width: 655px; }
.video .conwr { position: relative; height: 280px; background-color: #000; overflow: hidden; cursor: pointer; }
.video .conwr .img { display: block; width: 100%; opacity: 0.4; filter: alpha(opacity=40); }
.video .conwr .icon-i { position: absolute; left: 50%; top: 50%; z-index: 2; margin: -25px 0 0 -25px; width: 50px; height: 50px; background-position: 0 -124px; }
.video .conwr .box { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.video .conwr .box.on { opacity: 1; filter: alpha(opacity=100); }
.video .conwr:hover .img { opacity: 0.8; filter: alpha(opacity=80); }