@charset "utf-8";
body,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0;list-style:none;-webkit-text-size-adjust:none}i,em{font-style:normal;}
img{border:0;}input{outline:0;vertical-align:middle;}.clear{clear:both;}table{border-collapse:collapse;border-spacing:0}
body{font:12px/1.2 arial,"Microsoft YaHei";color:#222;text-rendering:geometricPrecision}
a{color:#333;text-decoration:none;cursor:pointer;}
.breadcrumb a,.site a,.header a{transition: all 0.2s ease-in;}
a:hover,.breadcrumb a:hover,.site a:hover,.site .site-t strong a:hover, .site .site-t span a:hover{}:focus{outline:0}


body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-family:"\5fae\8f6f\96c5\9ed1";
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}
body{

     text-size-adjust:none;
    -webkit-text-size-adjust:none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
	*font-size: 100%;
}
body {
	/*line-height: 1.5;*/
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
body{background: #fff;}
.clearfix{zoom:1}
.clearfix:after {content:"";display:block;clear:both; visibility:hidden; overflow:hidden;}
.fl{float: left;}
.fr{float: right;}


.animated-3 {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animated-16 {
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slide-in-down {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation-name: swing;
          animation-name: swing;
}
.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
/*
.top_bj{width:100%; height:30px; background:#f5f5f5; border-bottom:1px solid #e6e6e6; line-height:30px;}
.top{width:1000px; margin:0 auto;}
.ct{ color:#666; float:left;}
.ct b{padding-right:10px;}
.ct span{padding:0 2px;}
.ct span a{margin:0 4px; color:#666;}
.top .c_c{ float:left; padding-left:80px; color:#666;}
.top .c_c a{ margin:0px 5px; color:#666;}
.us{width:200px; float:right; text-align:right;}
.us a{color:#666; margin-left:20px;}
.top a:hover{color:e6454a;}
.head{width:1000px; margin:0 auto; height:80px; overflow:hidden; position:relative}
.logo{width:132px; height:40px; position:absolute; left:0; top:20px;}
.nav{width:800px; position:absolute; left:182px; top:0; overflow:hidden;}
.nav li{width:82px; float:left;}
.nav a{display:inline-block; font-size:14px; font-weight:bold; height:78px; line-height:80px;}
.nav a:hover,.nav a.on{color:#e6454a; border-bottom:2px solid #e6454a; text-decoration:none;}*/

.head,.breadcrumb, .footer,.main, .coupons{width: 1000px; margin: 0 auto;}
.logo,.tbar-login a span,.standard .standard-l p span,.standard .standard-c p span,.standard .standard-r p span,.catalog-scroller dl .pointer,.side-bar span,.w255 .video li em,.map dl dt i{
	background-image: url(img/h-bg1.png);  background-repeat : no-repeat;}
.standard,.nav-footer,.nav-bottom,.column{width: 100%; overflow: hidden;}
.styfff,.styfff a,.styfff a:hover{color: #fff;}
/* top */
.header{border-top:3px solid #06c1ae; background: #fff; z-index: 5;margin-top: 2px\9;}
.head {position: relative;height: 100px; z-index: 5;}
.logo{width: 180px;height: 57px;display: block; margin-top: 21px;}
.site{padding: 30px 0 0 30px;}
.site .site-t,.site .site-t span a,.site .site-t strong a,.nav a{font-size: 14px;}
.site .site-t{height:20px;}
.site .site-t a{color: #545454;}
.site .site-t strong a,.sty000,.sty000 a,.nav-bottom p a{color: #000;}
.site .site-t strong{margin-right: 10px;display: inline;font-weight: 700;}
.site .site-c{width: 160px;height: 35px;margin-top: 8px; overflow:hidden;}
.head-r{width: 630px; margin-top: 15px;}
.tbar-login{text-align: right; color: #d1d1d1; position: relative; width: 371px;}
.tbar-login a{margin: 0 13px;}
.tbar-login a:hover span{background-position: -169px -61px;}
.tbar-login a:hover{color: #e94141;}
.tbar-login a span{background-position: -153px -61px; width: 13px; height: 13px; position: absolute; left: 37px; top: 2px;}
.nav{width: 100%; margin-top: 25px;}
.nav a{margin: 0 0 0 25px; display: block; float: right; height: 30px; transition:color .4s;	-webkit-transition:color .4s ;font-weight: 500;}
.nav a:hover, .nav a.on{color: #06c1ae; border-bottom: 2px solid #06c1ae;}
.nav .nav-ys {
  position: relative;
}
.nav .nav-ys i {
  position: absolute;
  right: -10px;
  top: -5px;
  width: 10px;
  height: 13px;
  background: url(img/icon_new.gif);
}

.tbar-login a.zhuce{margin-right: 0;}
.tbar-login .company-tel{ color:#f64745; font-weight: bold; position: relative; padding-left: 25px; font-size: 14px; margin-left:20px;}
.tbar-login .company-tel img { position: absolute; left: 0; top: 0;}
.tbar-login .company-tel strong { color:#f64745; font-weight: bold;   }
.tbar-login .company-tel .tel-name { color:#666; display: inline-block; *zoom:1; *display: inline;  padding-right: 10px;  font-weight: bold; }
.header a:hover{ text-decoration: none;}
.breadcrumb {padding-bottom:13px;}
.breadcrumb p{
  font-family: "宋体";
  margin-left: 5px;
}
.breadcrumb a {
  font-size: 12px;
  color: #666;
  margin: 0 6px;
  font-family: "微软雅黑";
}
.breadcrumb .breadcrumb-icon {
    float: left;
    height: 14px;
    width: 12px;
    background: url(img/h-bg2.png) no-repeat -192px -61px;
}
/*.phone{width:200px; text-align:right; position:absolute; right:0; top:33px; font-size:18px; font-weight:bold;}*/
/* footer */
.standard li{float: left; height: 85px; color: #666;text-align: center;font-size: 12px;overflow: hidden;}
.standard li p{font-size: 24px; color: #575757;}
.standard li h6{width: 100%; display: block; float: left;}
.standard .standard-l{width: 300px;}
.standard .standard-l p{float: left; text-align: left; height: 55px; line-height: 52px; padding-left: 102px;width:214px;}
.standard .standard-l p span,.standard .standard-c p span,.standard .standard-r p span{background-position: 0 -58px; width: 45px;height: 41px;float: left; margin-right: 15px;}
.standard .standard-c{width: 380px; border-left: 1px solid #e3e2e2; border-right: 1px solid #e3e2e2;}
.standard .standard-c p{padding-left: 143px; width: 300px;}
.standard .standard-c p span{background-position: -47px -58px; width: 42px; height: 47px;}
.standard .standard-r{width: 289px; text-align: right;}
.standard .standard-r p{padding-left: 110px; width: 150px;}
.standard .standard-r p span{background-position: -91px -58px; width: 44px; height: 44px;}
/*nav-footer*/
.nav-footer{ width:1000px; margin: 0 auto;margin-top: 20px; }
.nav-footer ul{overflow:hidden; color: #e5e5e5;}
.nav-footer ul a{display:inline-block;white-space:nowrap; margin: 0 14px;transition: all 0.2s ease-in;}
.nav-footer ul.last{padding-top: 10px;}
.nav-footer li{float:left; line-height:30px; overflow:hidden}
.nav-footer li.ll{float:right; width:930px; margin-left: -10px;}
.nav-footer li b{font-weight:bold; color:#333; display:inline-block; width:70px;}
.nav-footer li a{color:#666;}
.nav-footer li a:hover{color:#ef3333;}
.nav-bottom,.nav-bottom p{text-align: center;}
.nav-bottom{color: #999; font-size: 12px;line-height: 22px; margin-top: 35px;padding:30px 0; border-top: 1px solid #e3e2e2; clear:both;}
.nav-bottom p{text-align: center; margin-bottom: 6px;}
.nav-bottom p a{margin: 0 10px;font-weight: 500;}
/*lbcs start*/
*html{background-image:url(img/-1blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#tbox{width:54px; float:right; position:fixed; right:20px; bottom:15px;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:15px; z-index:1002;
}/*解决IE6下不兼容 position:fixed 的问题*/

#coder,#code,#gotop,#coder_hover,#code_hover,a:hover#gotop{width:50px; height:50px; display:block;background:url(img/icon_btm.png) no-repeat; margin-top: 10px;}
#gotop{background-position: 0 -120px;}
a:hover#gotop{background-position: 0 -300px;}#code{background-position: 0 -60px;}#code{background-position: 0 -60px;}
#code_hover{background-position: 0 -240px;}
#code_img,#coder_img{background:url() no-repeat; }
#code_img{ width:130px; height:140px;position:fixed; right:80px; bottom:5px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:15px;background-size:120px 120px;}

#coder{}
#coder_hover{background-position: 0 -180px;}
#coder_img{ width:130px; height:140px;  position:fixed; right:80px; bottom:40px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:40px;}

.icon,.icon-t{position: relative;}
#icon-01{background:url(img/icon-01.png) no-repeat;width: 10px; height: 26px; position: absolute;left:-17px;top: 15px; z-index: 5;display:none;}
#icon-02{background:url(img/icon-01.png) no-repeat;width: 10px; height: 26px; position: absolute;left:-17px;top: 15px; z-index: 5;display:none;}

/*.bottom{background:#f8f8f8;}
.link{width:1000px; margin:0 auto; padding:30px 0; overflow:hidden;}
.link ul{border-bottom:1px dotted #d5d5d5; overflow:hidden; padding:20px 0; _height:45px;}
.link ul a{display:inline-block; width:149px; float:left}
.link li{float:left; line-height:24px; overflow:hidden}
.link li.ll{float:right; width:898px}
.link li b{font-weight:bold; color:#333; display:inline-block; width:102px;}
.link li a{color:#666;}
.link ol{padding:20px 0;}
.link li.yl{float:right; width:898px;}
.link ol li a{margin-right:30px; display:inline-block;}

*/


/* 404 page star*/
.err404 {
    width: 100%;
    height: 525px;
    background: #fdfdfd;
    border-top: 1px solid #f1f1f1;
}
.err404 .bg {
    width: 100%;
    height: 343px;
    background: #fdfdfd;
}
.err404 .main {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.err404 .no-find {
    width: 480px;
    height: 200px;
    background: url(img/404.png);
    position: absolute;
    left: 120px;
    top: 180px;
}
.err404 .tip {
    width: 214px;
    height: 120px;
    background: url(img/tz.png) no-repeat 0 0;
    position: absolute;
    left: 546px;
    top: 100px;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;

    -moz-animation-duration: 1s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;

    -ms-animation-duration: 1s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;

    animation-duration: 1s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.err404 .icon {
    width: 218px;
    height: 200px;
    background: url(img/tz.png) no-repeat 0 -135px;
    position: absolute;
    left: 693px;
    top: 184px;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;

    -moz-animation-duration: 1s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;

    -ms-animation-duration: 1s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;

    animation-duration: 1s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.err404 .bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    animation-name: bounce;
}
.err404 .bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -ms-animation-name: bounceIn;
    animation-name: bounceIn;
}
@keyframes bounce {
    0%  {transform: translateX(-60px);}
    100%{transform: translateX(0px);}
}

@keyframes bounceIn {
    0% {
      opacity: .3;
      transform: scale(.3);
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1);
    }
}
/* 404 page end*/


.footer{width:1000px; margin:0 auto; margin-top:80px;}
.footer p{text-align:center; color:#666; padding:5px 0;}
.footer p a{color:#666; margin:0 10px;}

.link{width:1000px; margin:0 auto; overflow:hidden;}
.link ul{border-bottom:1px dotted #d5d5d5; overflow:hidden; padding:20px 0; _height:45px;}
/*.link ul a{display:inline-block; width:107px; float:left}*/
.link ul.last{ border-bottom:0px; padding:20px 0 0 0;}
.link li{float:left; line-height:24px; overflow:hidden}
.link li.ll{float:right; width:898px}
.link li.ll .link-item{float:left; width: 144px; }
.link li b{font-weight:bold; color:#333; display:inline-block; width:102px;}
.link li a{color:#666;}
.link ol{padding:20px 0;border-top:1px dotted #d5d5d5; margin-top:20px;}
.link li.yl{float:right; width:898px;}
.link ol li a{margin-right:30px; display:inline-block;}


 /*-------------------离线宝 新的弹窗模块-----------------------*/

/*右边栏菜单 */
.right-bar{width:127px; height: 303px; position: fixed; bottom: 10px; /*background: #ccc;*/
right: 0; z-index: 1004;}

.right-bar .icon-zxzx{ background-position:0 -88px;  height: 88px; }
.right-bar .icon-zxzx, .right-bar  #gotop1{background:url(img/right-bar.png) no-repeat; cursor: pointer;}
.right-bar .icon-zxzx .link{ cursor: pointer; display: block; height: 88px;  text-indent: -9999px; overflow: hidden; }
.right-bar .icon-mfdh{ cursor: pointer; background: #ffb534 ; margin-top: 10px; padding-top: 10px; padding-bottom: 10px;  }

.right-bar .icon-mfdh .text{ font-size: 14px; font-weight: bold; color: #fff;text-align: center;}
.right-bar .icon-mfdh .tel{ padding-left: 4px;  width: 106px; height: 32px;  margin:10px; display: block;
 background: #fff; border:none; color: #999; }
.right-bar .icon-mfdh .btn{ cursor: pointer; margin:10px; display: block;   border:none; width: 100%; overflow: hidden;
height: 32px; width: 110px;  text-indent: -999px;  background: url(img/right-mfth.gif) no-repeat; }

.right-bar .icon-mfdh {}
.right-bar #gotop1{background-position:0 -266px; width: 128px;  margin-top:10px; height:31px; display: none;}
/*右边栏菜单 end*/


    .lxb-modal{ display: none;    position: fixed;    _position: absolute;    width: 401px;    height: 222px;    top: 50%;    left: 50%;    margin: -111px 0 0 -200px;    background: url(img/lxb_modal_bg.png) no-repeat;
    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    -o-border-radius: 5px;    border-radius: 5px;    z-index: 2147483647
    }
    .lxb-modal .intro-text{ text-align: center; font-size: 24px; line-height: 32px;
            margin-bottom: 10px; font-weight: bold; color: #333;
            width: 100%; top:30px ;position: absolute; left: 10px;  }
    .lxb-modal  .close{ width: 12px; height: 12px; background: url(img/close.png); ;
        position: absolute; right: 16px;    top: 13px; cursor: pointer; z-index: 999;  }

     .lxb-modal .zixun{ display: block;   width: 128px; height: 32px; background: #ef3333; border-radius: 4px;
         color:#fff; font-size: 16px; font-weight: bold; line-height: 32px;
         text-align: center;  position: absolute; top:100px; left: 130px;   }
      .lxb-modal .input-wrap{ position:absolute;  width: 80%; left: 129px; top:143px;  height: 42px;  margin-bottom: 10px;  }
      .lxb-modal .lxb-tel {border:1px solid #ddd ; height:32px; display:block; position:absolute; width:178px; left: 0px; padding:0; border-radius: 4px;
        box-sizing: border-box; -webkit-box-sizing: border-box;  padding-left: 10px;
     color: #999; font-size: 14px;  }
        .lxb-modal .lxb-btn  {background: url(img/lxb-btn_bg.gif) no-repeat; border:none; color:#fff; height:32px; position:absolute;  width:  78px;
            left: 184px; border-radius: 4px; font-size: 14px; text-indent: -999px; overflow: hidden;
            cursor: pointer;  }
       .lxb-modal .lxb-tip { font-size:14px;   color:#999; position: absolute;
           top: 184px;    width: 100%;    left: 129px;   }
    .lxb-modal  .lxb-tip.error{ color: #ef3333;  }


    .animated-4 {
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

/*-----------------离线宝 新的弹窗模块------end-----------------*/