@charset "utf-8";
@font-face {font-family: "icon-zcy";
  src: url(/font/font_se9ui5h5ekvmfgvi.eot); /* IE9*/
  src: url(/font/font_se9ui5h5ekvmfgvi.eot) format('embedded-opentype'), /* IE6-IE8 */
  url(/font/font_se9ui5h5ekvmfgvi.woff?) format('woff'), /* chrome, firefox */
  url(/font/font_se9ui5h5ekvmfgvi.ttf) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url(/font/font_se9ui5h5ekvmfgvi.svg) format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "iconfont1";
  src: url('../fontincon/iconfont.eot?t=1537343063641'); /* IE9*/
  src: url('../fontincon/iconfont.eot?t=1537343063641#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fontincon/iconfont.woff?t=1537343063641') format('woff'),
  url('../fontincon/iconfont.ttf?t=1537343063641') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fontincon/iconfont.svg?t=1537343063641#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "iconfont2";
  src: url('../fontincon2/iconfont.eot?t=1537346498920'); /* IE9*/
  src: url('../fontincon2/iconfont.eot?t=1537346498920#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fontincon2/iconfont.woff?t=1537346498920') format('woff'), /* chrome, firefox */
  url('../fontincon2/iconfont.ttf?t=1537346498920') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fontincon2/iconfont.svg?t=1537346498920#iconfont') format('svg'); /* iOS 4.1- */
}
body{background: #fff;}
.fn-mall{
  background:#fff!important;
}
.product{
  clear:both;
  margin-top: 30px!important;
}
.product a{
  text-decoration: none!important;
}
.product .product_title{
  height:42px;
  font-size:30px;
  line-height: 42px;
  color:#666;
  display:block;
}
.product .product_title img{
  position:relative;
  top:7px;
  margin-left:4px;
  margin-right:10px;
}
.product .product_title .iconfont {
  font-family: "icon-zcy" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  height: 32px;
  color: #000;
  width: 20px;
  margin-left: 11px;
  margin-right: 11px;
}
.product .product_title .icon {
  width: 34px;
  height:34px;
  float: left;
  text-align: center;
  font-size: 34px;
}
.layout .eidtModule:nth-child(3) .product_title .icon:before {
  content: "\e621";
}
.layout .eidtModule:nth-child(4) .product_title .icon:before {
  content: "\e623";
}
.layout .eidtModule:nth-child(5) .product_title .icon:before {
  content: "\e642";
}
.layout .eidtModule:nth-child(6) .product_title .icon:before {
  content: "\e639";
}
.layout .eidtModule:nth-child(7) .product_title .icon:before {
  content: "\e619";
}
.layout .eidtModule:nth-child(8) .product_title .icon:before {
  content: "\e625";
}
.product_cont{
  border:0px solid #f0f0f0;
  height:480px;
}
.product .product_left{
  float:left;
  width:240px;
  height:480px;
  position:relative;
  background:#b5b5b5;
}
.product .product_left img{
  width:240px;
  height:480px;
}
.product .product_left .nav{position:absolute;top:20px;left:25px;width:161px;color:#fff;text-align:left}
.product .product_left .nav .title{font-size:20px}
.product .product_left .nav .title span{font-size:32px}
.product .product_left .nav-list{line-height:20px;font-size:14px;padding-top:5px}
.product .product_left .nav-list li{margin-bottom:18px;position:relative;cursor:pointer}
.product .product_left .nav-list li span{font-size:18px;padding-left:40px;-webkit-transition:padding-left .2s linear;-o-transition:padding-left .2s linear;transition:padding-left .2s linear}
.product .product_left .nav-list li em{width:15px;height:15px;position:absolute;top:3px;left:0;background:url(/images/beauty.png) -19px 0 no-repeat;z-index:2}
.product .product_left .nav-list li i{background:#fff;z-index:1;height:40px;width:1px;position:absolute;top:-30px;left:7px}
.product .product_left .nav-list li:first-child i{display: none;}
.product .product_left .nav-list li.ui-switchable-active em{background-position:0 0}
.product .product_left .nav-list li.ui-switchable-active span{padding-left:25px}
.product .product_left .nav-list li.last i{display:none}
.product .product_right{
  float:right;
  width:960px;
}
.product .product_right ul{
  display:none;
}
.product .product_right ul:first-child{
  display:block;
}
.product .product_right li{
  float:left;
  width:240px;
  height:240px;
  position: relative;
  /*background:#d6d6d6;*/
  overflow: hidden;
}
/*.product .product_right li:first-child{
  background:#b5b5b5;
}
.product .product_right li:nth-child(3){
  background:#b5b5b5;
}
.product .product_right li:nth-child(6){
  background:#b5b5b5;
}
.product .product_right li:nth-child(8){
  background:#b5b5b5;
}*/
.product .product_right li img{
  width:164px;
  height:164px;
  position: absolute;
  top:0;
  left:38px;
}
.product .product_right li .product_rightCont{
  position:absolute;
  bottom:0;
  left:0;
  z-index: 10;
  width:240px;
  display:block;
  /*height:62px;*/
  transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
}
/*.product .product_right li .product_rightCont .product_rightContBg{
  background-color:#777777;opacity:0.57;filter:alpha(opacity=57);
  z-index:-1; position:absolute;height:100%;top:0;width:100%;display: block;
}*/
.product .product_right li p{
  position: relative;
}
.product .product_right li .title{
  font-size:14px;
  line-height:14px;
  text-align: center;
  /*height:28px;*/
  overflow:hidden;
  padding-top:4px;
  padding-left:10px;
  padding-right:10px;
}
.product .product_right li .num{
    font-size: 14px;
    line-height: 20px;
    display: block;
    color: #da3a4c;
    font-family: Arial;
    overflow: hidden;
    text-align: center;
   margin-top: 10px;

}
.product .product_right li .num font{
  font-size:18px;
  padding:0 5px;
}
.product .product_right li .num span{
  color:#d9d8d8;
  text-decoration: line-through;
  font-size: 12px;
}


.nav-list .iconfont{
  font-family:"icon-zcy" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  height:32px;
  color:#fff;
  width:20px!important;
  margin-left:11px;
}
.nav-list .nav-item .icon-1:before{content:"\e621"}
.nav-list .nav-item .icon-2:before{content:"\e642"}
.nav-list .nav-item .icon-3:before{content:"\e623"}
.nav-list .nav-item .icon-4:before{content:"\e639"}
.nav-list .nav-item .icon-5:before{content:"\e619"}
.nav-list .nav-item .icon-6:before{content:"\e625"}
.nav-list .nav-item .icon-8:before{content: "\e619";}
.nav-list .nav-item .icon-13:before{content: "\e626";}

.nav-list .nav-item .icon-846:before{content:"\e613"}
.nav-list .nav-item .icon-848:before{content:"\e641"}
.nav-list .nav-item .icon-849:before{content:"\e671"}
.nav-list .nav-item .icon-850:before{content:"\e63c"}
.nav-list .nav-item .icon-1039:before{content: "\e626";}
.nav-list .nav-item .icon-9:before{content: "\e621";}

.nav-list .nav-item .icon-3587:before{content: "\e632";}
.nav-list .nav-item .icon-10:before{content: "\e635";}
.nav-list .nav-item .icon-11:before{content: "\e643";}
.nav-list .nav-item .icon-2329:before{content: "\e60e";}
.nav-list .nav-item .icon-1832:before{content: "\e6a7";}
.nav-list .nav-item .icon-4137:before{content: "\e63a";}
.nav-list .nav-item .icon-4400:before{content: "\e619";}
.nav-list .nav-item .icon-4401:before{content: "\e601";}
.nav-list .nav-item .icon-4402:before{content: "\e623";}
.nav-list .nav-item .icon-4403:before{content: "\e671";}
.nav-list .nav-item .icon-4404:before{content: "\e63c";}
.nav-list .nav-item .icon-2101:before{content: "\e629";}
.nav-list .nav-item .icon-4405:before{content: "\e639";}
.nav-list .nav-item .icon-4408:before{content: "\e621";}
.nav-list .nav-item .icon-4409:before{content: "\e626";}
.nav-list .nav-item .icon-4407:before{content: "\e625";}



.nav-list .nav-item .icon-3685,.nav-list .nav-item .icon-2486,.nav-list .nav-item .icon-4410,.nav-list .nav-item .icon-2027,.nav-list .nav-item .icon-3992,.nav-list .nav-item .icon-4406,.nav-list .nav-item .icon-2551,.nav-list .nav-item .icon-2416,.nav-list .nav-item .icon-2388,.nav-list .nav-item .icon-2366{
  font-family:"iconfont1" !important;
}
.nav-list .nav-item .icon-3685:before{content: "\e61e";}
.nav-list .nav-item .icon-2486:before{content: "\e505";}

.nav-list .nav-item .icon-4410:before{content: "\e64e";}
.nav-list .nav-item .icon-3992:before{content: "\e603";}
.nav-list .nav-item .icon-4406:before{content: "\e634";}
.nav-list .nav-item .icon-2551:before{content: "\e6d2";}
.nav-list .nav-item .icon-2416:before{content: "\e5ee";}
.nav-list .nav-item .icon-2388:before{content: "\e67a";}
.nav-list .nav-item .icon-2366:before{content: "\e646";}
.nav-list .nav-item .icon-2027:before{content: "\e60a";}

.nav-list .nav-item .icon-a,.nav-list .nav-item .icon-b,.nav-list .nav-item .icon-c,.nav-list .nav-item .icon-d,.nav-list .nav-item .icon-e,.nav-list .nav-item .icon-f,.nav-list .nav-item .icon-g,.nav-list .nav-item .icon-h,.nav-list .nav-item .icon-i,.nav-list .nav-item .icon-j,.nav-list .nav-item .icon-f{
  font-family:"iconfont2" !important;
}

.nav-list .nav-item .icon-a:before{content: "\e8de";}
.nav-list .nav-item .icon-b:before{content: "\e95a";}
.nav-list .nav-item .icon-c:before{content: "\e976";}
.nav-list .nav-item .icon-d:before{content: "\e654";}
.nav-list .nav-item .icon-e:before{content: "\e65f";}
.nav-list .nav-item .icon-f:before{content: "\e673";}
.nav-list .nav-item .icon-g:before{content: "\e68a";}
.nav-list .nav-item .icon-h:before{content: "\e68f";}
.nav-list .nav-item .icon-i:before{content: "\e69e";}
.nav-list .nav-item .icon-j:before{content: "\e6fe";}
.nav-list .nav-item .icon-f:before{content: "\e716";}


.main-slider .nav-list .nav-item .nav-menu-item .title{
  width:100px!important;
}
.main-slider .nav-list .sub-columns{
  min-height:440px!important;
}
.main-slider .column-item{
  margin-bottom:0!important;
}
.nav-tabs{
    border:0;
    margin:0;
    padding:0;
}
.nav-tabs li{
  float:left;
  width:200px;
}
.nav-tabs li a{
  font-size:20px;
  display:inline-block;
  width:200px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border:0;
    text-decoration: none!important;
    background:url(/images/tuijian.png) no-repeat 0px 31px;
}
.nav-tabs>li.active>a:hover{

}
#myTabContent{
    width:1200px;
    height:200px;
    margin:0;
    clear:both;
    padding-top:10px;
    padding-bottom:30px;
}
#myTabContent div{
  display:none;
}
#myTabContent div.active{
  display:block;
}
#myTabContent ul{
    padding-left: 0;
    margin:0;
}
#myTabContent ul li{
    display:block;
    float:left;
    width:200px;
    height:200px;
    background:#eee;
    position:relative;
    overflow:hidden;
}
#myTabContent ul li:first-child{
    background:#aaa;
}
#myTabContent ul li:nth-child(3){
    background:#aaa;
}
#myTabContent ul li:nth-child(5){
    background:#aaa;
}
#myTabContent ul li img{
  position:absolute;
  top:0;
  left:0;
  width:200px;
  height:200px;

}
#myTabContent ul li .tabPaneCont{
  position:absolute;
  bottom:-62px;
  left:0;
  z-index: 10;
  width:200px;
  display:block;
  height:62px;
  transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
}
#myTabContent ul li:hover .tabPaneCont{
  bottom:0;
}
#myTabContent ul li .tabPaneCont .tabPaneContBg{
  background-color:#777777;opacity:0.57;filter:alpha(opacity=57);
  z-index:-1; position:absolute;height:100%;top:0;width:100%;display: block;
}
#myTabContent ul li p{
  position:relative;
  width:150px;
  font-size:14px;
  max-height:40px;
  line-height: 20px;
  overflow: hidden;
  margin:0 auto;
}
#myTabContent ul li p.comprice{
  margin-top:0;
  font-size:14px;
  color:#fe2e55;
  text-align: center;
}
#myTabContent ul li p.comprice .comxian{
  font-size:18px;
  padding:0 5px;
}
#myTabContent ul li p.comprice .comyuan{
  color:#fff;
  text-decoration: line-through;
}

.row{
    width:1200px;
    margin:0;
    height:490px;
}
.row .col-lg-4{
    padding:0;
    width:380px;
    margin-left: 30px;
    float:left;
  -webkit-box-shadow: 5px 5px 5px #999;
  -moz-box-shadow: 5px 5px 5px #999;
  box-shadow: 5px 5px 5px #999;
}
.row .col-lg-4 h2{
  height:40px;
  width:360px;
  background:#fe2e55;
  color:#fff;
  font-size:22px;
  line-height: 40px;
  padding:0 10px;
}
.row .col-lg-4 h2 a{
  float:right;
  font-size:14px;
  color:#fff;
  position:relative;
  top:6px;
}
.row .col-lg-4:first-child{
    margin-left: 0;
}
.row .col-lg-4 ul{
    list-style: none;
    margin:0;
    padding:0;
}
.row .col-lg-4 ul li{
    width:190px;
    height:148px;
    float:left;
    background:#aaa;
}
.row .col-lg-4 ul li:nth-child(2){
    background:#eee;
}
.row .col-lg-4 ul li:nth-child(3){
    background:#eee;
}
.row .col-lg-4 ul li:nth-child(6){
    background:#eee;
}
.row .col-lg-4 ul li.listChild{
    width:380px;
    height:148px;
    background:#ccc;
}
.row .col-lg-4 ul li img{
  width:100%;
  height:100%;
}
.row .rowlist2 ul li{
    height:296px;
}