@import "iconfont.css";
.c99{color: #999;}.c66{color: #666;}
.vm{top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
.vtm{top: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(0, -50%);}
a:hover{text-decoration:none;}
h3,p{margin:0;}
button{outline: none;background: none;border:none;}
html,body{overflow-x:hidden;width:100%;}
html{-ms-text-size-adjust:100%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
body{font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;;min-width: 320px;background-color: #fff;}
a,a:hover {color: #333;cursor:pointer;}
ul,li {padding: 0;margin: 0;list-style: none;}
.left{ float:left;display: inline-block;}.right{float:right;display: inline-block;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
*{box-sizing: border-box;}
body{}
.container{width: 1200px;margin:0 auto; padding: 0;}
.wow { visibility: hidden; }
.header{z-index: 500;text-align: center;position: fixed;height: 125px;transition: all 400ms;background: #fff;left: 0;top:0;right: 0;box-shadow: 0 0 3px rgba(0,0,0,.2)}
.top{position: relative;z-index: 20;padding:20px 3%;text-align: center;height: 70px;line-height: 70px;}
.top_l{position:absolute;left: 2%;top:0;color:#666;line-height: 70px;z-index: 502;}
.top_r{position:absolute;right: calc(130px + 2%);top:0;color:#666;line-height: 70px;z-index: 502;}
.lan{height: 70px;line-height: 70px;border-radius: 11px;border:1px solid rgba(255,255,255,.2);text-align: center;margin-left: 10px;font-size: 12px;position: relative;}
.lan_c span{display: inline-block;margin-left: 6px;}
.lan_links{position: absolute;right: 0;top:50px;left: 50px;background: #fff;display: none;box-shadow: 0 0 4px rgba(0,0,0,.3);}
.lan_links a{display: block;line-height: 33px;}
.lan_links a:hover{background: #070102;color: #fff;}
.lan .iconfont{font-size: 14px;vertical-align: middle; height:100%;}
.lan:hover .lan_links{display: block;}
.tuser a{color: #333;display: inline-block;margin: 0 3px;}
.tuser .iconfont{vertical-align: middle;position: relative;}
.logo{display: inline-block;transition: all 200ms ease-out;height: 70px;line-height: 70px;}
.hcont{text-align: center;padding:0px 3%;position: relative;}
.search{position: fixed; height: 26px;line-height: 26px;border:1px solid #e8e8e8;overflow: hidden;width: 128px;margin-top: 22px;right: 2%;top:0;z-index: 500;display: block !important;}
.search input{height: 26px;line-height: 26px;border:1px solid #ddd;padding: 0 8px;transition: all 400ms;outline: none;border:none;display: block;}
.search input:focus{border-color: #666;}
.search button{width: 30px;text-align: center;position: absolute;right: 0;top:0;height: 26px;line-height: 24px;}
.search button .iconfont{font-size: 18px;color: #666;}
a.cart{color: #333;margin:0 20px;position:relative;}
a.cart .iconfont{font-size: 19px;vertical-align: middle;color: #666; height:100%;}
.menu{text-align: center;height: 55px;line-height: 55px;}
.menu li{display: inline-block;text-align: center;padding:0 20px;height: 55px;line-height: 55px;}
.menu li a{font-size: 14px;transition:transform .8s ease-out;display:block;color: #333;text-transform: uppercase;}
.menu li a:hover,.menu li.active a.item{text-decoration: underline;}

.sub-menu{position: absolute;z-index: 20;left: 0;right: 0;top:100%;background: rgba(255,255,255,.95);color: #333;display: none;border-top: 1px solid #d8dde4;}
.uslide .hd{border-bottom: 1px solid #e1e3e5;height: 45px;line-height: 45px;}
.uslide .hd span{display: inline-block;margin: 0 60px;position: relative;padding:0 3px;cursor: pointer;}
.uslide .hd span.on:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 30px;height: 3px;background: #070102}
.uslide .bd{padding:30px 20%;text-align: left;}
.uslide .bitem{width: 20%;}
.uslide .bitem h3{font-size: 15px;font-weight: bold;margin-bottom: 10px;}
.uslide .bitem a{display: block;line-height: 30px;color: #666;}
.bpic{width: 38%;}
.bpic img{width: 100%;height: auto;}
.menu li .slinks a{display: block;font-size: 14px;color: #666;text-align: left;height:30px;line-height: 30px;}
.menu li .slinks a:hover{background: none;color: #1072dd}
.menu li:hover .sub-menu{display: block;}
.menu-btn {height: 16px;width: 24px;position: absolute;left: 13px;top:17px;}
.menu-btn span {display: block;height: 2px;background-color: #000;position: absolute;left: 0;width: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.menu-btn span:nth-of-type(1) {top: 0;}
.menu-btn span:nth-of-type(2) {top: 50%;margin-top: -1px;}
.menu-btn span:nth-of-type(3) {bottom: 0;}
.menu-btn.active span:nth-of-type(1) {-webkit-transform:rotate(45deg);transform:rotate(45deg);top: 7px;}
.menu-btn.active span:nth-of-type(2) {opacity: 0;}
.menu-btn.active span:nth-of-type(3) {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom: 7px;}

.hlogo{display: none;}
.menu li:hover .sub-menu{display: block;}
.menu li:hover .item .iconfont{transform: rotate(90deg);}

/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0 !important!}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 0; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "iconfont" !important;font-size: 20px; line-height: 1; color: #666; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;z-index: 200; }

.slick-prev { left: -25px; }
.slick-next { right: -25px; }
.slick-prev:before:hover,.slick-next:before:hover{color: #2392ec;}
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }

.mobImg{display: none !important;}
.sideMenu{display: none;}
.mob_header{display: none;padding:0 3%;box-shadow: 0 4px 4px rgba(0,0,0,.05);}
.mob_logo img{height: 25px;}
.mob_logo{color: #fff;}

.mob_tool{position: absolute;right: 0;top:0;padding-right: 3px;}
.mob_tool a{display: inline-block;margin: 0;padding:0 2px;}
.header-w {position: fixed;left:0;top:0;right: 0;z-index: 500;   height: 70px;line-height: 70px;background:#fff;}
.header-w .logo{display: none;}
.header-w .menu li{height: 70px;line-height: 70px;}
.header-w .menu li.active a.item:after{bottom: 10px;}
.header-w .lan{display: none;}
.header-w .top_r span{display: none;}
.w1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.w2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.img-responsive{width: 100%;height: auto;}
.msec{display: flex;flex-direction: row-reverse;align-items: center;}
.flex{display: flex;}
.justify-content-center {justify-content: center;}
.justify-between{justify-content: space-between;}
.align-center{align-items: center;}
.flex_box_1{flex:1;}
.flex_box_1 .searchable-select{width: 100%;}
.banner{margin-top:125px;}
.bSlick{position: relative;}
.bSlick .item{display: block;}
.bSlick .item{background-position: center;outline: none; background-size: cover;background-repeat: no-repeat;}
.bSlick img{width: 100%;height: auto;}
.bSlick .item img{width: 100%;height: auto;}
.mobPic{position: relative;}
.bSlick .slick-dots,.mobPic .slick-dots{position: absolute;left: 0;right: 0;bottom: 20px;text-align: center;z-index: 200}
.bSlick .slick-dots li,.mobPic .slick-dots li{width: auto;height: auto;border-radius: 50%; display: inline-block;font-size: 0;border:1px solid #333;padding:4px;box-sizing: content-box;}
.bSlick .slick-dots li a,.mobPic .slick-dots li a{border-radius: 50%;width: 6px;height: 6px;display: inline-block;}
.bSlick .slick-dots li.slick-active a,.mobPic .slick-dots li.slick-active a{background: #333;}

.pages{padding:20px 0;}
.pages a{display: inline-block;color: #444;font-size: 13px; border:1px solid #eee;padding:3px 10px;margin: 0 1px 7px;}
.pages a.on,.pages a:hover{background: #0076c1;color: #fff;border-color: #0076c1;}
.com_tit{padding:40px 0;}
.com_tit h3{font-weight: bold;font-size: 35px;}
.com_tit .en{font-size: 14px;color:#676767;padding-top: 7px;}
h1,h2,h3,h4,h5{padding:0;margin:0;}
a{cursor: pointer;}
.main_a{padding:30px 0;min-height: 400px;margin-top: 50px}
.alist{margin: 0 -1.5%;}
.alist li{float: left;width: 25%;padding: 0 1.5%;margin-bottom: 68px}
.alist li .img{height: 234px;background-position: center bottom;background-repeat: no-repeat;background-size: cover;transition: all 400ms;}
.alist li.li1{width: 50%;}
.alist li.li1 .img{height: 615px;}
.alist li .info{margin-top: 25px;}
.alist li .info h4{font-size: 22px;margin-bottom: 10px;}
.alist li .imgbox{overflow: hidden;}
.alist li:hover .img{transform: scale(1.1); cursor:pointer;}
.main_b{height: 700px;background-position: center;background-size: cover; background-image:url(../images/7.jpg); background-repeat: no-repeat;background-attachment: fixed;position: relative;}
.icon-m{font-size: 15px;vertical-align: middle;position: relative;top:-0.8px;}
.binfo{width: 322px;background: #fff;text-align: center;padding:40px 30px;}
.binfo h3{font-size: 28px;}
.binfo .line{width: 24px;height: 2px;background: #000;margin: 20px auto}
.binfo p{color: #666;line-height:2;font-size: 16px;text-align: left;margin-bottom: 30px;}
.more:hover{opacity: .8;}
.main_c{padding:60px 0;}
.mc_tit{font-size: 35px;margin-bottom: 40px;}
.clist .img{overflow: hidden;}
.clist .img img{transition: all 400ms;}
.clist li{padding-top: 10px;padding-bottom: 10px;}
.clist li a{display: block;text-align: center;}
.clist li a:hover .img img{transform: scale(1.1);}
.clist li .info{padding:30px;}
.clist li .info h3{font-size: 20px;}
.clist li .info .line{margin: 18px auto 15px auto;height: 1px;background: #b2b2b2;width: 39px;}
.clist li .info p{text-align: left;margin-bottom: 20px;line-height: 1.7;color: #444;}
.mdimg{width: 50%;}
.main_d{background: #070102;color: #fff;position: relative;}
.mdtxt{position: absolute;width: 50%;right: 0;top:0;bottom: 0;}
.mdtxt .info{width: 475px;position: absolute;text-align: center;}
.mdtxt .info h3{font-size: 30px;}
.mdtxt .info p{line-height: 1.3;text-align: left;}
.mdtxt .info .line,.fnav .line{width: 58px;height: 1px;background: #524e4e;margin: 25px auto}
.foot_a{padding:45px 0;}
.fnav h3,.gzhu h3{font-size: 18px;}
.fnav li{margin-right: 80px;float: left;}
.foot_a .line{margin: 20px 0;background: #ececed;height: 2px;}
.flinks p{display: inline-block;margin-right: 20px;}
.flinks a{display: block;color: #666;line-height: 2.2}
.flinks a:hover{color: #d40}
.fnav li.right{float: right;}
.wxin{color: #666;}
.wxin img{margin-bottom: 8px;}
.wxin div{padding-left:6px;}
.foot_b{border-top: 1px solid #e5e5e5;padding:25px 0;}
.aMain{position: relative;min-height: 500px;padding:60px 0;border-bottom: 1px solid #e5e5e5;}
.proBox{min-height: 700px;position: relative;padding-left: 260px;}
.pside{position: absolute;left: 0;top:0;width: 174px;}
.ptit{font-size: 18px;border-bottom: 1px solid #f0f0f0;padding-bottom: 20px;}
.pnav li{border-bottom: 1px solid #f0f0f0;}
.pnav li .pn_t{height: 47px;line-height: 47px;padding:0 10px;font-size: 15px;background: url(../images/ir.png) no-repeat right center;cursor: pointer;}
.sub_pn{display: none;}
.sub_pn a{display: block;padding:9px 0;color: #666;}
.sub_pn a:hover{color: #333;}
.pnav li.cur .sub_pn{display: block;padding:10px;}
.pnav li.cur .pn_t{background-image: url(../images/ir1.png);}
.prolist{margin: 0 -5px;}
.prolist li{float: left;width: 33.3333%;}
.prolist li a.cell{display: block;margin:0 5px;}
.prolist li .cp_two{display: none;}
.prolist li:hover .cp_two{display: block;}
.prolist li:hover .cp_one{display: none;}
.prolist li .info{padding:20px 0;}
.prolist li .info .name{font-size: 15px;margin-bottom: 5px;}
.prolist .img{height:330px; overflow:hidden;}
.lk_more{width: 150px;height: 44px;line-height: 44px;display: block;margin: 40px auto;text-align: center;border:1px solid #000;color: #000;}
.lk_more:hover{opacity: .7;}.cpwrap{margin-top: 125px;padding:30px 0;border-bottom: 1px solid #f0f0f0;}
.ctags a,.ctags{color: #666;}
.ctags {margin-bottom: 20px;}
.det_l{width: 60%;}
.det_l .det_pic .item{margin-bottom: 40px;}
.det_r{width: 20%;}

.dt_a{padding:20px 0;position: relative;padding-right: 80px;}
.dt_a h3{font-size: 18px;}
.dt_a .da_tool{position: absolute;right: 0;top:20px;}
.dt_a .da_tool a{display: inline-block;margin-left: 10px;}
.dprice{color: #666;font-size: 18px;}
.d_khao{border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;padding:15px 0;margin:15px 0;}
.d_size{margin: 0 -2px;padding:10px 0;}
.d_size span{display: inline-block;float: left;width: 31px;height: 31px;background: #f7f7f7;line-height: 31px;text-align: center;color: #666;margin: 2px 2px;font-size: 13px;cursor: pointer;}
.d_size input[type='radio']{display:none;}
.d_size span.on,.d_size span:hover{background: #7f7f7f;color: #fff;}
.dcolor span{color: #000;}
.ditem{margin-top: 10px;line-height: 26px;}
.yslist{margin-top: 15px;}
.yslist li{float: left;width: 23%;margin-right:2%;background: #fff;opacity: .3;margin-bottom:5px; height:80px; overflow:hidden;}
.yslist li.on{opacity: 1;}
.gw_num{display: inline-block;width: 110px;line-height: 26px;overflow: hidden;vertical-align: middle;}
.gw_num em{display: block;height: 26px;width: 26px;float: left;color: #000;text-align: center;cursor: pointer;font-style: normal;background: #f7f7f7;font-weight: bold;}
.gw_num .num{display: block;float: left;text-align: center;width: 52px;font-style: normal;font-size: 14px;line-height: 24px;border: 0;background: #fff;}
.gw_num em.add{float: right;border-right: 0;}
a.add_cart{background: #000;color: #fff;display: block;padding:10px 0;text-align: center;}
.cp_bot{width: 60%;}
.cp_bot li .pn_t{opacity: .8;}
.cp_bot li .pn_t span{opacity: 1;color: #000;display: block;}
.cp_bot li .sub_pn{color: #777;line-height: 1.8;}
.cp_p{width: 47%;}
.cp_u{width: 40%;}
.cp_u .uitem{position: relative;padding-left: 10px;margin-bottom: 7px;}
.cp_u .uitem:after{content: '';position: absolute;width: 3px;height: 3px;background: #888;border-radius: 50%;left: 0;top:10px;}
.lp_p{width: 70%;text-align: center;}
.lpimg img{width: 49.5%} 
.lp_p h4{color: #444;font-size: 16px;margin-top: 20px;margin-bottom: 10px;}
.xguan{margin-top: 80px;}
.xguan h3{font-size: 20px;margin-bottom: 20px;font-weight: bold;}
.prolist_a li{width: 25%}
.dr_cont{position: fixed;right: 13%;top:145px;background: #fff;width: 20%;}
.dr_cont.p_absolute{top:0;position: absolute;}

.ditem_num{margin: 20px 0;}
.aBan{height: 576px;background-position: center;background-size: cover;background-repeat: no-repeat;margin-top: 125px;position: relative;}
.aBan .txt{text-align: center;width: 96%;color: #fff;}
.aBan .txt h3{font-size: 36px;margin-bottom: 35px;}
.aBan .txt a{color: #fff;text-decoration: underline;}
.aMain{border-bottom: 1px solid #f0f0f0;padding:40px 0;}
.nslist li{position: relative;margin-bottom: 50px;}
.nslist li a{display: block;}
.nslist li .img{overflow: hidden;}
.nslist li img{transition: all 400ms;}
.nslist li a:hover img{transform: scale(1.1);}
.nslist li .infor{padding-left: 4%;}
.nslist li .infor h3{padding: 20px 0;font-size: 22px;}
.nslist li .infor p{color: #444;line-height: 1.8;margin-bottom: 20px;}
.nslist li:after{content: '';position: absolute;width: 63.4%;height: 1px;background: #e6e5e5;right: 0;}
.mxbox{margin-top: 125px;}
.mxbox .mitem {}
.mxbox .mitem .mimg{width: 50%;float: left;position: relative;}
.minfor{position: absolute;left: 10%;bottom: 0;background: #fff;padding:30px;width: 320px;height: 210px;text-align: right;}
.minfor h3{font-size: 24px;margin-bottom: 20px;}
.minfor p{font-size: 12px;line-height: 1.8;}
.mslick{position: relative;}
.mslick .slick-prev{position: absolute;top:50%;background: url(../images/prev.jpg) no-repeat;width: 44px;height: 45px;margin-top: -28px;z-index: 20;left: 0;background-size: 30px auto;}
.mslick .slick-next{position: absolute;top:50%;background: url(../images/next.jpg) no-repeat;width: 44px;height: 45px;margin-top: -28px;z-index: 20;right: -14px;background-size: 30px auto;}
.ab_a{height: 710px;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;background-attachment: fixed;}
.ab_a .mdtxt{color: #fff;width: 100%;}
.ab_a .mdtxt .line{background: #fff;}
.ab_a .mdtxt p{text-align:left;}
.usImg{width: 50%;overflow: hidden;}
.usImg img{transition: all 400ms;}
.usImg:hover img{transform: scale(1.1);}
.usTxt{width: 50%;position: relative;min-height: 400px;}
.usTxt .infor{display: inline-block;vertical-align: middle; height:100%;}
.usTxt .vm{width: 75%}
.usTxt .infor h3{font-size: 26px;}
.usTxt .infor h4{padding-bottom: 5px;}
.usTxt .infor .line{width: 35px;height: 1px;background: #999;margin: 20px 0}
.usTxt .infor p{line-height: 1.7;font-size: 13px;}
.usTxt .infor .more{display: inline-block;}
.cSlick{position: relative;text-align: center;margin:0 -770px;margin-top: 100px;}
.cSlick .slick-prev{background: url(../images/prev1.png) no-repeat center;width: 22px;height: 61px;left: 33% !important;z-index: 20;top:36%;background-size: 16px auto}
.cSlick .slick-next{background: url(../images/next1.png) no-repeat center;width: 34px;height: 61px;right: 32.7% !important;z-index: 20;top:36%;background-size: 16px auto}
.cSlick p{margin:0 auto; color: #333;line-height: 1.8;}
.cSlick .infor{display: none;padding-top: 20px;}
.cSlick .item{display: block;outline: none;margin: 0 40px;}
.cSlick .img{position: relative;}
.cSlick .infor h3{margin-top: 0;color: #000;padding-bottom: 10px;}
.cSlick .slick-current .infor{display: block;}
.fge{height: 1px;background: #f0f0f0;margin-top: 100px;}
.lxbox{padding:50px 0;min-height: 500px;}
.lxItem{background: #f8f8f8;padding:80px 0;line-height: 1.8;width: 48%}
.lxItem img{height: 26px;}
.lxItem .xcn{padding:10px 0;font-size: 18px;}
.lxItem p{padding:10px 0 0;}
.lxItem_a{width: 100%;margin-top:50px;padding:50px;}
.fcell{width: 48%;margin-bottom:20px;background: #fff;height: 45px;line-height: 45px;}
.lform{margin:30px 0;}
.fcell .int{display: block;padding:0px 15px;width: 100%;border:none;}
.fcell .sel{width: 100%;background: none;border:none;height: 100%;outline: none;}
.fcell .sel option{padding-left: 15px;}
.fcell_a {width: 100%;height: auto;line-height: 1.8;}
.fcell_a textarea{width: 100%;outline: none;padding:5px 15px;border:none;resize: none;height: 150px;}
.fbot{text-align: right;padding:20px 0;float: left;width: 100%;}
.fbot button{width: 265px;height: 45px;line-height: 45px;background: #000000;color:#fff;text-align: center;}
.fcell_sel{position: relative;z-index: 200;}
.fcell_sel:after{content: '\e601'; font-family: "iconfont" !important;font-size: 18px;background: #fff;width: 30px;height: 43px;line-height: 40px;text-align: center;right: 0;top:0;position: absolute;z-index: 20;overflow: hidden;}
.sp_conts_gw .fcell_sel:after{display: none;}
.gwrap{position: relative;min-height: 520px;margin: 60px 0 0;}
.gside{position: absolute;width: 336px;background: #fcfcfc;right: 0;top:0;min-height: 400px;padding: 25px;}
.gtit{border-bottom: 1px solid #f0f0f0;padding-bottom: 20px;}
.gtit div.right span{color: #333;}
.sp_ul{padding:10px 0; border-bottom: 1px solid #f0f0f0;}
.sp_ul li{padding:8px 0;}
.sp_ul li span.price{font-size: 18px;}
a.jsbtn{text-align: center;background: #000;color: #fff;padding:10px 0;text-align: center;display: block;width: 100%;margin: 30px 0;}
a.jsbtn:hover{opacity: .7;}
.cp_bot_a{width: 100%;border-top: 1px solid #f0f0f0;}
.cp_bot_a .pnav li.cur .sub_pn{padding-top: 0;}
.icon-zhifubao{color: #02a9f1}
.icon-weixinzhifu{color: #6bcc03}
.gw_way span{margin-right: 20px;display: inline-block;}
.gw_lp{width: 50%;padding:10px 0;}
.gw_fs{font-size: 12px;}
.gw_fs p{padding: 10px 0}
.ck_all{width: 190px;}
.sp_news{width: calc(70% - 190px);}
.sp_num{width: 15%;}
.sp_subtotal{width: 15%;}
.ck_all .icon,.sp_check .icon,.sp_check input[type=checkbox]{width: 25px;height: 25px;background-color: #f8f8f8;border:1px solid #e7e7e7;display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;top:-1px;background-repeat: no-repeat;background-position: center;}
.ck_all.in .icon,.sp_check.in .icon{background-image: url(../images/d.png);}
.sp_news.pad30{padding:0 0 0 190px;}
.splist .sp_news{width: 70%;position: relative;min-height: 173px;}
.sp_top{margin-bottom:20px;border-bottom: 1px solid #f2f2f2;padding-bottom: 20px;}
.sp_check{position: absolute;left: 0;top:0;z-index: 20;}
.sp-img{width: 125px;position: absolute;left: 40px;top:0;}
.sp-img a{display: block;}
.sp-img a img{width: 100%;height: auto;}
.sp-info h3 a{font-size: 16px;}
.sp-info div{line-height: 1.7;padding:12px 0;}
.sp_tool{margin-top: 10px;margin-left: 190px;float: left;clear: both !important;position: relative;top:-50px;}
.sp_tool a{display: inline-block;margin-right: 10px;color: #333;}
.sp_tool a:hover{text-decoration: underline;}
.sp_num .fcell_sel{width: 65px;margin-bottom:0;background: none;}
.sp_num .fcell_sel:after{width:23px;height: 33px;line-height: 33px;}
.gwcont{margin-right: 370px;padding-top: 20px;}
.splist .sp_subtotal{line-height: 33px;}
.splist{border-bottom: 1px solid #d9d9d9;padding-bottom: 20px;margin-bottom:20px;}
.sp_mob_top{display: none;}
.cpfoot{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;z-index: 500;box-shadow: 4px 0 6px 0 rgba(204,204,204,0.5);padding:0 0px 0 10px;display: none;}
.tbtn{background: #000;padding:15px 25px;color: #fff;font-weight: bold;font-size: 16px;}
.cpfoot .total{flex:1;color: #000;}
.jstit{font-weight: bold;font-size: 20px;margin-bottom: 30px;}
.sitem{margin-bottom:15px;}
.sitem label{display:inline-block;margin-bottom:8px;color: #666;font-weight: normal;}
.sitem .fcell{border:1px solid #f0f0f0;width: 100%;}
.sitem .fcell .int{background: none;outline: none;}
.xuanze .sitem{width: 33.3333%;padding:0 1%;float: left;}
.xuanze{margin: 0 -1%;}
.sitem .fcell{margin-bottom:5px;}

.sitem_set{padding:5px 0;}
.sitem_set .sp_check{position: static;}
.sitem button{width: 250px;height: 40px;line-height: 40px;border:1px solid #333;color: #333;text-align: center;margin-right: 20px;margin-bottom:10px;}
.sitem button.save{background: #000;color: #fff;}
.ugform input[type='submit']{width: 250px;height: 40px;line-height: 40px;border:1px solid #333;color: #333;text-align: center;margin-right: 20px;margin-bottom:10px;}
.ugform input[type='submit']{background: #000;color: #fff;}
.psong{padding:30px 0;border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;line-height: 1.8;margin: 40px 0 0;}
.psong .jstit{margin-bottom:8px;}
.psong_a{margin-top: 0;border-top: none;}
.pay_way li{float: left;margin-right: 30px;}
.pay_way li .ck{position: relative;width: 16px;height: 16px;border:1px solid #333;border-radius: 50%;display: inline-block;vertical-align: middle; margin-right: 4px;}
.pay_way li.cur .ck:after{width: 8px;height: 8px;content: '';background: #333;position: absolute;border-radius: 50%;top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
.sp_check_b{position: static;}
.sgreee{padding:30px 0;}
.ds_cont{padding:40px 0;}
.ds_cont h1{font-size: 30px}
.ds_sm{line-height: 2;padding:30px 0;font-size: 15px;}
.ds_img{padding:50px 0;}
.ds_video video{width: 100%;outline: none;position: absolute;left: 0;right: 0;bottom: 0;top:0;height: 100%;}
.ds_video{height: 576px;position: relative;overflow: hidden;}
.mdimg{position: relative;}
.mdimg .ds_video{position: absolute;left: 0;top:0;height: 100%;right: 0;}
.mdimg .ds_video video{height: 100%;object-fit: fill;}
.ugbox{background: #f8f8f8;padding:80px 0;}
.ugbox h1{font-size: 30px;margin-bottom:40px;}
.ugcont{width: 876px;padding:80px 0; background: #fff;margin: 0 auto;}
.ugform{margin: 0 auto;width: 570px;}
.ugItem{background: #f8f8f8;height: 46px;line-height: 46px;position: relative;padding-left: 110px;margin-bottom:20px;}
.ugItem span{text-align: right;color: #000; float:left; margin-right:20px;}
.ugItem .uint{display: block;width: 50%;line-height: 46px;height: 46px;outline: none;background: none;padding:0;border:none; float:left;}
.tips{height: 46px;line-height: 46px; color:#f00; float:left;}
.ugbot{padding:20px 0 30px 0;}
.yzcode{position: absolute;right: 0;top:0;}
.ubtns,a.ubtns,input[type='button'],.gside input[type='submit'],.sitem input[type='submit']{background: #000;color: #fff;padding:10px 0;text-align: center;display: block;width: 100%;font-weight: bold;line-height: normal;}
.cjnew{margin-top: 30px;padding-top: 30px;border-top: 1px solid #333;}
.ur_cont{width: 80%;border-left: 1px solid #e5e5e5;padding-left: 7%;padding-bottom: 20px;}
.ur_cont h3{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.user_box{padding:50px 0;}
.add_new h4{margin-bottom:20px;font-size: 15px;}
.us_t{font-size: 18px;height: 55px;}
.ur_side{width: 15%;}
.ediv .et{font-size: 16px;color: #000;margin-bottom: 5px;}
.ediv .et a{color: #000;}
.ediv{margin-bottom:50px;}
.elinks{color: #666;line-height: 2;}
.elinks a{display: block;color: #666;}
.elinks a:hover{text-decoration: underline;}
.aw_div{width: 45%;}
.sitem label.c3{color: #333;}
label{font-weight: normal;}
.my_order .sp_news{width: 65%}
.sp_cao{width: 5%;}
.my_order .sp-img{left: 0;}
.my_order .splist .sp_news.pad30{padding-left: 150px;}
.my_order .sp-info div{line-height: 2;}
.my_order .sp-info h3{margin-bottom:10px;}
.my_order .splist{line-height: 33px;}
.my_order .sp_top{padding-bottom: 14px;}
.my_order .splist .sp_subtotal{left: 150px;}

.tk_info{color: #666;line-height: 1.9;}
.tk_info p{margin-bottom:20px;}
.hyUl{margin-bottom:80px;}
.hyUl li{margin-bottom:20px;}
.hyUl li a{display: block;background: #fafafa;padding:70px 0;cursor: pointer;} 
.hyUl li a img{height: 50px;}
.hyUl li a p{padding-top: 14px;}
.dl_bots{padding-top: 20px;}
.dl_bots .zce{text-decoration: underline;}
.dl_bots a:hover{opacity: .8;}
.tu_tan{position: absolute;right: 0;top:100%;background: #fff;z-index: 500;padding:35px;width: 400px;display: none;box-shadow: 0 0 3px rgba(0,0,0,.2)}
.tu_tan h1{ margin-bottom:20px;font-size: 22px;color: #000;font-weight: bold;text-align: left;}
.tu_item .mint{display: block;border:1px solid #d1d1d1;display: block;width: 100%;padding:10px;height: auto;line-height: normal;}
.tu_item{margin-bottom:20px;line-height: normal;}
a.wjpwd{text-decoration: underline}
.tuser:hover .tu_tan{display: block;}
.pc_header{display: block;}
.sub_navs{position: absolute;height: 100%;right:0;left: 0;top:0;display: none;margin:70px 5%;}
.sb_links a{float: left;width: 50%;}
.ditem_num_mob{position: relative;z-index: 20;padding:8px 0;}
.ediv_bz{margin-top: 30px;margin-bottom:0;}
.cpwrap_cont{padding:0 13%;}


@media (min-width:1200px) {
}
@media (max-width:1200px) {
}

@media (min-width:1441px) {

}

@media (max-width:1024px){
	.container{width: 96%;}
    
}
@media (max-width:1000px)  {
    .pc_header{display: none;}
    .mob_header{display: block;}
    .mob_header .search.left{display: block !important;position: fixed;left: 0;top:50px;z-index: 500;right: 0;background: #fff;}
	.search{left: 0;right: 0;top:50px;width: 100%;margin-top: 0;background: #fff;z-index: 502;height: auto;padding:10px 0;display: none !important;}
	.search.in{display: block !important;}
	.search input{height: 40px;line-height: 40px;}
	.search button{width: 80px;position: absolute;height: 40px;line-height: 40px;top:10px;right: 10px;}
	.search button .iconfont{display: none;}
	.search button:after{content: '前往';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #444;color: #fff;}
    .header{height: 50px;line-height: 50px;}
    .sideMenu{position: fixed;right: 0;top: 0px;height: 100%;width: 100%;overflow: hidden;max-height: 100%;z-index: 100;display: none;background-color: hsla(0,0%,100%,.97);overflow-y: auto;}
    .side_bg{background: rgba(0,0,0,.4);position: absolute;left: 0;top:0;right: 0;bottom: 0;z-index: 2;display: none;}
    .side_c{overflow:auto;max-height:100%;height:100%;transition:.3s;opacity:0;color: #132c70;}
    .sideMenu.active .side_c{transform:translateX(0%);opacity: 1;z-index: 101}
    .sideMenu.active .side_bg{display: block;}
    .sideMenu.active{z-index: 600;display: block;}
    .sideMenu .closed{position: fixed;right: 0;top:0;width: 80px;height: 80px;text-align: center;line-height: 80px;}
	.sLan{text-align: center;border-top: 1px solid #ccc;width: 90%;margin: 0 auto;padding-top: 20px;color: #666;}
    .navs{margin-top: 20px;}
    .navs li a{color: #333;display: block;padding:10px;font-size: 16px;text-transform: uppercase;text-align: center;}
    .navs li a.item{border-bottom: 1px solid rgba(255,255,255,.3);padding: 5%;overflow: hidden;}
    .navs li a.item .icon-down{float: right;}
    .sub-nav{background: #fff;line-height: 30px;display: none;}
    .navs li .sub-nav a{padding: 0 5%;color: #333;}
    .navs li .sub_nav{display: none;}
	.navs li .sub_nav a{display: block;padding:10px 30px;font-size: 13px;border-bottom: 1px solid rgba(255,255,255,.1);color: #fff;}
	.navs li.has_child{position: relative;}
	.navs li.has_child:after{content: "\e6ac";font-family: "iconfont" !important;font-size: 18px;position: absolute;right: 10px;top:16px;color: #fff;font-weight: bold;transform:rotate(-90deg);}
	.navs li.active .sub_nav{display: block;}
	.navs li.active:after{transform:rotate(0deg);}
	.mdtxt .info{width: 80%}
	.gzhu{width: 100%;}
	.mdtxt{background: rgba(0,0,0,.6);}
	.banner,.cpwrap,.aBan,.mxbox{margin-top: 50px;}
	.ab_a{height: 500px;}
	.usTxt .infor{transform: scale(.8);}
	.usTxt .infor h4{padding-bottom:0;}
	.usTxt .infor p{padding-top: 15px;}
	.usTxt .vm{width: 98%;}
	.gside{position: static;width: 100%;}
	.gwcont{margin-right: 0;}
	.fge{background: none;margin-top: 50px;}
	.splist .sp_news{width: 100%;}
	.splist .sp_num{width: 100%;padding-left: 190px;margin-top: -33px;}
	.splist .sp_subtotal{width: 100%;padding-left: 190px;text-align: right;padding:10px 0;font-size: 16px;}
	.sp_tool{top:0;width: 100%;margin-left: 0;padding-left: 190px;float: none;display: flex;justify-content: space-between;padding-top: 20px;}
	.sp_tool a{margin: 0;flex:1;}
	.sp_tool a:last-child{text-align: right;}
	.sp_top{display: none;}
	.sp_mob_top{display: block;border-bottom: 2px solid #333;margin-bottom:30px;padding-bottom: 20px;font-size: 16px;}
	.gwrap{margin-top: 0;}
	.gs_pc{display: none;}
	.cpfoot{display: flex;}
	.splist{position: relative;}
    .splist .sp_subtotal{font-weight: bold; position: absolute;left: 190px;top:16px;text-align: left;}
    .splist .sp-info h3{margin-bottom:23px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .my_order .splist .sp_num{display: none;}
    .cpwrap_cont{padding:0 5%;}
    .det_l{width: 60%;}

}
@media (max-width:992px) {

	.det_r{width:60%;float: left;}
	.dr_cont{position: static !important;width: 100%;}
	.ugcont{width: auto;padding:40px 20px;}
	.ugform{width:auto; }
	.ugbox h1{font-size: 25px;}
	.ur_cont,.ur_side,.aw_div{width: 100%;}
	.aw_div{border-bottom: 1px solid #ddd;margin-bottom:20px;}
	.ur_side{border-right: none;min-height: 300px;}
	.user_box{padding-bottom: 0;}
	.foot_b{font-size: 12px;padding:15px 10px;color: #666;line-height: 1.5;}
	.ur_cont{border-left: none;padding-left: 0;}
	.ur_cont_a{min-height: 320px;}
	.hyUl{margin-bottom:30px;}
	.aBan{height: 400px;}
	.aBan .txt h3{font-size: 28px;}
	.ab_a .mdtxt{background: none;}
	.mob_unav{border-top:1px solid #ccc;width: 100%;float: left;}
	.mob_unav a{position: relative; display: block;padding:15px 0 15px 0px;border-bottom: 1px solid #ccc;}
	.mob_unav a:after{content: '\e61b';font-family: "iconfont" !important;font-size: 18px;position: absolute;right: 10px;top:12px;font-weight: bold;}

}
@media (max-width: 821px){
 	
 	.proBox{padding-left: 200px;}
}
@media (max-width:768px){
	.pside{display: none;}
	.mobImg{display: block !important;}
	.pcImg{display: none !important;}
	.pside{width: 100%;position:static;margin-bottom: 20px;}
	.proBox{padding-left: 0;}
	.ptit{text-align: center;}
	.nslist li .img{width: 35%;float: left;}
	.nslist li .text{width: 64%;float: right;}
	.nslist li:after{display: none;}
	.nslist li .infor{padding-left: 0;}
	.nslist li .infor p{margin-bottom: 10px;}
	.nslist li .infor h3{font-size: 18px;padding:10px 0;}
	.minfor{transform: scale(.7);}
	.mxbox .mitem .mimg{width: 100%;}
	.usImg,.usTxt{width: 100%;height: auto !important;}
	.usTxt .vm{position: static;-webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);}
    .usTxt .infor{transform: scale(1);padding:20px 3%;}
	.cSlick .slick-next{right: 10px !important;}
	.cSlick .slick-prev{left: 10px !important;}
	.ds_img{padding-bottom: 0px;}
	.lxbox{padding-bottom: 20px;}
	.ds_video{height: auto;}
	.ds_video video{position: static;width: 100%;height: auto;}
	.ds_cont{padding: 0 10px;}
	.mdimg{width: 100%;}
	.mdtxt{width: 100%;position: static;}
	.mdtxt .info{position: static;width: 100%;    -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);padding:20px 3%;}
	.mdtxt .info h3{font-size: 23px;}
	.ab_a .mdtxt{position: absolute;}
	.ab_a .mdtxt .info{position: absolute;width: 100%;    -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

}
@media (max-width:720px){
   .lxItem{width: 100%;margin-bottom:20px;padding:30px 20px;margin-top: 20px;}

}
@media (max-width:640px){
    .alist li{width: 50%;margin-bottom: 25px;}
    .alist li .img{height: 200px;}
    .alist li.li1{width: 100%;}
    .alist li.li1 .img{height: 350px;}
    .alist li .info h4{font-size: 18px;}
    .alist li .info{margin-top: 20px;}
    .prolist li{width: 50%;}
	.prolist li .img{height:163px; overflow:hidden}
    .prolist li:last-child{display: none;}
    .det_l{width: 100%;}
    .det_r,.cp_bot{width: 100%;}
    .cp_bot{margin-top: 20px;}
    .prolist_a li:last-child{display: block;}
    .nslist li {border-bottom: 1px solid #f0f0f0;padding-bottom: 20px;margin-bottom:20px;}
    .cSlick{margin: 0 0px;}
    .hyUl li a{padding:30px 0;}
    .hyUl li a img{height: 30px;}
    .hyUl li a p{padding-top: 5px;}
    .d_size span{width: 45px;line-height: 45px;height: 45px;}
	.sitem button{width: 100%;display: block;margin: 0;}
	.sitem button:first-child{margin-bottom: 20px;}
	.cpfoot .ck_all{width: 82px;}
	.cpfoot .total{text-align: center;}
	.fbot button{width: 100%;}
	.yslist li{width: 65px; height:65px; overflow:hidden;}
	input.inputBg{width: 35px !important;height: 35px !important;line-height: 35px !important;}
	.aBan{height: 300px;background-position:15% 20% !important;}
	.aBan .txt h3{font-size: 20px;}
	.dr_cont{width: 100%;}
}

@media (max-width:520px){
	.nslist li .img{width: 40%;float: left;}
	.nslist li .text{width: 60%;float: right;}
}
@media (max-width:480px){
	.binfo h3{font-size: 24px;}
	.nslist li .img{width: 50%;float: left;}
	.nslist li .text{width: 50%;float: right;}
	.main_b{height:480px;  background-attachment:scroll; }
}
@media (max-width:420px){
	.mdtxt{position: static;}
	
	.nslist li .img{width: 100%;margin-bottom: 15px;}
	.nslist li .text{width: 100%;float: right;}
	.fcell{width: 100%;}
	.sp_news.pad30{padding-left: 145px;}
	.sp-img{width: 100px;left: 34px}
	.splist .sp_subtotal{left: 145px;}
	.splist .sp_num{padding-left: 145px;}
	.sp_tool{padding-left: 0;}
	.my_order .sp-img{width: 125px;}
	.alist li .img{height: 150px}
	.alist li.li1 .img{height: 200px;}
	.yslist li{width: 40px; height:40px; overflow:hidden;}
	.nslist li .infor h3{font-size: 16px;line-height: 1.4;}
}

@media (max-width:360px){
	.binfo{width: 140px;padding:20px 15px;}
	.binfo h3{font-size: 14px;}
	.binfo p{font-size: 12px;font-style: italic;    line-height: 20px;color: #666;}
	.binfo .line{height: 1px;margin: 10px auto;}
}
.mm-page__blocker{z-index: 2000;}

.article{width: 100%;background: #fff;text-align: center;padding:20px 30px; margin-top:200px;}
.article h3{font-size: 28px;}
.article .line{width: 24px;height: 2px;background: #000;margin: 20px auto}
.article p{color: #666;line-height:2;font-size: 16px;text-align: left;margin-bottom: 30px; text-indent:2em;}
