@charset "utf-8";
.mainnav ul >li,
.mainnav ul >li>a,
.mainnav ul >li dd,
.mainnav ul >li dd a,
.mainnav,
.HomeBanner .owl-carousel .owl-nav>div,
.Hfloor1 .ul li,
.Hfloor1 .ul li *,
.Hfloor2 .listbox nav li,
.Hfloor2 .listbox nav li a,
.Hfloor2 .conbox .tabs a,
.Hfloor3 .ul li,
.Hfloor3 .ul li *,
.PHfloor3 .ul li,
.PHfloor3 .ul li *,
.SHptfloor1 .ul li,
.SHptfloor1 .ul li *,
.WXkjfloor1 .ul li,
.WXkjfloor1 .ul li *,
.PHfloor4 .ul li,
.PHfloor4 .ul li *,
.Hfloor4 ul li,
.ServiceFloor3 ul li,
.Hfloor5 ul li,
.Hfloor6 .left li a,
.Hfloor6 .right li a,
.PHfloor5 ul li h2 a,
.PHfloor5 .owl-nav > div,
.BannerApp .click a,
.BannerApp .click a i,
.Appfloor4 li img,
.Appfloor5 .owl-nav > div,
.Appfloor5 li *,
.PCsyfloor5 .owl-nav > div,
.PCsyfloor5 li *,
.DPhdfloor4 .owl-nav > div,
.DPhdfloor4 li *,
.EWMfloor4 .owl-nav > div,
.EWMfloor4 li *,
.BCRMfloor3 li,
.BCRMfloor3 li *,
.SHptfloor3 li,
.SHptfloor3 li *,
.DSfloor4 li .pic img,
.DPhdfloor3 li,
.EWMfloor1 li,
.WXkjfloor3 ul li,
.WXkjfloor3 ul li *,
.packbagebox .conbox .con-list li *,
.footer a,.Pages *,
.Jobfloor2 ul li *,
.ServiceFloor1 .cont>div figure,
.Hfloor1 .ul li figure,.Hfloor1 .ul li,
#BAR #RIGHT li,
.jobnav li{transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }



/* 公用 */
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
body, h1, h2, h3, h4, h5, p, ul, li, input,textarea, button, thead, tr, th, td, a,code {margin: 0;padding: 0;font-family:"microsoft yahei",Arial;}
body {background-color: #ffffff;  color: #505050; font: 14px/28px "microsoft yahei",Arial;overflow-x: hidden;}
a,a:active{color:#666;text-decoration:none;}
a:focus{outline: none;}
form {margin: 0;}
img {border: 0 none;}
ul li{list-style-type: none;}
::-ms-clear, ::-ms-reveal{display: none;}
.clear{clear:both;}


/*公共*/
.heading{height:150px;width:1100px;margin:auto;position: relative;}
.heading .hr{height:1px;width:100%;background-color:#9c9c9c;position: absolute;top:58px;left:0px;}
.heading .title{height:160px;background-color:#fff;text-align:center;}
.heading .title .b1{font-size:26px;padding-top:48px;}
.heading .title .b2{font-size: 16px;padding-top:18px;}
.heading2{height:70px;width:1100px;margin:auto;position: relative;padding-top: 30px;}
.heading2 .title{height: 70px;line-height: 70px;background-color: #fff;font-size: 24px;border-bottom: 1px solid #dedede;}
.mauto{max-width:1200px;margin:auto;}
.clearfix:after {content: "\200B";display: block;height: 0;clear: both;}


/*首页*/
.nav{padding:0 20px;background-color:#fff;height: 70px;}
.nav ul{padding-right: 120px;}
.nav ul li{color:#121212;float: left;font-size: 16px;height: 70px;line-height: 70px;text-align: center;width: 110px;}
.nav ul li a{color:#121212;display:block;font-weight: 600;cursor: pointer;}
.nav ul li a.active{color:#83c5f5;}
.nav ul li a:hover{color:#83c5f5;}
.nav ul li.parent div{color:#121212;font-weight: 600;}
.nav ul li.parent .child{display: none;padding-right: 0;background-color: #fff;width: 130px;border: 1px solid #e5e5e5;border-top: none;}
.nav ul li.parent .child li{font-size: 14px;height: 40px;line-height: 40px;width: 130px;float: inherit;}
.nav ul li.parent .child li a{font-weight: normal;}
.nav ul li.parent:hover .child{display: block;}

.nav .l{float:left;padding-top: 7px;height: 63px;}
.nav .l img{height:56px}
.nav .r{float:right;position: relative;}
.nav .r .number{font-size: 12px;width: 200px;}
.nav .r .number span{font-size: 20px;color: #ff4200;font-weight: bold;}
.nav .r .login{position: absolute;top: 20px;right: 0px;height: 30px;line-height: 30px;width: 80px;text-align: center;background-color: #e8373d;border-radius: 4px;color: #fff;}
.nav .r .login:active{background-color: #c72d33;}
.fixation{left: 0;padding: 0;position: absolute;top: 0;width: 100%;z-index: 1000;}
.float_nav {display: none;margin-bottom: 0;padding: 0;position: fixed;top: 0;width: 100%;z-index: 1000;box-shadow: 0px 1px 12px #ccc;}

/* banner */
.swiper-container .swiper-slide .one{background-color: #08162a;}
.swiper-container .swiper-slide .two{background-color: #448cab;}
.swiper-container .swiper-slide .three{background-color: #20a9e5;}
.swiper-container .swiper-slide .four{background-color: #08162a;}
.swiper-container .swiper-slide div img{width: 1200px;height: 550px;margin: auto;display: block;}

/* 唐库收银，产品构成 */
.tkgoucheng .content{width:1100px;margin:auto;position: relative;padding: 0px 0 50px;}
.tkgoucheng .content ul{background-image: url(../images/cash.png);background-repeat: no-repeat;background-position: center center;}
.tkgoucheng .content li{ float: left; width: 32%; text-align: right; padding-top: 5%; padding-bottom: 5%; padding-right: 18%;}
.tkgoucheng .content li h2{ font-size: 24px; margin: 0; font-weight: normal; color: #333;}
.tkgoucheng .content li h2 i{ display: block; width: 45px; height: 2px; background: #f55f33; margin-left: auto; margin-top: 20px;}
.tkgoucheng .content li p{ line-height: 22px;  margin: 15px 0 0;}
.tkgoucheng .content li:nth-child(2n){ float: right; text-align: left; padding-right: 0; padding-left: 18%;}
.tkgoucheng .content li:nth-child(2n) h2 i{ margin-right:auto ; margin-left: 0;}


/* 收银系统 软件特点 */
.tktedian{border-top: 1px solid #e5e5e5;}
.tktedian .heading .title{background-color: transparent;}
.tktedian .content{width:1100px;margin:auto;position: relative;padding: 10px 0 99px;}
.tktedian .content .kuai i{background-size: 120px 120px;display: block;height: 120px;width: 120px;margin: auto;transform:rotate(0deg);transition:transform ease 1s;-webkit-transform:rotate(0deg);-webkit-transition:transform ease 1s;}
.tktedian .content .kuai i:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.tktedian .content .kuai .child{float:left;width:183.2px;padding: 24px 0 0;}
.tktedian .content .kuai .child div{height:140px;background-repeat:no-repeat;background-position:center 0;}
.tktedian .content .kuai .child div.one i{background-image: url(../images/characteristics01.png);}
.tktedian .content .kuai .child div.one i:hover{background-image: url("../images/characteristics01_01.png");}
.tktedian .content .kuai .child div.two i{background-image: url(../images/characteristics02.png);}
.tktedian .content .kuai .child div.two i:hover{background-image: url("../images/characteristics02_01.png");}
.tktedian .content .kuai .child div.three i{background-image: url(../images/characteristics03.png);}
.tktedian .content .kuai .child div.three i:hover{background-image: url("../images/characteristics03_01.png");}
.tktedian .content .kuai .child div.four i{background-image: url(../images/characteristics04.png);}
.tktedian .content .kuai .child div.four i:hover{background-image: url("../images/characteristics04_01.png");}
.tktedian .content .kuai .child div.five i{background-image: url(../images/characteristics05.png);}
.tktedian .content .kuai .child div.five i:hover{background-image: url("../images/characteristics05_01.png");}
.tktedian .content .kuai .child div.six i{background-image: url(../images/characteristics06.png);}
.tktedian .content .kuai .child div.six i:hover{background-image: url("../images/characteristics06_01.png");}
.tktedian .content .kuai .child div.seven i{background-image: url(../images/characteristics07.png);}
.tktedian .content .kuai .child div.seven i:hover{background-image: url("../images/characteristics07_01.png");}
.tktedian .content .kuai .child div.eight i{background-image: url(../images/characteristics08.png);}
.tktedian .content .kuai .child div.eight i:hover{background-image: url("../images/characteristics08_01.png");}
.tktedian .content .kuai .child div.nine i{background-image: url(../images/characteristics09.png);}
.tktedian .content .kuai .child div.nine i:hover{background-image: url("../images/characteristics09_01.png");}
.tktedian .content .kuai .child div.ten i{background-image: url(../images/characteristics10.png);}
.tktedian .content .kuai .child div.ten i:hover{background-image: url("../images/characteristics10_01.png");}
.tktedian .content .kuai .child div.eleven i{background-image: url(../images/characteristics11.png);}
.tktedian .content .kuai .child div.eleven i:hover{background-image: url("../images/characteristics11_01.png");}
.tktedian .content .kuai .child div.twelve i{background-image: url(../images/characteristics12.png);}
.tktedian .content .kuai .child div.twelve i:hover{background-image: url("../images/characteristics12_01.png");}
.tktedian .content .kuai .child .title{text-align:center;font-size:16px;}
.tktedian .content .kuai .child .desc{line-height: 20px;font-size:12px;padding-top: 10px;}


/* 介绍	1 */
.jieshao1{border-top: 1px solid #e5e5e5;background-color:#f2f3f4;height: 480px;}
.jieshao1 .content{width:1100px;margin:auto;position: relative;}
.jieshao1 .content .l{width:50%;float:left;}
.jieshao1 .content .r{width:50%;float:left;}
.jieshao1 .content .l .kuai{padding-top: 92px}
.jieshao1 .content .l .kuai img{display: block;margin: auto;}
.jieshao1 .content .r .kuai{padding: 120px 0 0px 75px;}
.jieshao1 .content .r .kuai .h2{font-size: 26px; color: #000; margin: 0; font-weight: normal; padding-bottom: 15px;}
.jieshao1 .content .r .kuai .h3{font-size: 18px; color: #666; margin: 0;font-weight: normal;}
.jieshao1 .content .r .kuai ul { margin: 35px 0;}
.jieshao1 .content .r .kuai ul li{ display: inline-block; font-size: 18px; color: #333; padding-right: 20px;}
.jieshao1 .content .r .kuai ul li i{ font-style: normal; color: #e95221; padding-right: 8px;}
.jieshao1 .content .r .kuai .p{font-size: 15px;line-height: 24px;color: #666;}


/* 介绍	2 */
.jieshao2{border-top: 1px solid #e5e5e5;height: 480px;}
.jieshao2 .content{width:1100px;margin:auto;position: relative;}
.jieshao2 .content .l{width:50%;float:left;}
.jieshao2 .content .r{width:50%;float:left;}
.jieshao2 .content .l .kuai{padding: 130px 75px 0px 0;text-align: right;}
.jieshao2 .content .l .kuai .h2{font-size: 26px; color: #000; margin: 0; font-weight: normal; padding-bottom: 15px;}
.jieshao2 .content .l .kuai .h3{font-size: 18px; color: #666; margin: 0;font-weight: normal;}
.jieshao2 .content .l .kuai ul { margin: 35px 0;}
.jieshao2 .content .l .kuai ul li{ display: inline-block; font-size: 18px; color: #333; padding-right: 20px;}
.jieshao2 .content .l .kuai ul li i{ font-style: normal; color: #e95221; padding-right: 8px;}
.jieshao2 .content .l .kuai .p{font-size: 15px;line-height: 24px;color: #666;}
.jieshao2 .content .r .kuai{padding-top: 92px}
.jieshao2 .content .r .kuai img{display: block;margin: auto;}


/* 卖点 */
.maidian{border-top: 1px solid #e5e5e5;background-color:#f2f3f4;}
.maidian .heading .title{background-color: transparent;}
.Hfloor{padding: 40px 0 100px;}
.Pagewidth{max-width: 1200px;margin: 0 auto;}
.PHfloor3 .owl-carousel .owl-stage-outer{ overflow: visible;}
.PHfloor3 .ul{ padding-top: 0;}
.PHfloor3 .ul li{position: relative;border: 1px solid #e1dfdf; border-right: none; background-color: #fff;}
.PHfloor3 .ul li .pic{ height: 178px;}
.PHfloor3 .ul li .pic img{ height: 100%; width: 100%;}
.PHfloor3 .ul li h2{ font-size: 20px; color: #333; font-weight: normal; margin: 0; text-align: center;}
.PHfloor3 .ul li figure{  border-top: none; padding: 10% 0; text-align: center; line-height: 24px; overflow: hidden;height: 160px;margin-right: 30px;margin-left: 30px;}
.PHfloor3 .ul li p{ font-size: 14px; color: #666; margin: 15px 0 0;}
.PHfloor3 .ul li .more{  margin: 30px auto 0; border: 1px solid #999; font-size: 16px; color: #333; padding: 2% 6%; display: inline-block;}
.PHfloor3 .ul li:last-child{ border-right: 1px solid #e1dfdf;}
.PHfloor3 .ul li.active{box-shadow:3px 10px 30px 0 rgba(0,1,1,.10);transform: scale(1.1,1.1); border:none; position: relative; margin-right: -1px; z-index: 1;}
.PHfloor3 .ul li.active figure{ border-color: #ff712a;} 
.PHfloor3 .ul li.active .more{color: #fff; background: #ff712a; border-color: #ff712a; }
.PHfloor3 .owl-item.on{ position: relative; z-index: 2;}


/* 行业 */
.hangye{border-top: 1px solid #e5e5e5;}
.hangye .content{width:1100px;margin:auto;position: relative;padding: 20px 0 5px;}
.hangye .content li{float: left;width: 200px;height: 189px;margin: 0 25px 25px 0;text-align: center;background-color:#f2f3f4;}
.hangye .content li.no-right{margin-right: 0;}
.hangye .content li img{display: block;margin: 40px auto 24px;}
.hangye .content li .show{display: block;}
.hangye .content li .hide{display: none;}
.hangye .content li h2{font-size: 16px;color: #2d2d2d;}
.hangye .content li .link{margin: 6px 0 7px;}
.hangye .content li .link span{display: block;width: 16px;height: 1px;margin: 0 auto;background: #ccc;}
.hangye .content li p{font-size: 14px;color: #808080;}
.hangye .content li:hover{background-color: #83c5f5;}
.hangye .content li:hover .show{display: none;}
.hangye .content li:hover .hide{display: block;}
.hangye .content li:hover h2{color: #fff;}
.hangye .content li:hover p{color: #fff;}
.hangye .content li:hover .link span{background-color: #fff;}
.downKuai{height: 70px;}
 
/* 下载 */
.xiazai{border-top: 1px solid #e5e5e5;background-color:#f2f3f4;}
.xiazai .heading .title{background-color: transparent;}
.xiazai .content{width:1100px;margin:auto;position: relative;padding: 40px 0 130px;}
.Hfloor4 ul li{border: 1px solid #e5e5e5;border-radius: 4px;width: 380px; height: 137px;float: left; background-color: #fff; padding: 40px 50px; position: relative;}
.Hfloor4 ul li .line{ position: absolute; top: 0; left: 0; height: 4px; width: 0; background-color: #83c5f5;}
.Hfloor4 ul li:nth-child(2n){ float: right;}
.Hfloor4 ul li .pic{ position: absolute; top: 40px; left: 30px;width: 140px;height: 140px;}
.Hfloor4 ul li .pic img{width: 140px;height: 140px;}
.Hfloor4 ul li figure{padding-left: 110px;margin-right: 0;}
.Hfloor4 ul li figure h2{ color: #000; font-size: 20px; font-weight: normal; margin: 0 0 15px 0;}
.Hfloor4 ul li figure p{ margin: 0; font-size: 14px; line-height: 22px; height: 66px; overflow: hidden;}
.Hfloor4 ul li:hover{box-shadow:0 2px 10px 0 rgba(0,0,0,.1);}
.Hfloor4 ul li:hover .line{-webkit-transition:background .5s ease,width .5s ease-out;-moz-transition:background .5s ease,width .5s ease-out;-o-transition:background .5s ease,width .5s ease-out;transition:background .5s ease,width .5s ease-out;width:100%;}
.Hfloor4 ul li .btn {display: inline-block;font-size: 15px;color: #fff;background-color: #83c5f5;height: 30px;text-align: center;line-height: 30px;width: 90px;border-radius: 4px;position: absolute;bottom: 20px;right: 40px;padding: 0 20px 0 8px;}
.Hfloor4 ul li .btn i{position: absolute; right: 1px; top: 50%; margin-top: -6px; width: 0; height: 0; border: 6px solid #fff; border-color: transparent transparent transparent #fff;}
.table-cell {display: table-cell;vertical-align: middle;height: 100%;}


/* 合作伙伴 */
.hezuo{border-top: 1px solid #e5e5e5;background-image: url(../images/Hfloor5.jpg);background-repeat: no-repeat;}
.hezuo .heading .title{background-color: transparent;color: #fff;}
.hezuo .content{width:1100px;margin:auto;position: relative;padding: 20px 0 85px;}
.hezuo .content .kuai{width: 25%;float: left;}
.hezuo .content .kuai div{margin: 15px 20px;padding: 6px 0 10px 0;background-color: #fff;border-radius: 4px;}
.hezuo .content .kuai div .img{text-align:center;}
.hezuo .content .kuai div .img img{height: 60px;display: block;margin: auto;}
.hezuo .content .kuai div h3{text-align:center;}


/* 结尾 */
.jiewei{border-top: 1px solid #e5e5e5;}
.jiewei .heading .title{background-color: transparent;color: #fff;}
.jiewei .content{width:1100px;margin:auto;position: relative;padding: 100px 0 100px;}
.jiewei .content ul li{width:24%; border: 1px solid #666; border-radius: 10px; padding: 3%; text-align: center; float: left;}
.jiewei .content ul li+li{margin-left: 4.5%;}
.jiewei .content ul li .pic{display: block;}
.jiewei .content ul li h2{margin:20px 0 30px 0; font-weight: normal; font-size: 20px; color: #333;}
.jiewei .content ul li p{margin: 0; font-size: 16px; color: #333; line-height: 27px; height: 54px; overflow: hidden;}
.jiewei .content ul li .btn {display: inline-block; margin-top: 5px; font-size: 16px; color: #fff; position: relative; background-color: #ff5b2f; padding: 4px 22px 4px 8px;}
.jiewei .content ul li .btn i{position: absolute; right: 1px; top: 50%; margin-top: -6px; width: 0; height: 0; border: 6px solid #fff; border-color: transparent transparent transparent #fff;}


/* footer */
.footer{background-color:#212930;color:#fff;}
.footer .content{width:1100px;margin:auto;border-bottom:1px solid #4b5866;padding-top:40px;padding-bottom:20px;}
.footer .content .kuai{float:left;}
.footer .content .kuai h3{padding-bottom: 15px;}
.footer .content .f1{width:50%;}
.footer .content .f2{width:50%; position: relative;}
.footer .content .f2 .guanzhu{position: absolute; right: 15px; top: 15px;}
.footer .reserved{text-align: center;padding-top:15px;padding-bottom:15px;}


/* 产品列表 */
.cplist{background-color:#f2f3f4;}
.cplist .heading2 .title{background-color: transparent;}
.cplist .content{width:1100px;margin:auto;position: relative;padding: 24px 0;}
.cplist .content ul{}
.cplist .content li{float: left;width: 263.75px;margin-left: 15px;background-color: #fff;padding-bottom: 25px;}
.cplist .content li:first-child{margin-left: 0px;}
.cplist .content li:hover {z-index: 2;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0)}
.cplist .content li .img img{width: 263.75px;height: 196.02px;display: block;}
.cplist .content li .desc{height: 96px; /* overflow: hidden;*/margin: 25px 25px 20px 25px;font-size: 14px;line-height: 24px;font-weight: 400;color: #888;}
.cplist .content li .info{margin-left: 25px;}
.cplist .content li .info h3{display: inline-block;font-size: 16px;font-weight: 600;vertical-align: bottom;color: #333;}
.cplist .content li .info .sep{margin-left: 3px;;font-family: sans-serif;color: #b0b0b0;}
.cplist .content li .info .price {display: inline;margin: 0;color: #ff6700;}
.pos .content li .desc{height: 120px;}

/* 其它配件 */
.pjlist{background-color:#f2f3f4;}
.pjlist .heading2 .title{background-color: transparent;}
.pjlist .content{width:1100px;margin:auto;position: relative;padding: 24px 0 100px;}
.pjlist .content li{float: left;width: 210.4px;padding: 40px 0 25px;margin-left: 12px;background-color: #fff;position: relative;}
.pjlist .content li:first-child{margin-left: 0px;}
.pjlist .content li:hover {z-index: 2;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0)}
.pjlist .content li .img img{width: 150px;height: 150px;display: block;margin: 0 auto;}
.pjlist .content li .title{height: 28px;line-height: 28px;font-size: 14px;font-weight: 400;text-align: center;color: #333;padding-top: 15px;}
.pjlist .content li .desc{height: 28px;line-height: 28px;font-size: 12px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;_zoom: 1;color: #b0b0b0;}
.pjlist .content li .price{height: 28px;line-height: 28px;text-align: center;color: #ff6700;}
.pjlist .content li .flag {position: absolute;top: 0;left: 50%;z-index: 2;width: 64px;height: 20px;margin-left: -32px;font-size: 12px;line-height: 20px;text-align: center;color: #fff;}
.pjlist .content li .flag-new {background-color: #83c44e;z-index: 5;}
.pjlist .content li .flag-saleoff {background-color: #e53935;}