@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;
}

body.site-ct {
  background:#F0EFEF;
}
body.site-prod-item {
  background: url(bg.jpg) repeat;
  background-size: contain;
}
body.site-home-ct {
  /*background:#060009;*/
  padding-bottom:0px!important;
  background:#FDE9D9 url(fuck.jpg) no-repeat 0 0;
  background-size:100% auto;
  min-height: 100%;
  box-sizing: border-box;
  position: relative;
}
body.site-home-ct .copyright,
body.site-home-ct .copyright a {
  /*color:#9B9B9B;*/
}

html {
  height:100%;
}

body {
  /*line-height:1.6;*/
  font-size:14px;
  padding-bottom: 60px !important;
}
a {
  color:#000000;
}

.header {
  /*margin-bottom:12px;*/
}
.header img {
  width:100%;
}

.clr {
  clear:both;
}

.swiper-wrp {
  position:relative;
  width:100%; height:0;
  padding-bottom:39.6296%;
  overflow:hidden;
  box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25);
  -ms-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.swiper-container {
  width: 100%;
  /*height: 200px;*/
}
.swiper-slide {
  overflow:hidden;
}
.swiper-slide img {
  width:100%;
  /*display:none;*/
  /*height:100%*/
}
.swiper-wrp .navi {
  position:absolute;
  height:8px;
  right:8px; bottom:12px;
  z-index:99;
}
.swiper-wrp .navi span {
  display:inline-block;
  width:8px; height:8px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  background:#888;
  margin:0 2px;
}
.swiper-wrp .navi span.swiper-active-switch {
  background:#DDDDDD;
}

.list-pager {
  text-align:center;
  margin-top:16px;
}
.list-pager > span,
.list-pager > a {
  display:inline-block;
  border:1px solid #836FA7;
  background:#fff;
  height:22px;
  padding:0 0.5em;
  line-height:22px;
  text-align:center;
  margin:0 2px;
}

.header-banner {
  position:relative;
  width:100%; height:0;
  padding-bottom:59.6296%;
  overflow:hidden;
}
.header-banner img {
  display:block;
  width:100%;
}



.home-ct {
  position:absolute;
  width:100%;
  left:0; bottom:48px;
  padding:10px 0;
  overflow:hidden;
  background:rgba(0,0,0,.4);
}
.home-ct .prev,
.home-ct .next {
  position:absolute;
  top:10px;
  width:40px;
  height:0;
  padding-bottom:18%;
  background-position:50% 50%;
  background-size:18px auto;
  background-repeat:no-repeat;
}
.home-ct .prev {
  left:0;
  background-image:url(s05-a.png);
}
.home-ct .next {
  right:0;
  background-image:url(s05-b.png);
}
.home-swiper {
  margin:0 40px;
  height:0;
  padding-bottom:18%;
}
.home-swiper .item > div {
  float:left;
  width:25%;
}
.home-swiper .item > div > a {
  display:block;
  margin:0 5px;
}
.home-swiper .item > div > div > img {
  display:block;
  height:100%;
}


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

.wxinfo {
  background:url(s01.png) no-repeat center center;
  background-size:100% 100%;
  height:42px;
  position:relative;
  padding:12px;
  padding-left:62px;
  display:block;
  color:#222;
  text-decoration:none;
  font-size:15px;
  margin:0 0 15px 0;
}
.wxinfo .logo {
  position:absolute;
  padding:6px;
  width:42px;
  height:42px;
  overflow:hidden;
  top:6px;
  left:5px;
}
.wxinfo .logo img {
  width:42px;
  height:42px;
  position:relative;
  z-index:10;
  border-radius:15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.wxinfo .logo .circle {
  position:absolute;
  top:0;
  left:0;
  width:54px;
  height:54px;
  background:url(s02.png) no-repeat center center;
  z-index:100;
  background-size:100% 100%;
}
.wxinfo #nickname {
  font-size:15px;
  color:#454545;
  height:20px; line-height:20px;
  padding-top:2px;
}
.wxinfo #weixinid {
  font-size:12px;
  color:#a3a3a3;
  line-height:20px;
}

.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;
}

.copyright {
  padding: 8px;
  margin:15px 0;
  text-align: center;
  font-size: 11px;
  color: #666;
}
.copyright p {
  margin:0;
}
.copyright a {
  color: #ccc;
  color: #666;
}

.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;
}



.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;
}


.plist {
  margin:2px;
  overflow:hidden;
}
.plist li {
  width:50%;
  float:left;
  margin:3px 0;
}
.plist a {
  display:block;
  margin:0 2px;
  font-size:14px;
  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;
  text-decoration: none;
  padding:0 0.5em;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.glist {
  margin:2px;
  overflow:hidden;
  padding-bottom:4px;
}
.glist li {
  float:left;
  margin-left:2%;
  margin-top:5%;
  width:47%;
}
.glist a {
  display:block;
  padding-top:1px;
  background-color:#fff;
  box-shadow:0px 2px 3px rgba(0, 0, 0, 0.25);
  text-align:center;
  border-radius:5px;
  position:relative;
}
.glist a span {
  width:80%;
  position:absolute;
  left:50%;
  margin-left:-40%;
  top:-6px;
  background:url(gl_line.png) repeat-x;
  height:18px;
}
.glist a img {
  display:block;
  margin:25px auto 0px;
  width:90%;
  height:auto;
}
.glist a p {
  width:80%;
  text-align:center;
  margin:auto;
  line-height:30px;
  color:#505359;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.prod-item {
  padding:0 5px;
}
.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;
}
.prod-item .img img {
  width:100%;
}
.prod-item .brief {
  color:#666;
  margin:3px 0;
  font-size:14px;
  margin:5px;
  line-height:1.5;
}
.prod-item .xtt {
  height:32px;
  text-align:center;
  margin:18px 0 8px 0;
}
.prod-item .xtt span {
  display:inline-block;
  padding:0 3em;
  background:rgba(255,255,255,.42);
  border-radius:14px;
  height:28px; line-height:28px;
  color:#666;
  border:1px solid rgba(255,255,255,.68);
}


.share-btns {
  margin:15px 5px;
  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;
}

.header-nav {
  position:relative;
  height:45px;
  min-width: 320px;
  /*height: 45px;*/
  border-bottom: 1px solid #D1D1D1;
  box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
  background-image:-webkit-linear-gradient(#ffffff, #f9f9f9);
  background-image:-moz-linear-gradient(#ffffff, #f9f9f9);
  background-image:-ms-linear-gradient(#ffffff, #f9f9f9);
  background-image:-o-linear-gradient(#ffffff, #f9f9f9);
  background-image:linear-gradient(#ffffff, #f9f9f9);
}
.header-nav .trigger {
  position:relative;
  text-align:center;
  width:200px; margin:0 auto;
  height:46px; line-height:46px;
  font-size:16px; text-indent:-10px;
  cursor:pointer;
}
.header-nav .trigger:after {
  content: "";
  width: 0; height: 0;
  position: absolute;
  right: 50px; top: 50%;
  margin-top: -2px;
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #9D9D9D transparent;
}


.header-nav .dropdown {
  position:absolute;
  top:55px; left:50%;
  width: 200px;
  margin:0 0 0 -100px;
  display:none;
  z-index:999;
}

.dropdown>ul {
  position: relative;
  display:block;
  margin: 0 auto;
  padding: 5px;
  background-color: rgba(47, 47, 47, 1);
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  outline: none;
  list-style: none outside none;
}
.dropdown>ul:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 90px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: rgba(47, 47, 47, 0.9) transparent;    
}
.dropdown>ul:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 88px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}
.dropdown li {
    background-color: rgba(58, 58, 58, 1);
    display: block;
    float: left;height: 37px;
    width: 50%;
}
.dropdown li span {
    border-color: #494949 #181818 #181818 #494949;
    border-left: 1px solid #494949;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
  line-height: 37px;
    display: block;
    font-size: 15px;
    height: 37px;
    text-align: center;
    text-shadow: 0 2px 2px #000000;
    width: 100%;
}
.dropdown li:hover {
    background-color: rgba(0, 0, 0, 0.9);
}