@charset "utf-8";
/**
 2014.07.24 add login
 */
 /*reset*/
 body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video {
  margin:0;
  padding:0;
}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video,img {
  display: block;
}
body {
  font-size: 100%;
  font-family:Helvetica,STHeiti,Droid Sans Fallback;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
textarea {
  resize: none;
}
iframe,img {
  border:0;
}
ul,ol {
  list-style:none;
}
input,
select,
textarea {
  outline: 0;
  -webkit-user-modify: read-write-plaintext-only;
}
input {
  -webkit-appearance: none;
}
a{
  text-decoration: none;
}

.clearboth { clear:both; }
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after { clear: both; }

.ellipsis, .ellipsis-list li {
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}

body {
  font-size:12px;
  line-height:1.6;
}
a, a:visited {
  color:#000000;
}

body {
  padding-top:60px;
}

div.img-blocks img {
  display:block;
  margin:0 auto;
  max-width:100%;
}

.header {
  position:fixed;
  z-index:1000;
  left:0; top:0;
  width:100%; height:60px;
  background:rgba(255,255,255,.93);
}
.header.sss {
  box-shadow: 0 0 8px rgba(0,0,0,0.28);
}
.header .logo {
  position:absolute;
  left:60px; top:14px;
}
.header .logo img {
  height:38px;
}
.header .menu-btn {
  position:absolute;
  left:16px;
  top:50%; margin-top:-13px;
}
.header .menu-btn img {
  height:28px;
}

.menus {
  position:fixed;
  left:0; top:0;
  z-index:999;
  height:100%;
  width:260px;
  padding:85px 30px 20px 30px;
  background:rgba(255,255,255,.9);
  box-sizing:border-box;
  overflow-x:hidden;
  overflow-y:auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  transform: translate(-280px, 0);
  transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
}
.menus.open {
  transform: translate(0, 0);
}
.menus ul {
  padding-left:2em;
  font-size:14px;
}
.menus > ul {
  padding-left:0;
}
.menus ul a {
  display:inline-block;
  padding:2px 0;
}
.menus > ul > li {
  margin-bottom:10px;
}

.home00 .swiper-wrp {
  position:relative;
  width:100%; height:0;
  padding-bottom:45.238%;
  overflow:hidden;
  padding-bottom:29.96352267%;
}
.home00 .swiper-container {
  width: 100%;
  /*height: 200px;*/
}
.home00 .swiper-slide {
  overflow:hidden;
}
.home00 .swiper-slide div {
  width:100%; height:0;
  padding-bottom:40.26%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 50%;
}
.home00 .swiper-pagination {
  line-height:1;
}
.home00 .swiper-pagination span {
  width:14px; height:14px;
  background:none;
  border:2px solid #fff;
  opacity:.8;
}
.home00 .swiper-pagination span.swiper-pagination-bullet-active {
  background:#b96629;
}


.home-wrapper {
  padding:1px 0;
}

.home-wrapper .xtt {
  margin-top:20px;
  margin-bottom:10px;
  height:50px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:auto 50px;
}
.home-wrapper .section {
  overflow:hidden;
}

.home-wrapper .swiper-pagination-bullet {
  border:2px solid #000;
  background:transparent;
}
.home-wrapper .swiper-pagination-bullet-active {
  background:#C91F74;
  border-color:#C91F74;
}

.home01 .xtt {
  background-image:url(/static/s16.png);
}
.home01 .swiper-container {
  margin:0 6px;
  padding-bottom:40px;
}
.home01 .item {
  display:block;
}
.home01 .img {
  height:0;
  padding-bottom:60%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 50%;
}
.home01 .title {
  height:22px; line-height:22px;
  overflow:hidden;
  text-align:center;
  background:#C9293E;
  color:#fff;
}

.home02 .xtt {
  background-image:url(/static/s18.png);
}
.home02 .swiper-container {
  margin:0 6px;
  padding-bottom:40px;
}
.home02 .item {
  display:block;
  overflow:hidden;
}
.home02 .img {
  float:left;
  width:100px; height:80px;
  margin-right:10px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 50%;
}
.home02 .txt {
  overflow:hidden;
}
.home02 .title {
  height:22px; line-height:22px;
  overflow:hidden;
  font-size:16px;
  margin-bottom:4px;
}
.home02 .brief {
  color:#666;
  height:54px; line-height:18px;
}

.home03 .xtt {
  background-image:url(/static/s22.png);
}
.home03 .ct {
  margin:0 6px;
}
.home03 .ct div {
  height:0;
  padding-bottom:35.02994012%;
  background:url(s08.jpg) no-repeat 0 0/cover;
}

.home04 .xtt {
  background-image:url(/static/s23.png);
}
.home04 .ct {
  margin:0 6px;
}
.home04 .ct iframe {
  display:block;
  width:100%; height:220px;
}
.home04 .s2 {
  margin-top:5px;
  border:2px solid #CF7FA8;
  padding:3px 10px;
  text-align:justify;
}

.home05 .xtt {
  background-image:url(/static/s32.png);
}
.home05 a {
  display:block;
  padding:5px;
  margin:5px 3px;
  overflow:hidden;
  background:#f5f5f5;
}
.home05 a:last-child {
  border-bottom:0 none;
}
.home05 .img {
  float:left;
  width:32%;
  max-width:160px;
}
.home05 .img span {
  display:block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width:100%; height:76px;
}
.home05 .txt {
  float:right;
  width:64%;
}
.home05 .tt {
  font-size:16px;
  height:26px; line-height:26px;
  margin-bottom:4px;
}
.home05 .desc {
  line-height:20px; height:40px;
  text-indent:2em;
  color:#5A5A5A;
  overflow:hidden;
}

.home06 {
  overflow:hidden;
  background:url(s10.jpg) no-repeat 50% 50%/cover;
  padding-bottom:20px;
  margin-bottom:-33px;
}
.home06 .xtt {
  background-image:url(/static/s33.png);
}
.home06 .s0 {
  margin:0 10px 15px 10px;
}
.home06 .s0 div {
  height:0;
  padding-bottom:34.95038589%;
  background:url(s09.png) no-repeat 0 0/cover;
}
.home06 .ctt {
  margin:0 6px;
  background:#2f2f2f;
  color:#f8f8f8;
  padding:6px 12px;
  font-size:13px;
}
.home06 .ctt span {
  color:#ce6a9d;
}
.home06 .ct {
  padding:15px 10px;
  background:rgba(255,255,255,.4);
  margin:0 6px;
}
.home06 .t {
  margin-bottom:5px;
  font-size:14px;
}
.home06 input[type="text"] {
  display:block;
  height:28px;
  width:100%;
  padding:0 8px;
  margin-bottom:6px;
  border:1px solid #B5B5B5;
  box-sizing:border-box;
}
.home06 .t span {
  color:#C9293E;
}
.home06 .row {
  height:28px;
  margin-bottom:6px;
}
.home06 select {
  float:left;
  width:calc(50% - 3px);
  border:1px solid #B5B5B5;
  padding:0 5px;
  height:28px;
  box-sizing:border-box;
}
.home06 select:last-child {
  float:right;
}
.home06 input[type="submit"] {
  display:block;
  height:32px;
  margin-top:8px;
  width:100%;
  padding:0 8px;
  box-sizing:border-box;
  color:#fff;
  background:#2f2f2f;
  border:0 none;
}

.home-tt {
  font-size:14px;
  margin-bottom:14px;
  letter-spacing:4px;
  background:-webkit-linear-gradient(#C32814, #930803);
  background:linear-gradient(#C32814, #930803);
  text-indent:1em;
}
.home-tt,
.home-tt a {
  display:block;
  color:#fff;
  height:30px; line-height:30px;
}
.home-tt span {
  float:right;
  margin-right:8px;
  font-size:20px;
  color:#fff;
  opacity:0.5;
}

.home-search {
  margin:15px 0;
  padding:0 16px;
}
.home-search form {
  position:relative;
  height:38px;
  border:1px solid #C9C9C9;
  border-radius:19px;
  background-image: -webkit-linear-gradient(#EDEDED, #CBCBCB);
  background-image: linear-gradient(#EDEDED, #CBCBCB);
}
.home-search input[type=image] {
  position:absolute;
  left:12px; top: 6px;
  width: 26px; height: 26px;
}
.home-search .text-wrp {
  margin:0 40px 0 50px;
}
.home-search input[type=text] {
  border: 0 none;
  padding:0; margin:0;
  background:none;
  width:100%;
  height: 38px; line-height:40px;
}

.home-bg {
  margin: 15px 0;
  padding-top: 16px;
  background: url(s06.jpg) repeat-x 0 0;
}

.home-pd {
  padding-top:25px;
  overflow:hidden;
}
.home-pd li {
  float:left;
  width:100%;
}
.home-pd li a {
  display:block;
  margin:5px 5px 0 5px;
}
.home-pd li img {
  display:block;
  width:100%;
}
@media screen and (orientation:landscape) {
  .home-pd li {
    width:50%;
  }
  .home-pd li:nth-child(odd) a {
    margin:5px 2px 0 5px;
  }
  .home-pd li:nth-child(even) a {
    margin:5px 3px 0 2.5px;
  }
}

.home-intro .ct {
  font-size:12px;
  margin:0 5px;
  text-indent:2em;
  line-height:1.8;
  overflow:hidden;
}
.home-intro .ct img {
  float:left;
  width:52%;
  margin:0 5px 5px 0;
  border:2px solid #A9170B;
  border-radius:4px;
}
.home-intro a.btn {
  display:block;
  height:32px; line-height:32px;
  text-align:center;
  width:14em;
  background:#B80000;
  color:#fff;
  margin:8px auto;
  border-radius:4px;
}

.home-zs {
  margin:10px 0;
  overflow:hidden;
}
.home-zs .ct {
  margin:0 3px;
}
.home-zs li {
  float:left;
  width:25%;
}
.home-zs li a {
  display:block;
  margin:0 3px;
  padding-bottom:141%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}

.home-news {
  margin:10px 0;
}
.home-news li {
  margin:5px;
  padding:8px;
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
}
.home-news li a {
  display:block;
  overflow:hidden;
}
.home-news .img {
  float:left;
  width:32%;
  max-width:160px;
}
.home-news .img span {
  display:block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width:100%; padding-bottom:68%;
}
.home-news .txt {
  float:right;
  width:64%;
}
.home-news .tt {
  font-size:16px;
  margin-bottom:4px;
}
.home-news .desc {
  text-indent:2em;
  color:#5A5A5A;
}

.home-jm .home-tt {
  margin:0;
}
.home-jm .ct img {
  display:block;
  width:100%;
}

.home-case {
  margin:10px 0;
  overflow:hidden;
}
.home-case .ct {
  margin:3px;
}
.home-case li {
  float:left;
  width:50%;
}
.home-case li div {
  margin:3px;
}
.home-case li a {
  display:block;
  padding-bottom:68%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media screen and (orientation:landscape) {
  .home-case li {
    width:25%;
  }
  .home-case li a {
    padding-bottom:100%;
  }
}

.footer {
  margin-top:30px;
  background:#474747;
  color:#fff;
  text-align:center;
  height:38px; line-height:38px;
}




.page-title {
  margin: 10px 5px;
  font-size: 18px;
  font-weight: bold;
  color: #454546;
  line-height: 33px;
  padding-top: 10px;
  border-bottom: 2px solid #bdbdbd;
}

.plist {
  margin:2px;
  overflow:hidden;
}
.plist li {
  width:50%;
  float:left;
  margin:3px 0;
}
@media screen and (orientation:landscape) {
  .plist li {
    width:33.2%;
  }
}
.plist a {
  display:block;
  margin:0 2px;
  font-size:12px;
  overflow: hidden;
  text-decoration:none;
  color:#000;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 1px 3px #bebebe;
  -moz-box-shadow:0 1px 3px #bebebe;
  -webkit-box-shadow:0 1px 3px #bebebe;
}
.plist a .img {
  width:100%; height:0;
  padding-bottom:100%;
  overflow:hidden;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:50% 50%;
}
.plist a .img img {
  width:100%;
}
.plist a .tt {
  /*text-align:center;*/
  /*height:25px; line-height:25px;*/
  line-height:1.6;
  text-decoration: none;
  padding:2px 0.5em;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prod-ct .plist a .tt {
  text-align:center;
  height:20px; line-height:20px;
}

.prod-item {
  margin:5px;
}
.prod-item .ctt {
  width:100px;
  height:32px; line-height:32px;
  margin:15px auto 10px auto;
  border-bottom:1px solid #2971AF;
  text-align:center;
}
.prod-item .header {
  padding: 18px 5px 10px 5px;
  border-bottom: 1px dashed #333;
  color: #333
}
.prod-item .header h1 {
  font-size:16px;
  font-weight:normal;
}
.prod-item .header .info {
  font-size:12px;
  color:#555;
}
.prod-item .img {
  margin:5px 0;
}
.prod-item .img img {
  max-width:100%;
  margin:0 auto;
}
.prod-item .brief {
  color:#666;
  margin:3px 0;
  font-size:13px;
  line-height:1.4;
}
.prod-item .lnk {
  margin:15px 0;
}
.prod-item .lnk a {
  display:block;
  margin:8px 0;
  border-radius:4px;
  border:1px solid #DDDDDD;
  box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
  text-align:center;
  display:block;
  height:32px;
  line-height:32px;
}
.prod-item .detail-ct img {
  max-width:100%;
  height:auto!important;
}

.share-btns {
  margin:15px 0;
  height:32px;
}
.share-btns .btn {
  background:#D6D6D6;
  border:1px solid #CCCCCC;
  border-radius:5px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#444444;
  width:48%;
  cursor:pointer;
}
.share-btns .btn-sh {
  float:left;
}
.share-btns .btn-sh span {
  background:url(ico-share.png) no-repeat 0 center;
  background-size:23px 20px;
  padding:0 0 0 27px;
  display:inline-block;
}
.share-btns .btn-pyq {
  float:right;
}
.share-btns .btn-pyq span {
  background:url(ico-pyq.png) no-repeat 0 center;
  background-size:21px 20px;
  padding:0 0 0 25px;
}
.sh-overlay {
  position: fixed; z-index: 9000;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  opacity:0;
  top: 0; left: 0;
}
.sh-overlay>div {
  background: url(text.png) no-repeat right center;
  width: 100%; height: 155px;
  background-size: contain;
}

.page-ct {
  line-height:1.6;
  table-layout:fixed;
  word-wrap:break-word;
  font-size:14px;
}
.page-ct p,
.page h1, .page h2,
.page h3, .page h4 {
  margin:0.5em 0;
}
.page-ct img {
  display:inline-block;
  max-width:100%;
  height:auto;
}


.nw-ct li {
  padding:10px 0;
  border-bottom:1px solid #eee;
}
.nw-ct .n {
  float:left;
  margin-top:2px;
  margin-right:10px;
  color:#fff;
  width:18px; height:22px;
  text-align:center;
  background:url(../../static/s48.png) no-repeat 0 0;
  background-size:100% auto;
}
.nw-ct .t {
  font-size:17px;
  padding-bottom:4px;
}


.main-wrp {
  margin:15px 10px;
}
.main-wrp h1 {
  font-size: 20px;
  line-height:24px;
}
.main-wrp .under-h1 {
  font-size: 11px;
  color: #8c8c8c;
  margin: 0 0 2px 0;
}

.gotop {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  cursor: pointer;
  background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #DDDDDD;
  box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
  margin:15px 0;
  padding:15px;
  text-align:center;
  display: block;
  height:24px; line-height:24px;
}

.video-ct > div {
  width:320px;
  margin:0 auto;
  margin-bottom:15px;
}
.video-ct .title {
  margin:6px 0;
  text-align:center;
}

.sp-720 a {
  display:block;
  padding:10px;
  margin:10px;
  border:1px solid #5E5E5E;
}
.sp-720 a img {
  display:block;
  width:100%;
}
.sp-720 a .title {
  text-align:center;
  margin-top:10px;
  font-size:14px;
  font-family:"Book Antiqua Regular",Helvetica,STHeiti,Droid Sans Fallback;
}


.gform {
  margin:20px;
}
.gform > * {
  position:relative;
  margin:10px 0;
  padding-left:80px;
  padding-right:15px;
}
.gform > .tip {
  padding-left:0;
  text-align:justify;
}
.gform > * > label {
  position:absolute;
  left:0; top:0;
  height:26px; line-height:26px;
  width:70px;
  text-align:right;
}
.gform > *:not(.tip) > span {
  position:absolute;
  right:0px; top:0;
  height:26px; line-height:26px;
  color:red;
}
.gform input[type="text"],
.gform input[type="password"],
.gform textarea {
  display:block;
  width:100%;
  border:1px solid #ccc;
  height:26px;
  box-sizing:border-box;
}
.gform textarea {
  height:80px;
}
.gform input[type="submit"] {
  border:0 none;
  background:#00549C;
  color:#fff;
  width:80px; height:30px;
}


.gallery-ct {
  margin:3px;
}
.gallery-ct li {
  float:left;
  width:50%;
}
@media screen and (orientation:landscape) {
  .gallery-ct li {
    width:33.2%;
  }
}
.gallery-ct li > div {
  margin:3px;
}
.gallery-ct a {
  display:block;
  width:100%;
  border:1px solid #D5D5D3;
  border-radius:4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1);
}
.gallery-ct .img-wrp {
  margin:2px;
}
.gallery-ct .img {
  width:100%;
  padding-bottom:100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
.gallery-ct .txt {
  text-align:center;
  line-height:1.8;
  height:24px; line-height:24px;
}
.gallery-ct .thumbs-wrp {
  margin:2px;
}
.gallery-ct .thumbs {
  width:100%;
  padding-bottom:100%;
}
.gallery-ct .th-wrp {
  float:left;
  width:50%;
}
.gallery-ct .th {
  margin:2px;
}
.gallery-ct .th span {
  display:block;
  width:100%; padding-bottom:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50% 50%;
}

.g-ln {
  overflow:hidden;
  margin:5px;
  border-radius:4px;
}
.g-ln li {
  float:left;
  width:20%;
  background:#eee;
  border-bottom:2px solid #eee;
}
.g-ln li a {
  display:block;
  height:28px; line-height:28px;
  text-align:center;
}
.g-ln li.active   {
  border-bottom:2px solid #FF8200;
}
.g-ln li.active a {
  color:#FF8200;
}
.g-ct .img-list li {
}
.g-ct .img-list img {
  max-width:100%;
  margin:8px auto;
}

.slist li {
  display: block;
  color: #222222;
  border-bottom:1px solid #DDDDDD;
  font-weight: bold;
  text-decoration: none;
  background:#F9F9F9;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  position: relative;
  overflow:hidden;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1) inset;
  -moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 1) inset;
  -webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 1) inset;
}
.slist li a{
  padding:10px 10px 9px 8px;
  display: block;
}
.slist li.only4 a{
  padding:10px 40px 9px 8px; display: block;
}
.slist li .img {
  width:75px;height:42px;float:left;margin:0 10px 0 0; display:inline;overflow:hidden;border-radius: 3px;
}
.slist li img {
  width:75px;float:left;
}
.slist li:hover {
  background-color:#eeeeee;
  font-weight:bold;
  cursor:pointer;
  text-decoration:none;
}
.slist li:active {
  background-color:#eeeeee;
  font-weight:bold;
  cursor:pointer;
  text-decoration:none;
}

.slist li h2 {
  font-size: 16px;
  color:#2f2f2f;
  font-weight:normal;
  height:20px;font-weight:normal;line-height:16px;padding:0;
max-width:100%;text-overflow:ellipsis;white-space:nowrap !important;white-space:normal;overflow:hidden;
}
.slist li.only4 h2 {
  padding:2px 0 0;
}
.slist li p.onlyheight {
  height:16px; /*margin-bottom:5px*/
  white-space: nowrap;
}
.slist li p {
  display: block;
  font-size: 12px;
  color:#9C9C9C;
  line-height: 16px;
  font-weight: normal;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;/*white-space: nowrap;*/
  padding-right:2px;
}
.slist li.only4 p {
  white-space: nowrap;
}

.poster-ct {
  width:100%;
}
.poster-ct img {
  width:100%;
}

.poster-form {
  margin:10px 5px;
  border: 1px solid #D38A85;
  border-radius: 6px;
}
.poster-form form {
  margin:8px 12px;
}
.poster-form p {
  margin:10px;
}
.poster-form label {
  display:block;
  font-size:13px;
}
.poster-form input.text {
  display:block;
  width:100%;
  height:30px;
  line-height:30px;
  border:0 none;
  background:#EDEDED;
  padding:0;
  border-radius: 3px;
}
.poster-form textarea {
  display:block;
  width:100%; height:6em;
  paddign:0;
  border-radius: 3px;
  border:1px solid #EDEDED;
}
.poster-form .btn {
  margin-right:10px;
  width:84px; height:34px;
  line-height:34px;
  border:0 none;
  background:#5CA3B3;
  color:#fff;
  padding:0;
  font-weight:bold;
  font-size:13px;
}
.poster-form .btn-primary {
  color:#fff;
  background:#286DA6;
}


.product-item .sec05 iframe { display: block; width: 880px; height: 480px; margin: 0 auto; }


@media (max-width: 1199.98px) { .product-item .sec05 iframe { width: 100%; height: 280px; } }


.product-item .xtt { font-size: 19px; letter-spacing: 3px; border-bottom: 1px solid #ddd; margin-top: -14px; margin-bottom: 25px; text-align: center; height: 48px; }






.product-item .sec02 .sin img { display: block; margin: 0 auto; max-width: 1200px; }



@media (max-width: 1199.98px) { .product-item .sec02 .sin img { width: 100%; } }



.product-item .sec02 .ls { position: relative; }



.product-item .sec02 .pn { position: absolute; z-index: 10; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 66px; height: 66px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); -webkit-transition: .2s; transition: .2s; }



.product-item .sec02 .pn:hover { opacity: 1; background-color: rgba(0, 0, 0, 0); }



.product-item .sec02 .prev { left: 0; background-image: url(a1/s35.png); }



.product-item .sec02 .next { right: 0; background-image: url(a1/s36.png); }