@charset "utf-8";
/* by Sean Lu 20201103 */
/* 移动端全局控制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 { display: block; }
body { font-size: 100%; font-family: arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
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; color: #666; }
a:hover { text-decoration: underline; color: #20a1dc; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; }

.wrapper { width: 1200px; margin: 0 auto; }


.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 500px; }
.bannerslide .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; text-align: center; color: #fff; }
.bannerslide .swiper-slide a .con { margin-top: 52px; }
.bannerslide .swiper-slide a .con .tit { line-height: 48px; font-size: 40px; font-weight: 400; margin-bottom: 20px; }
.bannerslide .swiper-slide a .con .txt { line-height: 24px; font-size: 14px; font-weight: 400px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 30px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #2075a1; }


.topbar { border-bottom: 1px solid #efefef; height: 40px; }
.topbar .links { line-height: 20px; margin: 10px 0; }
.topbar .links a { font-size: 12px; color: #444; float: left; letter-spacing: 1px; }
.topbar .links a:hover { text-decoration: none; opacity: .6; }
.topbar .links .split { font-size: 12px; color: #e3e3e3; float: left; margin: 0 10px; }

.headerwrap { height: 152px; }
.headerwrap .headerbox { position: relative; background: #fff; }
.headerwrap .headerbox.fxd { position: fixed; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 0 20px rgba(0,0,0,.1); }

.header { height: 60px; padding: 20px 0; }
.header .wrapper { }
.header .logo { float: left; }
.header .logo img { display: block; }
.header .cart { float: right; line-height: 26px; font-size: 12px; color: #000; margin: 15px 0; }
.header .cart:hover { opacity: .6; }
.header .cart .num { float: left; display: block; width: 22px; background: url(../img/carticon.png) no-repeat center 0; padding-top: 4px; text-align: center; margin-right: 6px; }
.header .cart em { float: left; font-style: normal; display: block; padding-top: 4px; letter-spacing: 1px; }
.header .searchbar { width: 450px; height: 40px; border: 2px solid #dedede; margin: 0 auto; position: relative; top: 10px; }
.header .searchbar input { border: 0; line-height: 40px; font-size: 14px; letter-spacing: 1px; }
.header .searchbar .key { color: #333; padding-left: 40px; width: 80%; box-sizing: border-box; background: url(../img/seaicon.png) no-repeat 10px center; float: left; font-size: 12px; }
.header .searchbar .key:focus { background-color: #f5f5f5; }
.header .searchbar .btn { color: #000; width: 20%; float: right; text-align: center; background: #dedede; cursor: pointer; }
.header .searchbar .btn:hover { opacity: .6; }

.navbar { height: 50px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.navbar .wrapper { position: relative; }
.navbar .bignavwrap { position: absolute; top: 50x; left: 0; right: 0; height: 600px; background: #fff; z-index: 9; box-shadow: 0 0 20px rgba(0,0,0,.1); box-sizing: border-box; padding: 20px; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }
.navbar .bignav:hover .bignavwrap { opacity: 1; visibility: visible; }
.navbar .bignavwrap .bnit { width: 20%; float: left; box-sizing: border-box; padding: 10px; }
.navbar .bignavwrap .bnit .img { display: block; }
.navbar .bignavwrap .bnit .img.img2 { margin-top: 20px; }
.navbar .bignavwrap .bnit .img img { display: block; max-width: 100%; margin: 0 auto; }
.navbar .bignavwrap .bnit .hd { font-size: 16px; font-weight: bold; color: #333; text-align: center; line-height: 20px; padding: 10px 0; border-bottom: 1px solid #dedede; }
.navbar .bignavwrap .bnit .hd.hd2 { margin-top: 20px; }
.navbar .bignavwrap .bnit .hd a { text-decoration: none; }
.navbar .bignavwrap .bnit .bd { overflow: hidden; }
.navbar .bignavwrap .bnit .bd a { font-size: 13px; line-height: 20px; padding: 7px 0; display: block; text-align: center; }
.navbar .bignavwrap .bnit .bd a:hover { background: #f5f5f5; }






.navbar .bignav { float: left; margin-right: 20px; }
.navbar .bignav .btn { display: block; text-indent: -9999px; width: 50px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; background: url(../img/navicon.png) no-repeat center; height: 50px; }
.navbar .bignav .btn:hover { opacity: .6; }
.navbar .navlist { float: left; }
.navbar .navlist .nul { font-family: Helvetica; line-height: 50px; }
.navbar .navlist .nul .nli { float: left; position: relative; }
.navbar .navlist .nul .nli .na { text-decoration: none; display: block; padding: 0 20px; color: #333; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.navbar .navlist .nul .nli .na:hover { opacity: .6; }
.navbar .navlist .nul .nli .sub { background: #fff; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,.1); position: absolute; top: 50px; left: 0; width: 170px; visibility: hidden; opacity: 0; -webkit-transition: all .2s; transition: all .2s; z-index: 9; }
.navbar .navlist .nul .nli:hover .sub { visibility: visible; opacity: 1; }
.navbar .navlist .nul .nli .sub .sli { line-height: 20px; font-size: 14px; font-family: arial; }
.navbar .navlist .nul .nli .sub .sli .sa { padding: 5px 10px; display: block; }
.navbar .navlist .nul .nli .sub .sli .sa:hover { background: #f5f5f5; }
.navbar .tel { float: right; }
.navbar .tel a { font-size: 16px; font-weight: bold; font-family: Helvetica; color: #111; text-decoration: none; line-height: 50px; padding-left: 20px; background-repeat: no-repeat; background-position: left center; }
.navbar .tel a:hover { opacity: .6; }
.navbar .tel a:nth-child(1) { background-image: url(../img/telicon_whatsapp.png); }
.navbar .tel a:nth-child(2) { background-image: url(../img/mailicon.png); margin-left: 20px; }

.inbanner { height: 200px; background-repeat: no-repeat; background-position: center; }

.inpage { margin: 50px 0; }
.inpbox { margin-bottom: 40px; }
.inpbox:last-child { margin-bottom: 0; }
.ipbcon { margin: 20px 0; font-size: 16px; line-height: 30px; color: #333; }
.ipbcon p { margin-bottom: 20px; }
.ipbcon img { max-width: 100%; display: inline-block; }

 
.homebox01 { margin: 50px 0; }
.homebox01 .item { width: calc(20% - 8px); float: left; margin-right: 8px; box-sizing: border-box; border: 1px solid #ededed; padding: 10px; margin-bottom: 6px; }
.homebox01 .item:nth-child(5n) { margin-right: 0; }
.homebox01 .item a { display: block; text-decoration: none; }
.homebox01 .item:hover a { opacity: .8; }
.homebox01 .item .img { float: left; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .item .img img { display: block; }
.homebox01 .item:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.homebox01 .item .inf { margin-left: 120px; padding-top: 10px; }
.homebox01 .item .inf .nam:before { content: ''; display: block; width: 20px; height: 2px; background: #929292; margin-bottom: 8px; }
.homebox01 .item .inf .nam { font-size: 13px; font-family: helvetica; font-weight: bold; color: #000; text-transform: uppercase; margin: 10px 0 6px; }
.homebox01 .item .inf .txt { font-size: 10px; font-family: helvetica; color: #bfbfbf; text-transform: uppercase; -webkit-transform: scale(.8); transform: scale(.8); transform-origin: left center; letter-spacing: 1px; }

.homebox02 { margin: 50px 0; }
.homebox02 .list { float: left; width: 49%; }
.homebox02 .list .itembig { background: url(../img/listibbg01.jpg) no-repeat center; height: 220px; margin-bottom: 16px; }
.homebox02 .list .itembig a { display: block; padding: 10px 20px; text-decoration: none; }
.homebox02 .list .itembig a:hover { opacity: .8; }
.homebox02 .list .itembig .inf { margin: 50px 0 0 50px; width: 220px; }
.homebox02 .list .itembig .inf .nam { font-size: 14px; font-family: helvetica; font-weight: bold; color: #000; margin-bottom: 10px; text-transform: uppercase; }
.homebox02 .list .itembig .inf .nam:after { content: ''; display: block; width: 8px; height: 2px; background: #000; margin-top: 8px; }
.homebox02 .list .itembig .inf .txt { font-size: 14px; color: #999; line-height: 1.4; }
.homebox02 .list .itembig .img { float: right; height: 200px; margin-right: 20px; }
.homebox02 .list .itembig .img img { display: block; width: 100%; }
.homebox02 .list .item { width: 48%; float: left; margin-right: 4%; background: #f7f7f7; height: 220px; }
.homebox02 .list .item:last-child { margin-right: 0; }
.homebox02 .list .item a { display: block; padding: 10px; position: relative; }
.homebox02 .list .item .img { margin: 0 auto; width: 200px; height: 200px; }
.homebox02 .list .item .img img { display: block; width: 100%; }
.homebox02 .list .item .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.5); opacity: 0; -webkit-transition: all .2s; transition: all .2s;  }
.homebox02 .list .item:hover .cover { opacity: 1;  }
.homebox02 .list .item .cover .tip { position: absolute; top: 50%; left: 50%; font-size: 12px; font-weight: bold; font-family: helvetica; color: #000; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.homebox02 .bigshow { float: right; width: 49%; }
.homebox02 .bigshow .img { background: url(../img/hb02bsbg01.jpg) no-repeat center; height: 290px; }
.homebox02 .bigshow .img a { display: block; width: 100%; position: relative; padding: 5px 0; }
.homebox02 .bigshow .img a:hover { opacity: .8; }
.homebox02 .bigshow .img img { display: block; margin: 0 auto; }
.homebox02 .bigshow .img .arrow { display: block; width: 46px; height: 46px; background: url(../img/arrow.png) no-repeat center; position: absolute; right: 30px; bottom: -23px; }
.homebox02 .bigshow .inf { padding: 30px; }
.homebox02 .bigshow .inf .cla { font-size: 14px; font-weight: bold; font-family: helvetica; color: #000; text-transform: uppercase; }
.homebox02 .bigshow .inf .cla:after { content: ''; display: block; width: 8px; height: 2px; background: #000; margin-top: 8px; }
.homebox02 .bigshow .inf .nam { font-size: 22px; font-weight: bold; font-family: helvetica; color: #000; text-transform: uppercase; margin: 10px 0; }
.homebox02 .bigshow .inf .txt { font-size: 14px; color: #999; line-height: 1.4; }


.comtit { margin-bottom: 30px; text-transform: uppercase; text-align: center; }
.comtit .cn { font-size: 14px; color: #999; }
.comtit .en { font-size: 22px; color: #000; font-family: helvetica; font-weight: bold; line-height: 2; }

.homebox03 { margin: 60px 0; }
.homebox03 .item { width: 23.5%; margin-right: 2%; float: left; margin-bottom: 20px; }
.homebox03 .item:nth-child(4n) { margin-right: 0; }
.homebox03 .item a { display: block; background: #f3f3f3; position: relative; padding: 30px 0; }
.homebox03 .item .img { width: 210px; height: 210px; margin: 0 auto; }
.homebox03 .item .img img { display: block; width: 100%; }
.homebox03 .item .cover { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,.8); opacity: 0; -webkit-transition: all .2s; transition: all .2s; }
.homebox03 .item a:hover .cover { opacity: 1; }
.homebox03 .item .cover .inf { position: absolute; top: 50%; right: 10%; left: 10%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.homebox03 .item .cover .inf .nam { font-size: 14px; line-height: 1.4; font-family: helvetica; color: #111; margin-bottom: 10px; }
.homebox03 .item .cover .inf .itm { font-size: 12px; color: #666; line-height: 1.6; }
.homebox03 .item .cover .inf .itm strong { font-size: 14px; color: #000; }
.homebox03 .item .cover .inf .itm b { color: #000; }
.homebox03 .item .cover .inf .itm span { margin-left: 10px; }

.homebox04 { margin: 60px 0; }
.homebox04 .item { width: 18.4%; margin-right: 2%; float: left; }
.homebox04 .item:nth-child(5n) { margin-right: 0; }
.homebox04 .item .img { background: #f3f3f3; }
.homebox04 .item .img a { padding: 10px 0; display: block; }
.homebox04 .item .img a:hover { opacity: .8; }
.homebox04 .item .img img { display: block; margin: 0 auto; }
.homebox04 .item .inf { margin-top: 20px; }
.homebox04 .item .inf .nam { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f3f3f3; font-size: 13px; color: #000; font-family: helvetica; text-transform: uppercase; }
.homebox04 .item .inf .nam a { color: #000; text-decoration: none; height: 45px; overflow: hidden; display: block; }
.homebox04 .item .inf .nam a:hover { opacity: .8; }
.homebox04 .item .inf .txt { color: #999; font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 10px; }
.homebox04 .item .inf .pri { color: #999; font-size: 12px; }
.homebox04 .item .inf .pri s { margin-right: 10px; }
.homebox04 .item .inf .pri strong { font-size: 18px; color: #000; }

.homebox05 { padding: 50px 0; background: url(../img/hb05bg01.jpg) no-repeat center; background-size: cover; }
.homebox05 .vidbox { margin: 20px auto; width: 100%; border: 9px solid #999; position: relative; }
.homebox05 .vidbox .img img { display: block; width: 100%; }
.homebox05 .vidbox .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.1); }
.homebox05 .vidbox .cover .ico { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); cursor: pointer; }
.homebox05 .vidbox .cover .ico:hover { opacity: .6; }

.footer { border-top: 1px solid #666; }
.footer .foobar { height: 50px; border-bottom: 1px solid #e8e8e8; }
.footer .foobar .links { font-size: 12px; color: #444; float: left; line-height: 50px; }
.footer .foobar .links a { color: #444; }
.footer .foobar .links .split { font-size: 12px; color: #e8e8e8; margin: 0 10px; }
.footer .foobar .sns { float: right; line-height: 50px; }
.footer .foobar .sns img { vertical-align: middle; }
.footer .foobar .sns a { margin-left: 6px; }
.footer .foobar .sns a:hover { opacity: .8; }
.footer .footlin { padding: 40px 0; }
.footer .footlin .big { float: left; width: 40%; }
.footer .footlin .big .nam { font-size: 12px; text-transform: uppercase; color: #444; }
.footer .footlin .big .tel { font-size: 30px; color: #444; line-height: 30px; margin: 10px 0; }
.footer .footlin .big .tel img { display: inline-block; margin-right: 10px; vertical-align: middle; }
.footer .footlin .big .mail { font-size: 24px; color: #444; line-height: 30px; margin: 10px 0; }
.footer .footlin .big .mail img { display: inline-block; margin-right: 10px; vertical-align: middle; }
.footer .footlin .big .txt { font-size: 12px; color: #999; line-height: 1.6; }
.footer .footlin .item { float: left; width: 20%; }
.footer .footlin .item .ih { font-size: 12px; color: #444; text-transform: uppercase; margin-bottom: 10px; font-weight: bold; }
.footer .footlin .item .ih a { color: #444; }
.footer .footlin .item .ib { font-size: 12px; color: #999; line-height: 2; }
.footer .footlin .item .ib a { color: #999; }

.fooend { color: #999; background: #f3f3f3; line-height: 20px; padding: 20px 0; font-size: 12px; text-align: center; }


.newslist { margin-top: 50px; }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item .img { margin-bottom: 20px; }
.newslist .item .img img { display: block; width: 100%; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -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); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; font-size: 20px; font-weight: bold; }
.newslist .item .name a:hover { color: #20a1dc; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../img/hb01img02s.png); }


.newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; font-weight: bold; margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; min-height: 100px; font-family: microsoft yahei; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, #20a1dc, #20a1dc); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 5px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon p { font-size: 16px; line-height: 30px; margin-bottom: 20px; color: #333; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #20a1dc; font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #000; color: #000; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.bigcla { background: #fff; border: 5px solid #dedede; padding: 20px; }
.bigcla .bcitem { border-bottom: 1px dashed #dedede; padding-bottom: 10px; margin-bottom: 10px; }
.bigcla .bcitem:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.bigcla .bcitem .hd { float: left; width: 10%; line-height: 30px; font-size: 14px; font-weight: bold; color: #666; }
.bigcla .bcitem .bd { margin-left: 10%; line-height: 30px; font-size: 14px; }
.bigcla .bcitem .bd a { display: inline-block; padding: 0 12px; margin: 0 2px 6px; background: #f5f5f5; text-decoration: none; }
.bigcla .bcitem .bd a.on { background: #000; color: #fff; }


.prolist { margin: 20px 0; }
.prolist .item { width: 23.5%; margin-right: 2%; margin-bottom: 30px; float: left; }
.prolist .item:nth-child(4n) { margin-right: 0; }
.prolist .item .img { background: #f3f3f3; }
.prolist .item .img:hover { opacity: .8; }
.prolist .item .img a { padding: 10px 0; display: block; }
.prolist .item .img img { margin: 0 auto; display: block; }
.prolist .item .inf { margin-top: 20px; }
.prolist .item .inf .nam { font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 10px; }
.prolist .item .inf .nam a { display: block; }
.prolist .item .inf .pri { color: #999; font-size: 12px; }
.prolist .item .inf .pri s { margin-right: 10px; }
.prolist .item .inf .pri strong { font-size: 18px; color: #000; }

.nowbar { line-height: 20px; padding: 10px 0; font-size: 12px; color: #999; margin-top: 10px; }
.nowbar a { display: inline-block; text-decoration: none; }
.nowbar a:after { content: '/'; color: #999; margin: 0 8px; }
.nowbar a:last-child:after { display: none; }

.proshowtou { margin-bottom: 30px; }
.proshowtou .psimg { float: left; width: 420px; }
.proshowtou .pscon { float: right; width: 760px; }
.proshowtou .pscon h1 { font-weight: normal; font-family: microsoft yahei; font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.proshowtou .pscon h3 { font-weight: normal; font-family: microsoft yahei; font-size: 14px; color: #c0c0c0; line-height: 30px; }
.proshowtou .pscon .intro { margin: 20px 0; padding-bottom: 20px; font-family: microsoft yahei; padding-top: 20px; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; font-size: 14px; color: #333; line-height: 24px; }
.proshowtou .pscon .intro p { font-family: microsoft yahei; }
.proshowtou .pscon .intro strong { color: #999; }

#tsShopContainer li,#tsShopContainer img{ vertical-align:top; }
#tsShopContainer{ width:400px;border: 1px solid #dedede;position:relative;font-size:12px;padding-bottom:5px;z-index:8; }
#tsShopContainer #tsImgS{ text-align:center;width:100%;position:relative; }
#tsShopContainer #tsImgS a{ display:block;text-align:center;margin:0px auto; }
#tsShopContainer #tsImgS img{ border:0px; }
#tsShopContainer #tsPicContainer{ width:100%;height:78px;position:relative;background:url(../img/scrollPicbg.gif) repeat-x 0px 0px;border-top:1px solid #dedede; }
#tsShopContainer #tsPicContainer #tsImgSArrL{ width:17px;height:100%;background:url(../img/productshow01.jpg) no-repeat left center;position:absolute;top:0px;left:12px;cursor:pointer; }
#tsShopContainer #tsPicContainer #tsImgSArrR{ width:17px;height:100%;background:url(../img/productshow02.jpg) no-repeat right center;position:absolute;top:0px;right:12px;cursor:pointer; }
#tsShopContainer #tsPicContainer #tsImgSCon{ position:absolute;top:10px; left: 50%; margin-left: -140px;width:1px;height:70px;overflow:hidden; }
#tsShopContainer #tsPicContainer #tsImgSCon ul{ width:100%;overflow:hidden; }
#tsShopContainer #tsPicContainer #tsImgSCon li{ width:70px;height:60px; float:left;cursor:pointer; }
#tsShopContainer #tsPicContainer #tsImgSCon li img{ padding:3px;margin:1px;border:1px solid  #e4e4e4;display:block;width:46px;height:46px; }
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{ border:2px solid #e4393c;margin:0px; }
.MagicZoomBigImageCont { border:1px solid #dedede; background:#FFF; top: -3px !important; }
.MagicZoomMain { text-align: center !important; width: 92px; }
.MagicZoomMain div { padding: 0px !important; }
.MagicZoomHeader { font: 10px Tahoma, Verdana, Arial, sans-serif; color: #fff; background: #91b817; text-align: center !important; }
.MagicZoomPup { border: 0px solid #aaa; background: #ffffff; }
.MagicZoomLoading { text-align: center; background: #ffffff; color: #444; border: 1px solid #ccc; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; }
.MagicZoomLoading img { padding-top: 3px !important; }

.introtable { width: 100%; }
.introtable .td-name { line-height: 24px; font-size: 14px; color: #666; font-family: microsoft yahei; padding: 3px; }
.introtable .td-body { line-height: 24px; font-size: 14px; color: #666; font-family: microsoft yahei; padding: 3px; }
.introtable .td-body .unit { font-size: 20px; font-family: arial; color: #ed0a0a; margin: 0 0 0 -3px; vertical-align: middle; margin-right: 4px; }
.introtable .td-body .price { font-size: 30px; font-family: arial; letter-spacing: -1px; color: #ed0a0a; vertical-align: middle; }

.itxuanbox { line-height: 26px; }
.itxuanbox li { float: left; margin: 5px 5px 5px; }
.itxuanbox li a { display: block; border: 1px solid #dedede; padding: 1px 11px; font-family: microsoft yahei; text-decoration: none; position: relative; color: #666; }
.itxuanbox li a:hover { color: #e4393c; }
.itxuanbox li a i { display: none; width: 11px; height: 11px; background: url(../img/icon-param.gif) no-repeat center center; position: absolute; right: 0; bottom: 0; }
.itxuanbox li.on a { border: 2px solid #e4393c; padding: 0 10px; color: #e4393c; }
.itxuanbox li.on a i { display: block; }

.itxuanbox.itxuanboximg { }
.itxuanbox.itxuanboximg li { }
.itxuanbox.itxuanboximg li a { width: 50px; height: 50px; overflow: hidden; padding: 1px; }
.itxuanbox.itxuanboximg li a img { width: 50px; height: 50px; display: block; }
.itxuanbox.itxuanboximg li.on a { padding: 0; }

.amount-box{width:100px;height:32px;line-height:32px;border:1px solid #CACACA;font-size:14px;}
.amount-minus,.amount-num,.amount-plus{height:32px;display:block;text-align:center;color: #666;}
.amount-minus:hover,.amount-num:hover,.amount-plus:hover{color: #e4393c;}
a.amount-minus{width:28px;background:#F2F1EF;border-right:1px solid #CACACA;text-decoration: none; font-family: microsoft yahei;}
.amount-num{width:42px;background:#fff;border: 0; padding:0; margin: 0;font-family: microsoft yahei; }
*+html .amount-num{height:18px;overflow:hidden;padding:7px 0 0 0;}
a.amount-plus{width:28px;height:32px;background:#F2F1EF;border-left:1px solid #CACACA;text-decoration: none; font-family: microsoft yahei;}

.proshowtou .pscon .btnbox { text-align: left; height: 40px; line-height: 40px; margin-top: 20px; margin-left: 90px; }
.proshowtou .pscon .btnbox .btn { display: inline-block; float: left; padding: 0 60px; background: #e4393c; color: #fff; text-decoration: none; font-size: 14px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; font-family: microsoft yahei; }
.proshowtou .pscon .btnbox .btn:hover { background-color: #c40000; }
.proshowtou .pscon .btnbox .btn02 { background: #333; margin-left: 10px; }
.proshowtou .pscon .btnbox .btn02:hover { background: #000; }


.protui { margin: 30px 0; border: 1px solid #dedede; }
.protui .hd { line-height: 20px; padding: 10px 20px; font-size: 14px; font-weight: bold; color: #000; background: #f1f1f1; text-transform: uppercase; }
.protui .bd { overflow: hidden; }
.protui .bd .list .li { width: 18.4%; float: left; box-sizing: border-box; padding: 20px; margin-right: 2%; }
.protui .bd .list .li:nth-child(5n) { margin-right: 0; }
.protui .bd .list .li a { display: block; text-decoration: none; }
.protui .bd .list .li .img { margin-bottom: 0px; }
.protui .bd .list .li .img img { display: block; max-width: 80%; margin: 0 auto; }
.protui .bd .list .li .nam { font-size: 12px; line-height: 18px; height: 54px; overflow: hidden; }
.protui .bd .list .li .pri { font-size: 16px; color: #c40000; font-weight: bold; text-align: center; margin-top: 10px; }

.pidetail { margin: 30px 0; border: 1px solid #dedede; }
.pidetail .hd { line-height: 20px; padding: 10px 20px; font-size: 14px; font-weight: bold; color: #000; background: #f1f1f1; text-transform: uppercase; }
.pidetail .bd { padding: 20px; font-size: 16px; line-height: 30px; color: #333; }
.pidetail .bd p { margin-bottom: 20px; }

.cartwrap { margin-bottom: 30px; }

.tblist{ border-collapse:collapse;}
.tblist td{ text-align:center;}
.tblist .tb01{ background:#333; color:#fff; font-weight:bold; font-size:16px; line-height:60px;}
.tblist .tb02{ border-bottom:1px #333 dashed;}
.tblist .tb02:last-child{ border-bottom:0;}
.tblist .tb02 td{ padding:10px 10px; font-size:14px;}
.tblist .tb02 td a{ color:#333;}
.tblist .tb02:hover{ background:#f4f4f4;}
.tblist .tb02 .text{ text-align:left;width:40%;line-height: 20px;}
.tblist .tb02 .endbig{ font-weight: bold; font-size:16px; }
.tblist .tb02 .img{ width:120px; }
.tblist .tb02 .img img { width:100%; display: block; }
.tblist .tb02 .num{}
.tblist .tb02 .num a{ font-size:24px; color:#666;text-decoration:none;}
.tblist .tb02 .num input{ border:1px #ccc solid; width:50px; height:36px; text-align:center; line-height:36px;}
.tblist .tb02 .del a{ color: #f00; font-size: 12px; }

.csline { margin: 20px 0; }
.csline a { float: left; margin-right: 20px; line-height: 30px; font-size: 14px; color: #333; background: #dedede; border-radius: 6px; padding: 0 20px; text-decoration: none; }
.csline a:hover { opacity: .8; }
.csline p { float: right; line-height: 30px; font-size: 14px; color: #999; }
.csline strong { color: #000; font-size: 34px; margin-left: 10px; }


.cartbtn { margin-bottom: 20px; }
.cartbtn a { float: right; line-height: 60px; font-size: 20px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 0 30px; background: #000; color: #fff; border-radius: 6px; text-decoration: none; }
.cartbtn a:hover { opacity: .9; }

.cobox { border: 1px solid #dedede; margin: 10px 0 30px; }
.cobox .hd { line-height: 20px; padding: 10px 20px; font-size: 14px; font-weight: bold; color: #000; background: #f1f1f1; text-transform: uppercase; }
.cobox .bd { padding: 20px; font-size: 16px; line-height: 30px; color: #333; }
.cobox .bd .binfo { margin-bottom: 20px; }
.cobox .bd .binfo .bil { margin-right: 20px; }
.cobox .bd .binfo .bil.bil2 { display: block; }
.cobox .bd .binfo .bil strong { margin-right: 6px; }
.cobox .bd .binbtn { overflow: hidden; }
.cobox .bd .binbtn a { float: right; line-height: 36px; font-size: 14px; color: #fff; background: #333; padding: 0 20px; border-radius: 4px; text-decoration: none; }
.cobox .bd .binbtn a:hover { opacity: .9; }

.form2 { display: block }
.form23 { overflow: hidden; }
.form24 { overflow: hidden; }
.form2 .item { width: 50%; float: left; padding: 0 20px 0; box-sizing: border-box; margin-bottom: 10px; }
.form23 .item { float: none; }
.form2 .item2 { width: 100% }
.form2 .item .ih { float: left; width: 120px; line-height: 20px; font-size: 14px; color: #333; padding: 10px 0; }
.form2 .item .ih.ihm:before { content: '*'; color: #f00; font-size: 12px; margin-right: 4px; }
.form2 .item .ib  { margin-left: 120px; }
.form2 .item .ipt { line-height: 38px; height: 40px; box-sizing: border-box; border: 1px solid #dedede; border-radius: 4px; overflow: hidden; background: #f5f5f5; padding: 0 20px; width: 100%; font-size: 14px; }
.form2 .item .ipt:focus { background: #fff; }

.successwrap { margin: 50px 0; text-align: center; }
.successwrap .ico { width: 160px; margin: 0 auto 20px; }
.successwrap .ico img { display: block; width: 100%; }
.successwrap .nam { font-size: 24px; font-weight: bold; color: #000; }
.successwrap .txt { font-size: 14px; line-height: 24px; color: #999; margin: 10px 0; }
.successwrap .btn { text-align: center; }
.successwrap .btn a { display: inline-block; line-height: 40px; font-size: 14px; background: #333; color: #fff; padding: 0 30px; border-radius: 4px; text-decoration: none; margin: 0 4px; }
.successwrap .btn a:hover { opacity: .9; }
.successwrap .btn a.no { background: #dedede; color: #333; }

.coolbg { background: url(../img/coolbg.jpg) no-repeat center; background-size: cover; overflow: hidden; }

.loginwrap { background: #fff; border-radius: 10px; padding: 50px 20px; width: 50%; margin: 60px auto; }
.loginwrap .hd { line-height: 30px; font-size: 24px; font-weight: bold; color: #000; text-align: center; margin-bottom: 20px; text-transform: uppercase; }
.loginwrap .bd { overflow: hidden; width: 60%; margin: 0 auto; }
.loginwrap .bd .it { overflow: hidden; margin-bottom: 10px; }
.loginwrap .bd .it .ih { width: 30%; float: left; line-height: 20px; padding: 10px 0; font-size: 16px; color: #666; }
.loginwrap .bd .it .ib { margin-left: 30%; }
.loginwrap .bd .it .ipt { line-height: 38px; height: 40px; border: 1px solid #dedede; box-sizing: border-box; border-radius: 4px; padding: 0 20px; width: 100%; font-size: 16px; background: #f5f5f5; }
.loginwrap .bd .it .ipt:focus { background: #fff; }
.loginwrap .bd .ibtn { text-align: center; }
.loginwrap .bd .ibtn a { line-height: 20px; padding: 10px 0; width: 40%; background: #000; border-radius: 4px; font-size: 16px; font-weight: bold; color: #fff; margin: 0 auto; display: block; text-decoration: none; }
.loginwrap .bd .ibtn a:hover { opacity: .8; }

.itip { text-align: center; font-size: 12px; margin-top: 10px; }

.userside { float: left; width: 240px; }
.userside .hd { background: #333; color: #fff; line-height: 20px; padding: 10px 20px; font-size: 14px; font-weight: bold; }
.userside .bd { background: #f1f1f1; padding: 10px 0; }
.userside .bd a { display: block; line-height: 20px; padding: 10px 20px; font-size: 14px; text-decoration: none; font-weight: bold; }
.userside .bd a:hover { background: #fff; }
.userside .bd a.on { background: #fff; color: #000; }

.usermain { border: 0 solid #dedede; margin: 30px 0; margin-left: 280px; }
.usermain .hd { background: #333; color: #fff; line-height: 20px; padding: 10px 20px; font-size: 14px; font-weight: bold; }
.usermain .bd { padding: 20px; border: 1px solid #dedede; border-top: 0; }

.spuserinf { background: #f5f5f5; padding: 20px; font-size: 14px; color: #999; line-height: 20px; }
.spuserinf strong { font-size: 16px; color: #333; font-weight: bold; display: block; margin-bottom: 10px; }

.usernmbox { margin-top: 20px; background: #f5f5f5; padding: 20px; }
.usernmbox .unmbh { line-height: 20px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #dedede; font-size: 14px; font-weight: bold; color: #333; }
.usernmbox .unmbb { line-height: 20px; font-size: 16px; color: #333; }
.usernmbox .unmbb .spb { margin-right: 40px; }
.usernmbox .unmbb p { margin-bottom: 10px; }
.usernmbox .unmbb strong { margin-right: 10px; }
.usernmbox .unbtn { text-align: right; }
.usernmbox .unbtn a { display: inline-block; line-height: 20px; padding: 10px 20px; font-size: 14px; background: #dedede; color: #333; border-radius: 20px; text-decoration: none; margin: 0 6px; }
.usernmbox .unbtn a:hover { opacity: .9; }

.umbtn { padding-left: 140px; margin-top: 20px; }
.umbtn a { display: inline-block; line-height: 20px; padding: 10px 20px; font-size: 14px; color: #fff; background: #333; text-decoration: none; border-radius: 4px; }
.umbtn a:hover { opacity: .8; }


.memlist .item { border-top: 1px solid #dedede; margin-bottom: 25px; }
.memlist .item .ihead { background: #f9f9f9; padding: 10px 20px; overflow: hidden; }
.memlist .item .ihead .pop { float: left; }
.memlist .item .ihead .pop .zhu { font-size: 16px; line-height: 30px; }
.memlist .item .ihead .price { float: right; text-align: right; }
.memlist .item .ihead .price span { display: block; font-size: 12px; line-height: 20px; color: #999; }
.memlist .item .ihead .price strong { display: block; font-size: 30px; line-height: 30px; color: #e4393c; font-family: tahoma,arial; }
.memlist .item .ihead .price strong i { font-style: normal; font-size: 20px; margin-right: 6px; font-family: arial; font-weight: normal; }
.memlist .item .ihead .txt { line-height: 20px; font-size: 12px; color: #999; }
.memlist .item .ihead .txt span { margin-right: 20px; }
.memlist .item .ihead .name { line-height: 30px; margin: 5px 0; }
.memlist .item .ihead .name h3 { font-size: 22px; font-weight: normal; color: #36b66b; }
.memlist .item .icon { overflow: hidden; padding: 10px 20px; }
.memlist .item .icon .txt { line-height: 26px; font-size: 14px; color: #666; float: left; width: 80%; }
.memlist .item .icon .txt .it { overflow: hidden; margin-bottom: 16px; }
.memlist .item .icon .txt .it:last-child { margin-bottom: 0; }
.memlist .item .icon .txt .it .img { float: left; width: 60px; margin-right: 10px; }
.memlist .item .icon .txt .it .img a { display: block; }
.memlist .item .icon .txt .it .img img { display: block; width: 100%; }
.memlist .item .icon .txt .it .info {  }
.memlist .item .icon .txt .it .info p { line-height: 26px; height: 26px; overflow: hidden; }
.memlist .item .icon .pop { float: right; }
.memlist .item .icon .pop .btn { font-size: 14px; line-height: 20px; display: block; margin-bottom: 10px; padding: 10px 30px; text-decoration: none; background: #333; color: #fff; border-radius: 4px; }
.memlist .item .icon .pop .btn:hover { opacity: .8; }
.memlist .item .icon .pop .btn02 { border-color: #f60; background: #f60; color: #fff; }
.memlist .item .icon .pop .btn02:hover { border-color: #f30; background: #f30; }

.usermain .ok{ margin:0 0; color:#fff; padding:30px 30px 30px 80px; background:#999 url(../img/orderzt02.png) no-repeat 15px; background-size:50px;}
.usermain .ok02{ background:#666 url(../img/orderzt01.png) no-repeat 15px; background-size:50px;}
.usermain .ok p{ font-size:16px; margin-top:0; font-weight:bold; margin-bottom:10px;}

.dingdanit { padding: 20px; background: #f5f5f5; margin-top: 20px; }
.dingdanit .it { overflow: hidden; margin-bottom: 16px; }
.dingdanit .it:last-child { margin-bottom: 0; }
.dingdanit .it .img { float: left; width: 60px; margin-right: 10px; }
.dingdanit .it .img a { display: block; }
.dingdanit .it .img img { display: block; width: 100%; }
.dingdanit .it .info { font-size: 14px; }
.dingdanit .it .info p { line-height: 26px; height: 26px; overflow: hidden; }

.newbigcla { border: 5px solid #dedede; padding: 20px; }
.newbigcla .hd { line-height: 20px; font-size: 16px; font-weight: bold; color: #000; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dedede; }
.newbigcla .bd { overflow: hidden; position: relative; }
.newbigcla .bd:before { content: ''; display: block; left: 13%; top: 0; bottom: 0; width: 1px; background: #dedede; position: absolute; }
.newbigcla .bd .sh { float: left; width: 12%; margin-right: 1%; }
.newbigcla .bd .sh a { display: block; line-height: 20px; padding: 5px 10px; border-bottom: 1px dashed #dedede; font-size: 14px; text-decoration: none; }
.newbigcla .bd .sh a:after { content: '>'; margin-left: 10px; font-family: simsun; }
.newbigcla .bd .sh a.noson:after {content: ''; }
.newbigcla .bd .sh a.on { background: #000; color: #fff; border-bottom: 1px solid #000; }
.newbigcla .bd .sb { margin-left: 26%; }
.newbigcla .bd .sb .line { line-height: 20px; padding: 10px 20px; background: #f1f1f1; font-size: 13px; }
.newbigcla .bd .sb .list {  }
.newbigcla .bd .sb .list .litem { float: left; width: 33.333333%; border-left: 1px solid #dedede; padding: 10px 0; box-sizing: border-box; }
.newbigcla .bd .sb .list .litem a { display: block; line-height: 20px; padding: 8px 20px; font-size: 13px; }


.pagination {
  margin: 0 auto; width:80%; text-align: center; margin-top:8px;
}
.pagination ul {
  display: inline-block;
  list-style:none;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span,
.pagination #lastspan {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span,
.pagination #lastspan {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span,
.pagination-large #lastspan{
  padding: 11px 19px;
  font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span,
.pagination-large #lastspan {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}



.messagecon { margin-bottom: 20px; font-family: microsoft yahei; color: #333; }
.messagecon h3 { background: #dedede; color:#000; line-height: 30px; font-size: 18px; padding: 10px 20px; margin-bottom: 20px; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: content-box; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: content-box; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messageinput::placeholder { color: #999; font-size: 16px; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.yanzhengma { display: inline; }
.messagecon .tips { font-size: 14px; color: #999; margin-left: 10px; }

.messagebtn.btnon { background: #000; }










.seasub { position: absolute; top: 42px; left: 0; right: 0; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); z-index: 99; }
.seasub .item { padding: 10px; overflow: hidden; -webkit-transition: all .2s; transition: all .2s; cursor: pointer; }
.seasub .item:hover { background: #f1f1f1; }
.seasub .item .img { width: 60px; float: left; }
.seasub .item .img img { display: block; width: 100%; }
.seasub .item .inf { margin-left: 70px; padding: 5px 0; }
.seasub .item .inf .nam { font-size: 16px; color: #333; line-height: 25px; height: 25px; overflow: hidden; }
.seasub .item .inf .pri { font-size: 14px; color: #000; font-weight: bold; line-height: 25px; }
.seasub .item .inf .nam span { background: #fffbd9; }
.seasub .last { line-height: 40px; text-align: center; }
.seasub .last a { display: block; text-decoration: none; color: #000; font-size: 14px; background: #f9f9f9; -webkit-transition: all .2s; transition: all .2s; }
.seasub .last a:hover { background: #dedede; }

.yunfei { line-height: 30px; font-size: 16px; }
.yunfei .item { padding: 5px 0; }
.yunfei .item label { cursor: pointer; }
.yunfei .item a { margin-left: 20px; color: #f60; }



.waocon { font-size: 16px; line-height: 30px; }
.waocon p { margin-bottom: 20px; }

.shuaitable { width: 100%; margin-bottom: 20px; color: #333; }
.shuaitable th { font-size: 16px; line-height: 30px; padding: 5px 10px; background: #f5f5f5 }
.shuaitable td { font-size: 16px; line-height: 30px; padding: 5px 10px; }
.shuaitable.shuaitablecen td { text-align: center; }
.shuaitable tr:nth-child(2n) td { background: #f1f1f1; }




@media (max-width: 1240px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }

	.bannerslide .swiper-slide { height: 500px; }
	
	
	
}

@media (max-width: 800px){

  .bannerslide .swiper-slide { height: 190px; }

  .topbar .links.fl { display: none; }
  .topbar .links.fr { float: left; }

  .header .searchbar { display: none; }
  .header .cart em { display: none; }

  .cobox .bd .binfo .bil { display: block; }
  
  .header .logo img { width: 120px; height: 37px; }
  .header .cart { margin: 3.5px 0; }
  .header { padding: 10px 0; height: 37px; }

  .headerwrap { height: 99px; }
  .navbar .bignav { display: none; }
  .navbar .tel { display: none; }
  .navbar .wrapper { padding: 0 10px; }
  .navbar .navlist .nul .nli .na { padding: 0; font-size: 12px; }
  .navbar .navlist { width: 100%; float: none; }
  .navbar { height: 40px; }
  .navbar .navlist .nul { width: 100%; display: table; line-height: 40px; }
  .navbar .navlist .nul .nli {display: table-cell; position: relative; text-align: center; vertical-align: middle; float: none; }

  .swiper-button-next, .swiper-button-prev { display: none; }
  .paginationw { bottom: 10px !important; }

  .homebox01 { margin: 30px 0; }
  .homebox01 .item { width: 49%; margin-right: 2%; padding: 16px 10px; }
  .homebox01 .item:nth-child(2n) { margin-right: 0; }
  .homebox01 .item .img img { width: 40px; margin-top: 5px; }
  .homebox01 .item .inf { margin-left: 50px; padding-top: 0; }
  .homebox01 .item .inf .nam { margin: 0 0 4px; }
  .homebox01 .item .inf .nam:before { margin-bottom: 6px; width: 16px; height: 2px; opacity: .3; }


  .homebox02 { margin: 30px 0; }
  .homebox02 .list { float: none; overflow: hidden; width: 100%; margin-bottom: 20px; }
  .homebox02 .list .itembig { overflow: hidden; }
  .homebox02 .list .itembig .img { float: none; margin: 0 auto 0; width: 36%; height: auto; }
  .homebox02 .list .itembig .inf { margin: 0 20px; width: auto; }
  .homebox02 .list .itembig .inf .txt { font-size: 12px; }
  .homebox02 .bigshow { float: none; width: 100%; }
  .homebox02 .list .item { height: 30vw; }
  .homebox02 .list .item .img { width: 26vw; height: 26vw; }
  .homebox02 .bigshow .img { height: 43vw; }
  .homebox02 .bigshow .img img { width: 40vw; }
  .homebox02 .bigshow .inf .nam { font-size: 16px; }
  .homebox02 .bigshow .inf .cla { font-size: 12px; }
  .homebox02 .bigshow .inf .txt { font-size: 12px; }

  .homebox03 .item { width: 49%; margin-right: 2%; margin-bottom: 10px; }
  .homebox03 .item:nth-child(2n) { margin-right: 0; }
  .homebox03 .item .img { width: 36vw; height: 36vw; }
  .homebox03 .item a { padding: 20px 0; }

  .homebox04 .item { width: 49%; margin-right: 2%; margin-bottom: 20px; }
  .homebox04 .item:nth-child(2n) { margin-right: 0; }
  .homebox04 .item .img { width: 100%; height: auto; }
  .homebox04 .item .img img { width: 36vw; height: 36vw; }
  .homebox04 .item .img a { padding: 20px 0; }
  .homebox04 .item .inf { margin-top: 10px; }

  .homebox05 .vidbox { box-sizing: border-box; }

  .sns { display: none; }
  .footer .footlin .item { display: none; }
  .footer .footlin .big { float: none; width: 100%; }

  .messagetarea { box-sizing: border-box; width: 100%; height: 120px; }
  .messageinput { float: none; width: 100%; box-sizing: border-box; line-height: 46px; height: 46px; margin: 0 0 6px; }

  .navbar .navlist .nul .nli .sub { top: 40px; }
  .inbanner { height: 120px; }

  .newbigcla { padding: 10px; }
  .newbigcla .bd:before { display: none; }
  .newbigcla .bd .sh { float: none; width: 100%; margin-bottom: 20px; overflow: hidden; background: #f9f9f9; }
  .newbigcla .bd .sb { margin-left: 0; }
  .newbigcla .bd .sh a:after { display: none; }
  .newbigcla .bd .sh a { font-size: 12px; width: 50%; float: left;box-sizing: border-box; height: 31px; overflow: hidden; }

  .newbigcla .bd .sb .list .litem { width: 100%; float: none; border-left: 0; overflow: hidden; padding: 0; }
  .newbigcla .bd .sb .list { padding-top: 10px; background: #f9f9f9; }
  .newbigcla .bd .sb .list .litem a { font-size: 12px; padding: 0 10px; line-height: 32px; height: 32px; overflow: hidden; float: left; width: 50%; box-sizing: border-box; }

  .prolist .item { width: 49%; }
  .prolist .item:nth-child(2n) { margin-right: 0; }
  .prolist .item .img img { width: 36vw; height: 36vw; margin: 0 auto; }
  .prolist .item .inf { margin-top: 10px; }

  .proshowtou .psimg { float: none; width: 100%; margin-top: 20px; }
  #tsShopContainer { width: 100%; }
  #tsShopContainer #tsImgS img { width: 100% !important; height: auto !important; }
  .nowbar { display: none; }
  .proshowtou .pscon { float: none; width: 100%; margin-top: 20px; }

  .proshowtou .pscon .btnbox .btn { padding: 0 24px; }
  .protui .bd .list .li { width: 49%; margin-right: 2%; }
  .protui .bd .list .li:nth-child(2n) { margin-right: 0; }
  .MagicZoomBigImageCont { display: none; }

  .cartwrap { margin-top: 20px; }

  .tb01 { display: none; }
  .tblist .tb02 { background: #f1f1f1; }
  .tblist .tb02 td { display: block; float: left; }
  .tblist .tb02 td.img { float: left; width: 30%; box-sizing: border-box; height: 100px; overflow: hidden; background: #fff; }
  .tblist .tb02 td.text { float: left; width: 70%; box-sizing: border-box; font-size: 12px; height: 100px; overflow: hidden; line-height: 20px; background: #fff; }
  .tblist .tb02 td.dollar { display: none; }
  .tblist .tb02 td { line-height: 30px; }

  .csline a { float: none; margin-bottom: 10px; display: inline-block; }
  .csline p { float: none; text-align: right; }

  .loginwrap { width: 100%; box-sizing: border-box; margin: 20px auto; }
  .loginwrap .bd { width: 90%; }

  .userside { float: none; width: 100%; margin-top: 20px; }
  .userside .bd { overflow: hidden; padding: 0; }
  .userside .bd a { width: 50%; float: left; box-sizing: border-box; }

  .usermain { margin-top: 20px; margin-left: 0; }
  .memlist .item .ihead .txt span { display: block; margin-right: 0; }
  .memlist .item .ihead .txt span:nth-child(2) { display: none; }
  .memlist .item .ihead .txt span:nth-child(3) { display: none; }

  .usernmbox { margin-top: 0; }
  .usernmbox .unmbb .spb { margin-right: 0; display: block; line-height: 24px; }


  .form2 .item { width: 100%; float: none; padding: 0; }

  .usernmbox .unbtn a { margin-bottom: 10px; }
  .usernmbox .unbtn a:last-child { margin-bottom: 0; }

}

.loginwrap .bd .reg_password_check{ overflow:hidden; background:#fff; margin-bottom:6px}
.loginwrap .bd .reg_password_check .ih{ height:0; padding:0;}
.loginwrap .bd .it .ib .password_check{ width:20%;height:4px; float:left;display:none; }
.loginwrap .bd .it .ib .password_check:nth-child(1) {background:red;}
.loginwrap .bd .it .ib .password_check:nth-child(2) {background:#f60;}
.loginwrap .bd .it .ib .password_check:nth-child(3) {background:#f7cf2d;}
.loginwrap .bd .it .ib .password_check:nth-child(4) {background:#41ff2a;}
.loginwrap .bd .it .ib .password_check:nth-child(5) {background:green;}
#reg_password_check{ display:none;}