/*reset*/
* { margin: 0; padding: 0px; }
body{ min-width: 1200px; font-size: 12px; color: #000; }
ul, li { list-style-type: none; }
img { border: none; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
a { color: #000; text-decoration: none; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
a:hover { color: #0093dd; }

/*common*/
.comwrap { position: relative; margin: 0 auto; width: 1200px; }
.clear { display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.cl-baf { *zoom: 1; }
.cl-baf:after { content: "."; display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.fl-l { float: left; }
.fl-r { float: right; }
.d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.en { text-transform: uppercase; }

/*header*/
.header-top { font-family: "NSimsun", "Simsun"; font-size: 12px; background-color: #000; }
.header-top .txt { line-height: 40px; color: #999; }
.header-top .tool { margin-top: 5px; }
.header-top .tool .col { display: block; padding: 0 12px; line-height: 30px; color: #999; border-left: 1px solid #404040; }
.header-top .tool .col:hover { color: #ccc; }
.header-top .tool .weix { padding-left: 32px; background: url(../img/ht_wx.png) left center no-repeat; border-left: 0; }
.header-top .tool .num { font-size: 18px; }

.header .logo { padding-top: 16px; }
.header .logo .img { display: block; width: 100%; }
.header .search { padding: 40px 130px 37px 0; background: url(../img/logo2.png) right center no-repeat; background-size: auto 80px; }
.header .search .txt {
  padding: 4px 5px;
  width: 350px;
  height: 25px;
  line-height: 25px;
  color: #666;
  background: none;
  border: solid 1px #ddd;
  border-right: 0;
}
.header .search .sub {
  margin-right: 30px;
  width: 70px;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #ff6600;
  border: 0;
  cursor: pointer;
  overflow: hidden;
}
.header .search .yuyue {
  padding-left: 46px;
  width: 94px;
  height: 40px;
  line-height: 40px;
  font-family: "NSimsun", "Simsun";
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: url(../img/srch_bg.jpg) 0 0 no-repeat;
}

.nav { font-size: 0; background-color: #f1f1f1; }
.nav .col .link {
  display: block;
  padding: 0 18px;
  line-height: 43px;
  font-size: 16px;
  border-bottom: 3px solid #f1f1f1;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.nav .col .link:hover { color: #ff6600; }
.nav .col .cur { border-bottom-color: #ff6600; }
.nav .allp { width: 296px; line-height: 45px; font-size: 16px; color: #fff; text-align: center; background-color: #ff6600; }

.menu-pro {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 99;
  width: 294px;
  text-align: left;
  border: 1px solid #ccc;
  border-bottom: 0;
  background-color: #ebebeb;
}
.menu-pro .item { position: relative;/* height: 92px;*/ border-bottom: 1px solid #ccc; }
.menu-pro .item:hover { background-color: #dbdbdb; }
.menu-pro .tit { padding: 14px 5px 0 82px; font-size: 16px; line-height: normal; }
.menu-pro .link:hover { color: #cc0000; }
.menu-pro .tit .link:hover {
  -webkit-transform: translate3d(4px, 0, 0);
  -ms-transform: translate3d(4px, 0, 0);
  -o-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
.menu-pro .type {
  margin-top: 6px;
  padding: 0 5px 14px 82px;
  //height: 45px;
  //line-height: 18px;
  min-height: 42px;
  line-height: 21px;
  font-family: "NSimsun", "Simsun";
  font-size: 0;
  overflow: hidden;
}
.menu-pro .type .link { display: block;/* margin-right: 8px;*/ font-size: 12px; }
.menu-pro .ico {
  position: absolute; top: 0; left: 18px; width: 49px; height: 100%; background: url(../img/protm.png) 0 16px no-repeat;
}
/*.menu-pro .ico-2 { background-position: -245px 16px; }
.menu-pro .ico-3 { background-position: -49px 16px; }
.menu-pro .ico-4 { background-position: -98px 16px; }
.menu-pro .ico-5 { background-position: -196px 16px; }
.menu-pro .ico-6 { background-position: -147px 16px; }*/
.menu-pro .ico-2 { background-position: -49px 16px; }
.menu-pro .ico-3 { background-position: -98px 16px; }

/*footer*/
.footer { background-color: #252525; }
.footer .left { margin-left: 30px; padding: 20px 10px 30px 20px; width: 200px; background-color: #fff; }
.footer .left .con { margin-top: 6px; font-size: 14px; line-height: 24px; color: #999; }
.footer .left a { color: #999; }
.footer .left a:hover { color: #666; text-decoration: underline; }

.footer .right { margin-left: 105px; padding: 20px 0; }
.footer .right .menu { margin-top: 5px; }
.footer .right .link { margin-left: 25px; font-size: 14px; color: #ddd; }
.footer .right .link:hover { color: #fff; text-shadow: 0 0 2px #fff; }
.footer .right .marl0 { margin-left: 0; }
.footer .feedb { margin-top: 30px; }
.footer .feedb .tit { margin-bottom: 15px; font-size: 14px; color: #bbb; }
.footer .feedb .txt {
  margin-right: 25px;
  margin-bottom: 15px;
  padding: 0 15px;
  width: 220px;
  line-height: 32px;
  font-size: 14px;
  color: #bbb;
  border: 1px solid #c9c9c9;
  background: none;
}
.footer .feedb .txt2 { padding: 5px 15px; width: 497px; min-width: 497px; max-width: 497px; height: 88px; line-height: 22px; }
.footer .feedb .txt3 { margin-right: 10px; width: 100px; }
.footer .feedb .vdcode { display: none; }
.footer .feedb .sub {
  margin-right: 25px;
  width: 206px;
  line-height: 34px;
  font-size: 18px;
  text-align: center;
  background-color: #fdd100;
  border: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.footer .feedb .sub:hover { box-shadow: 0 0 3px 1px #fdd100; cursor: pointer; }
.footer .ewm { margin-top: 30px; margin-left: 70px; }
.footer .ewm .txt { font-size: 12px; color: #ddd; }
.footer .ewm .img { display: block; margin-top: 12px; width: 130px; height: 130px; }

.footer .flink {
  display: block;
  padding-top: 10px;
  width: 100%;
  height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #aaa;
  clear: both;
}
.footer .flink .a { margin-right: 8px; color: #aaa; }
.footer .flink .a:hover { color: #ddd; text-decoration: underline; }

.copyr { line-height: 39px; font-size: 14px; color: #999; background-color: #000; text-align: center; }
.copyr a { color: #999; }
.copyr a:hover { color: #ccc; text-decoration: underline; }

.commask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.ewm-pf {
  display: none\9;
  position: fixed;
  top: -300px;
  left: 50%;
  z-index: 1000;
  margin-top: -150px;
  margin-left: -150px;
  opacity: 0;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.ewm-pf .img { display: block; width: 300px; height: 300px; }
.ewm-pf-show { display: block\9; top: 50%; opacity: 1; }

/* 右侧工具条 */
.floatright {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 45px;
  height: 184px;
  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 {
  width: 100%;
  height: 45px;
  background-color: #cc0000;
  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: #000; }
.floatright .fr-top { z-index: 100; background-color: #00ccff; cursor: pointer; }
.floatright .fr-qq { position: absolute; top: 46px; right: 0; background-color: #003399; }
.floatright .fr-qq .link { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.floatright .fr-call { position: absolute; top: 92px; right: 0; z-index: 100; background-color: #504594; overflow: hidden; }
.floatright .fr-call:hover { width: 150px; }
.floatright .fr-code { position: absolute; top: 138px; right: 0; z-index: 100; background-color: #a50082; }
.fr-codeinfo { display: none; position: absolute; right: 50px; bottom: 8px; padding: 5px; background: #fff none repeat scroll 0 0; border: 1px solid #ccc; }
.fr-codeinfo img { max-width: 150px; }
.floatright .fr-wechat { position: absolute; top: 46px; right: 0; background-color: #003399; }
.floatright .fr-box .con { position: absolute; bottom: 0; right: 100%; padding: 10px; min-width: 150px; font-size: 16px; color: #333; background-color: #fff; border: 1px solid #ddd; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.floatright .fr-box .con-col { min-width: 250px; font-size: 0; text-align: center; }
.floatright .fr-box .con .col { width: 120px; }
.floatright .fr-box .con .col-2 { margin-left: 10px; }
.floatright .fr-box .con .img { max-width: 100%; }
.floatright .fr-box .con .txt { font-size: 12px; }
.floatright .fr-box:hover .con { opacity: 1; filter: alpha(opacity=100); visibility: visible; transition: all 0.4s; }

.floattool { position: fixed; top: 50%; right: 0; z-index: 98; margin-top: -177px; width: 130px; }
.floattool .title { font-size: 0; background-color: #fff; border-radius: 5px; overflow: hidden; }
.floattool .title .img { max-width: 100%; }
.floattool .list { padding: 1px 0; background-color: #fffc00; border: 1px solid #008edf; border-top: none; }
.floattool .list .row { position: relative; margin: 10px; background-color: #f2f2f2; border: 1px solid #848484; border-radius: 16px; cursor: pointer; }
.floattool .list .icowr { position: absolute; top: 0; left: 0; width: 30px; height: 30px; font-size: 0; line-height: 30px; text-align: center; background-color: #535353; border-radius: 100%; }
.floattool .list .icon { width: 21px; height: 17px; background: url(../img/icon-ft.png) 0 0 no-repeat; }
.floattool .list .row-tel .icon { width: 18px; height: 20px; background-position: -27px; }
.floattool .list .txt { padding: 7px 8px 7px 35px; font-size: 12px; text-align: center; color: #848484; }
.floattool .list .con { position: absolute; bottom: 0; right: 100%; margin-right: 10px; padding: 10px; min-width: 120px; font-size: 16px; text-align: center; color: #333; background-color: #fff; border: 1px solid #ddd; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.floattool .list .con .imgwr { font-size: 0; }
.floattool .list .con .img { max-width: 100%; }
.floattool .list .row:hover .con { opacity: 1; filter: alpha(opacity=100); visibility: visible; transition: all 0.4s; }

/*banner*/
.banner { position: relative; top: -1px; }
.banner .wrap { position: relative; width: 100%; height: 690px; overflow: hidden; }
.banner .wrap .item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 690px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.banner .wrap .item-on { z-index: 2; opacity: 1; filter: alpha(opacity=100); }
.banner .wrap .txt {
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 100%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.6s ease-out 0.6s;
  -o-transition: all 0.6s ease-out 0.6s;
  transition: all 0.6s ease-out 0.6s;
}
.banner .item-on .txt { bottom: 90px; opacity: 1; filter: alpha(opacity=100); }
.banner .wrap .en { display: block; font-size: 46px; line-height: 50px; }
.banner .wrap .cn { display: block; font-size: 36px; line-height: 46px; }
.banner .wrap .link { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; }
.banner .btn {
  position: absolute;
  top: 50%;
  z-index: 9;
  margin-top: -36px;
  width: 71px;
  height: 71px;
  background: rgba(0, 0, 0, 0.1) url(../img/ban_btn.png) 0 0 no-repeat;
  background: #333 url(../img/ban_btn.png) 0 0 no-repeat\9;
  border-radius: 5px;
}
.banner .btn:hover { cursor: pointer; background-color: rgba(0, 0, 0, 0.6); }
.banner .prev { left: 10px; }
.banner .prev:hover { left: 5px; }
.banner .next { right: 10px; background-position: -71px 0; }
.banner .next:hover { right: 5px; }

/*about*/
.about { padding: 90px 0 50px; }
.about .tit { text-align: center; }
.about .tit .en { font-size: 50px; font-weight: bold; opacity: 0.7; filter: alpha(opacity=70); }
.about .tit .cn { margin-top: 10px; font-size: 36px; }
.about .tit .line { margin-top: 30px; width: 70px; height: 2px; background-color: #e5e5e5; }
.about .type { margin-top: 30px; }
.about .type .box {
  position: relative; z-index: 2; width: 33.33%; height: 240px; color: #fff; text-align: center; overflow: hidden;
}
.about .type .con {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.about .type .con:hover {
  -webkit-transform: translateZ(0) scale(1.02, 1.02);
  -ms-transform: translateZ(0) scale(1.02, 1.02);
  -o-transform: translateZ(0) scale(1.02, 1.02);
  transform: translateZ(0) scale(1.02, 1.02);
}
.about .type .link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.about .type .img { display: block; width: 100%; height: 240px; }
.about .type .box:hover .img {
  -webkit-transform: translateZ(0) scale(1.1,1.1);
  -ms-transform: translateZ(0) scale(1.1,1.1);
  -o-transform: translateZ(0) scale(1.1,1.1);
  transform: translateZ(0) scale(1.1,1.1);
}
.about .type .box-1 { background-color: #0099ff; }
.about .type .box-1:hover { z-index: 3; box-shadow: 0 0 5px 1px #0099ff; }
.about .type .box-2 { background-color: #ffcc00; }
.about .type .box-2:hover { z-index: 3; box-shadow: 0 0 5px 1px #ffcc00; }
.about .type .box-3 { background-color: #99cc33; }
.about .type .box-3:hover { z-index: 3; box-shadow: 0 0 5px 1px #99cc33; }
.about .type .cn { margin-top: 80px; font-size: 22px; font-weight: bold; }
.about .type .en { margin-top: 8px; font-size: 16px; }
.about .type .line {
  margin: 10px auto 0;
  width: 206px;
  height: 3px;
  background: url(../img/cline.jpg) -206px 0 no-repeat;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.about .type .box:hover .line { background-position: 0 0; }
.about .more {
  display: block;
  margin: 40px auto 0;
  width: 180px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  border: 1px solid #b5b3b3;
}
.about .more:hover { color: #fff; background-color: #0093dd; }

/*banner ad join*/
.banner-ad { position: relative; height: 280px; background-position: center; background-repeat: no-repeat; }
.banner-ad .link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.banner-ad .comwrap { height: 280px; }
.banner-ad .txt { position: absolute; right: 87px; bottom: 52px; border: 2px solid #f08200; }
.banner-ad .txt .fl-l { width: 110px; line-height: 29px; font-size: 14px; text-align: center; }
.banner-ad .txt .bg1 { color: #f08200; background-color: #fff; }
.banner-ad .txt .bg2 { color: #fff; background-color: #f08200; }
.banner-ad .txt2 {
  position: absolute;
  top: 206px;
  left: 662px;
  width: 300px;
  font-size: 18px;
  color: #cc9900;
  text-align: center;
}

/*product*/
.product { padding: 50px 0; }
.product .tit { height: 55px; background: url(../img/inpro_tit.jpg) center no-repeat; text-indent: -9999px; overflow: hidden; }
.product .menu { margin-top: 20px; font-size: 0; text-align: center; }
.product .menu .link {
  position: relative;
  margin: 0 15px;
  padding: 0 2px 2px;
  line-height: 17px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #fff;
}
.product .menu .link:hover, .product .menu .cur { color: #f00; border-color: #f00; }
.product .menu .link:after {
  content: ".";
  display: block;
  position: absolute;
  top: 1px;
  left: -16px;
  width: 2px;
  height: 17px;
  font-size: 0;
  background-color: #666;
}
.product .menu .afn:after { display: none; }
.product .menu .line { width: 2px; height: 17px; background-color: #666; }
.product .top { margin-bottom: 18px; }
.product .con { margin-top: 10px; padding-top: 16px; border-top: 1px solid #b2b2b2; }
.product .bimgl, .product .bimgl .img { display: block; width: 825px; height: 440px; overflow: hidden; }
.product .bimgl .img:hover {
  -webkit-transform: translate3d(4px, 0, 0);
  -ms-transform: translate3d(4px, 0, 0);
  -o-transform: translate3d(4px, 0, 0);
  transform: translate3d(4px, 0, 0);
}
.product .rimgl, .product .rimgl .img { display: block; width: 285px; height: 210px; overflow: hidden; }
.product .rimgl .img:hover {
  -webkit-transform: translate3d(-4px, 0, 0);
  -ms-transform: translate3d(-4px, 0, 0);
  -o-transform: translate3d(-4px, 0, 0);
  transform: translate3d(-4px, 0, 0);
}
.product .info { margin-top: 32px; width: 300px; }
.product .info .stit { margin-bottom: 18px; font-size: 16px; color: #a0897b; }
.product .info .txt { margin-bottom: 4px; font-size: 15px; color: #646464; }
.product .info .txt2 {
  margin-bottom: 40px; width: 140px; font-family: Arial; font-size: 10px; line-height: 20px; color: #969696; text-transform: uppercase;
}
.product .info .btn {
  display: block;
  width: 80px;
  line-height: 20px;
  font-family: "NSimSun", "SimSun";
  color: #fff;
  text-align: center;
  background-color: #f46286;
  border-radius: 10px;
}
.product .info .btn:hover { background-color: #ff003f; }
.product .list .box { margin-right: 20px; width: 285px; }
.product .list .marr0 { margin-right: 0; }
.product .list .imgwr, .product .list .img { display: block; width: 100%; height: 210px; overflow: hidden; }
.product .list .img:hover {
  -webkit-transform: translate3d(0, -4px, 0) scale(1.04);
  -ms-transform: translate3d(0, -4px, 0) scale(1.04);
  -o-transform: translate3d(0, -4px, 0) scale(1.04);
  transform: translate3d(0, -4px, 0) scale(1.04);
}
.product .list .txt { font-family: "NSimSun", "SimSun"; font-size: 14px; line-height: 30px; color: #666; text-align: center; }

/*title*/
.intit .cn { height: 30px; text-indent: -9999px; background-position: center; background-repeat: no-repeat; overflow: hidden; }
.intit .line {
  margin: 7px auto;
  width: 203px;
  height: 2px;
  background: url(../img/cline.jpg) 0 0 no-repeat;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.intit .en { font-size: 12px; color: #666; text-align: center; }

/*quality*/
.quality { padding: 50px 0 60px; background-color: #fc0; }
.quality .intit .cn { background-image: url(../img/inqy_tit.png); }
.quality .menu { margin-top: 20px; height: 83px; font-size: 0; overflow: hidden; }
.quality .menu .item {
  position: relative;
  margin-left: 4.5px;
  width: 146px;
  height: 73px;
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.quality .menu .angle {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  border-style: solid;
  border-width: 10px 6px 0;
  border-color: #3399ff #ffcc00;
}
.quality .menu .txt { position: absolute; top: 50%; left: 75px; width: 65px; font-size: 14px; color: #333; transform: translate3d(0, -50%, 0); }
.quality .menu .item.hover .angle { display: block; }
.quality .menu .item-1 { margin-left: 0; }
.quality .menu .item:hover, .quality .menu .item.hover { background-position: 0 -73px; }

.quality .main { padding: 26px; background-color: #fff; border: 1px solid #0099ff; }
.quality .main .item { display: none; line-height: 100px; font-size: 30px; }
.quality .main img { max-width: 100%; vertical-align: top; }

/*join*/
.join { padding: 80px 0; }
.join .intit { margin-bottom: 28px; }
.join .intit .cn { background-image: url(../img/injn_tit.png); }
.join .menu { position: relative; width: 165px; background: url(../img/injn_menu.jpg); }
.join .menu .item {
  position: relative; height: 112px; color: #fff; text-align: center; border-bottom: 1px solid #484848; cursor: pointer;
}
.join .menu .cn { position: relative; z-index: 2; padding-top: 30px; font-size: 20px; }
.join .menu .en { position: relative; z-index: 2; font-size: 12px; color: #e3e3e3; }
.join .menu .line {
  position: relative;
  z-index: 2;
  margin: 6px auto;
  width: 123px;
  height: 1px;
  background-color: #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.join .menu .bline {
  position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #5f5f5f;
}
.join .menu .item-hover { position: absolute; top: 0; left: 0; width: 100%; height: 113px; background-color: #f08200; }
.join .main { position: relative; width: 1010px; height: 446px; border: 3px solid #555; overflow: hidden; }
.join .main .item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.join .main img { max-width: 100%; }

.join .main .list { padding-top: 40px; font-size: 0; }
.join .main .piece { padding: 8px 50px 35px; width: 400px; }
.join .main .borl2 { border-left: 2px solid #e5e5e5; }
.join .main .txt { margin-left: 6px; width: 340px; }
.join .main .tit { margin-top: 10px; font-size: 20px; font-weight: bold; }
.join .main .con { margin-top: 4px; font-size: 14px; line-height: 24px; text-align: justify; }
.join .main .btn { margin-top: 30px; margin-left: 60px; border: 2px solid #f08200; }
.join .main .btn .fl-l { width: 110px; line-height: 29px; font-size: 14px; text-align: center; }
.join .main .btn .bg1 { color: #f08200; background-color: #fff; }
.join .main .btn .bg2 { color: #fff; background-color: #f08200; }
.join .main .tel {
  margin-top: 20px;
  margin-left: 265px;
  padding-left: 60px;
  font-size: 30px;
  font-weight: bold;
  color: #f00;
  background: url(../img/injn_tel.jpg) 0 0 no-repeat;
}

.join .main .item { font-size: 0; text-align: center; }
.join .main .box { vertical-align: top; }

.join .zhic .box { margin: 35px 2% 0; width: 15%; }
.join .zhic .icon { height: 60px; }
.join .zhic .stit { margin-top: 10px; height: 42px; font-size: 16px; font-weight: bold; overflow: hidden; }

.join .yous .box { position: relative; margin: 20px 3% 0; padding-top: 80px; width: 27%; }
.join .yous .box-2 { padding-top: 0; padding-bottom: 80px; }
.join .yous .iconwr { position: absolute; top: 0; left: 0; width: 100%; }
.join .yous .box-2 .iconwr { top: auto; bottom: 0; }
.join .yous .icon  { height: 80px; }
.join .yous .stit { font-size: 16px; font-weight: bold; overflow: hidden; }

.join .tiaoj .box { position: relative; margin: 50px 2% 0; width: 29%; }
.join .tiaoj .iconwr {
  position: absolute;
  left: 0;
  top: 10px;
  width: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #00ccff;
  border-radius: 10%;
}
.join .tiaoj .stit  { margin-top: 6px; margin-left: 60px; font-size: 14px; text-align: justify; overflow: hidden; }
.join .tiaoj .bgc-2 { background-color: #003399; }
.join .tiaoj .bgc-3 { background-color: #504594; }
.join .tiaoj .bgc-4 { background-color: #a50082; }
.join .tiaoj .bgc-5 { background-color: #e70012; }
.join .tiaoj .bgc-6 { background-color: #ed8802; }
.join .tiaoj .bgc-7 { background-color: #fdd001; }
.join .tiaoj .bgc-8 { background-color: #dddf00; }
.join .tiaoj .bgc-9 { background-color: #abcd03; }

.join .liuc .box { margin: 80px 2% 0; width: 15%; }
.join .liuc .iconwr { position: relative; line-height: 40px; font-size: 14px; color: #fff; letter-spacing: 6px; }
.join .liuc .bgl, .join .liuc .bgr { position: absolute; left: 50%; z-index: -1; width: 20px; height: 40px; }
.join .liuc .bgl { margin-left: -20.5px; background-color: #666; }
.join .liuc .bgr { margin-left: 0.5px; background-color: #999; }
.join .liuc .iconwr:before, .join .liuc .iconwr:after {
  content: "";
  display: inline-block;
  width: 30%;
  height: 1px;
  background-color: #bbb;
  vertical-align: middle;
}
.join .liuc .iconwr:before { margin-right: 8px; }
.join .liuc .iconwr:after { margin-left: 4px; }
.join .liuc .stit { margin-top: 10px; font-size: 14px; }

/*store*/
.store { padding: 50px 0; background-color: #f5f5f5; }
.store .intit .cn { background-image: url(../img/inse_tit.png); }
.store .slide { margin: 30px auto 0; width: 1000px; background-color: #fff; overflow: hidden; }
.store .slide .wrap { position: relative; width: 99999px; }
.store .slide .item { width: 1000px; height: 400px; }
.store .slide .imgwr-l { width: 600px; height: 400px; overflow: hidden; }
.store .slide .imgwr-l .img { display: block; min-width: 100%; min-height: 400px; }
.store .slide .imgwr-l .img:hover {
  -webkit-transform: translate3d(-6px, 0, 0);
  -ms-transform: translate3d(-6px, 0, 0);
  -o-transform: translate3d(-6px, 0, 0);
  transform: translate3d(-6px, 0, 0);
}
.store .slide .conwr { width: 400px; height: 400px; overflow: hidden; }
.store .slide .imgwr-r {
  display: block; margin: 25px auto 0; width: 250px; height: 150px; background-color: #f9f9f9; overflow: hidden;
}
.store .slide .imgwr-r .img { display: block; width: 250px; height: 150px; overflow: hidden; }
.store .slide .tit { margin-top: 14px; font-size: 16px; text-align: center; }
.store .slide .txt {
  margin-top: 35px;
  padding: 10px 50px;
  width: 240px;
  height: 80px;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
  border-top: 1px solid #ccc;
  overflow: hidden;
}
.store .slide .more { margin-right: 80px; font-size: 14px; }
.store .btn {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -57px;
  font-family: "SimSun";
  font-size: 100px;
  color: #7b7b7b;
}
.store .prev { left: 0; }
.store .prev:hover { left: -10px; }
.store .next { right: 0; }
.store .next:hover { right: -10px; }

/*imgshow*/
.imgshow { margin-top: 70px; }
.imgshow .menu { margin-bottom: 90px; font-size: 0; text-align: center; }
.imgshow .menu .item { position: relative; margin-left: 4px; width: 188px; line-height: 44px; font-size: 18px; text-align: center; }
.imgshow .menu .item:after {
  content: ".";
  display: block;
  position: absolute;
  right: -3px;
  top: 12px;
  width: 2px;
  height: 20px;
  font-size: 0;
  background-color: #ccc;
}
.imgshow .menu .borr0:after { display: none; }
.imgshow .menu .cur { color: #fff; background-color: #bf9d5f; }

.imgshow .slide .item { display: none; position: relative; }
.imgshow .slide .slide2 { position: relative; margin: 0 auto; width: 1000px; height: 282px; }
.imgshow .slide .item2 {
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 1;
  width: 220px;
  height: 190px;
  background-color: #fff;
  border: 1px solid #ccc;
  overflow: hidden;
}
.imgshow .slide .img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
.imgshow .slide .btn {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  width: 66px;
  height: 66px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.imgshow .slide .prev { left: 0; background-image: url(../img/prev_grey.png); }
.imgshow .slide .prev:hover { left: -4px; }
.imgshow .slide .next { right: 0; background-image: url(../img/next_grey.png); }
.imgshow .slide .next:hover { right: -4px; }

/*news*/
.news { padding: 70px 0 60px; }
.news .tit { height: 38px; line-height: 38px; background: url(../img/innew_tit.jpg) 0 0 no-repeat; }
.news .tit .txt { width: 124px; font-size: 26px; text-align: center; }
.news .tit .more { margin-top: 5px; font-size: 14px; font-weight: bold; color: #ec1010; }
.news .tit .more:hover { color: #f08200; }
.news .imglist { margin-top: 30px; }
.news .imglist .item {
  position: relative;
  top: 0;
  margin-left: 8px;
  width: 292px;
  height: 290px;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.news .imglist .item:hover { top: -6px; box-shadow: 1px 1px 5px 1px #ddd; border-color: #ce0201\9; }
.news .imglist .marl0 { margin-left: 0; }
.news .imglist .imgwr, .news .imglist .img { display: block; width: 100%; height: 150px; overflow: hidden; }
.news .imglist .img:hover {
  -webkit-transform: translateZ(0) scale(1.1, 1.1);
  -ms-transform: translateZ(0) scale(1.1, 1.1);
  -o-transform: translateZ(0) scale(1.1, 1.1);
  transform: translateZ(0) scale(1.1, 1.1);
}
.news .imglist .stit { padding: 14px 8px; font-size: 18px; }
.news .imglist .con { padding: 0 8px; font-family: "NSimSun", "SimSun"; font-size: 12px; line-height: 20px; color: #666; }
.news .imglist .more {
  display: block;
  margin: 16px 8px 14px 0;
  font-family: "NSimSun", "SimSun";
  font-size: 12px;
  color: #666;
  text-align: right;
}
.news .imglist .ico {
  margin-right: 4px;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: #f7f7f7 #ce0201;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.news .imglist .more:hover { color: #ce0201; }
.news .imglist .more:hover .ico { margin-right: 0; }
.news .txtlist { margin-top: 30px; }
.news .txtlist .row {
  position: relative;
  margin-top: 4px;
  padding-right: 85px;
  width: 500px;
  line-height: 38px;
  font-size: 14px;
  color: #fd5e5b;
  border-bottom: 1px dotted #acacaf;
  list-style: inside disc;
}
.news .txtlist .row:hover { border-bottom: 1px solid #fd5e5b; }
.news .txtlist .marl30 { margin-left: 30px; }
.news .txtlist .link { font-family: "NSimSun", "SimSun"; font-size: 14px; color: #666; }
.news .txtlist .link:hover { color: #fd5e5b; }
.news .txtlist .time { position: absolute; right: 0; color: #aaa; }