/* Minification failed. Returning unminified contents.
(1001,71): run-time error CSS1035: Expected colon, found 'dius'
 */
@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,a {padding: 0;margin: 0;}
table {border-collapse: collapse; /*单元格的压缩*/border-spacing: 0;margin: 0;padding: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,var {font-weight: normal;font-style: normal;}
ol,ul,li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
a{text-decoration: none;color: #333;}
i{font-style: normal;}
/*文字排版*/
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs36{font-size: 36px;}
.fsi{font-style: italic;}
.fwn{font-weight: normal;}
.fwb{font-weight: bolder;}
.lh20{line-height: 20px;}
.lh30{line-height: 30px;}
.lh40{line-height: 40px;}
.lh80{line-height: 80px;}
/*定位*/
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.mc{margin: 0 auto;}
.fl{float: left;display: inline;}/*inline,解决IE6的双外边距*/
.fr{float: right;display: inline;}
.fl1{float: left;left:15%;display: inline;}
.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}
.vtt{vertical-align: text-top;}
.vtb{vertical-align: text-bottom;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.dib{display: inline-block;}
.db{display: block;}
.dno{display: none;}

/*边距*/
.m10{margin: 10px;}
.m20{margin: 20px;}
.m30{margin: 30px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
.p50{padding: 50px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
/*清除浮动*/
.cb{clear: both;}
.cl{clear: left;}
.cr{clear: right;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix { display: inline-block;vertical-align: middle;}
html[xmlns] .clearfix { display: block; }
*html .clearfix { height: 0.1%; }
.of{overflow:hidden;}
/*----------------------------*/

/*-*********通用样式*********-*/

/*----------------------------*/

/*reset*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

/*去掉苹果默认样式*/
body { min-width: 1210px; font-family: 'Arial'; font-size: 14px; color: #333; background-color: #ffffff; }
input[type='button'] { cursor: pointer; outline: none; }
input:disabled { cursor: no-drop; }
a:hover { text-decoration: none; cursor: pointer; }
.h-tdu:hover{text-decoration:underline;}

/*=================*/

/*=1.网站css样式库=*/

/*=================*/
.lsd { margin-left: 12px; list-style: decimal; }
.lsn { list-style: none; }
.lsd { list-style: disc; }
.f01 { font-family: "微软雅黑"; }
.f02 { font-family: cursive; }
.td-u { text-decoration: underline; }
.td-n { text-decoration: none; }
.bsb { box-sizing: border-box; }
.ofh { overflow: hidden; }
.fsi { font-style: italic; }
.ls2 { letter-spacing: 2px; }
.fs10 { font-size: 10px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs32 { font-size: 32px; }
.fs34 { font-size: 34px; }
.fs36 { font-size: 36px; }
.fs40 { font-size: 40px; }
.fs48 { font-size: 48px; }
.fwb { font-weight: bold; }
.fwn { font-weight: normal; }
.c00 { color: black; }
.c01 { color: #0090db; }
.c02 { color: #f5a31d; }
.c03 { color: #898989; }
.c04 { color: #00ace5; }
.c05 { color: #d20505; }
.c06 { color: #575757; }
.c07 { color: #cc0000; }
.c08 { color: #58a7d8; }
.c09 { color: gray; }
.c10 { color: white; }
.c11 { color: #bababa; }
.c12 { color: #f8b500; }
.c13 { color: #0b75c6; }
.c14 { color: #1853b6; }
.c15 { color: #000; }
.c16 { color: red; }
.c17 { color: #999; }
.c18 { color: #f2a13a; }
.c19 { color: #555; }
.c20 { color: #323232; }
.c21 { color: #8f8f8f; }
.c22 { color: #ABABAB; }
.c23 { color: #013353; }
.c24 { color: #19223e; }
.c25 { color: #707687; }
.c26 { color: #9b9b9b; }
.c27 { color: #97c752; }
.c30 { color: #013353; }
.c31 { color: #565656; }
.c32 { color: #666; }
.c33 { color: #b2b2b2; }
.c34 { color: #7ca1b9; }
.c35 { color: #013353; }
.c36 { color: #d5ebca; }
.c1-01 { color: #0368da; }
.c1-02 { color: #8a92a8; }
.c1-03 { color: #eb9f25; }
.c1-04 { color: #7a7d80; }
.c1-ff-7 { color: rgba(255, 255, 255, 0.7); }
.c1-cc { color: #ccc; }
.c1-33 { color: #333; }
.c666, .c1-66 { color: #666; }
.lh12 { line-height: 12px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh23 { line-height: 23px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh25 { line-height: 25px; }
.lh28 { line-height: 28px; }
.lh34 { line-height: 34px; }
.lh45 { line-height: 45px; }
.lh55 { line-height: 55px; }
.lh60 { line-height: 60px; }
.lh75 { line-height: 75px; }
.lh100 { line-height: 100px; }
.w100b { width: 100%; }
.w45p { width: 45%; }
.w50p { width: 50%; }
.w55p { width: 55%; }
.w50 { width: 50px; }
.w85 { width: 85px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w168 { width: 168px; }
.w170 { width: 170px; }
.w174 { width: 174px; }
.w180 { width: 180px; }
.w197 { width: 190px; }
.w197 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w225 { width: 225px; }
.w230 { width: 230px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w268 { width: 268px; }
.w280 { width: 280px; }
.w285 { width: 285px; }
.w298 { width: 298px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w330 { width: 330px; }
.w350 { width: 350px; }
.w370 { width: 370px; }
.w380 { width: 380px; }
.mw400 { max-width: 400px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w450 { width: 450px; }
.w490 { width: 490px; }
.w500 { width: 500px; }
.w548 { width: 548px; }
.w550 { width: 550px; }
.w555 { width: 555px; }
.w560 { width: 560px; }
.w580 { width: 580px; }
.w650 { width: 650px; }
.w720 { width: 720px; }
.w750 { width: 750px; }
.w840 { width: 840px; }
.w940 { width: 940px; }
.w950 { width: 950px; }
.w965 { width: 965px; }
.w1025 { width: 1025px; }
.w1055 { width: 1055px; }
.w-pl { width: 45%; }
.w-pr { width: 45%; }
.h100b { height: 100%; }
.h0 { height: 0px; }
.h22 { height: 22px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h60 { height: 60px; }
.h75 { height: 75px; }
.h80 { height: 80px; }
.h100 { height: 100px; }
.h140 { height: 140px; }
.h146 { height: 146px; }
.h133 { height: 133px; }
.h188 { height: 188px; }
.h210 { height: 210px; }
.h215 { height: 215px; }
.h230 { height: 230px; }
.h270 { height: 270px; }
.h332 { height: 332px; }
.h375 { height: 357px; }
.ma { margin: 0 auto; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mt0 { margin-top: 0px !important; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt100 { margin-top: 100px; }
.mt140 { margin-top: 140px; }
.mt90 { margin-top: 90px; }
.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb23 { margin-bottom: 23px; }
.mb35 { margin-bottom: 35px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb90 { margin-bottom: 90px; }
.ml-30 { margin-left: -30px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml65 { margin-left: 65px; }
.ml70 { margin-left: 70px; }
.ml170 { margin-left: 170px; }
.mr27p { margin-right: 27%; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr35 { margin-right: 35px; }
.mr50 { margin-right: 50px; }
.mr100 { margin-right: 100px; }
.p5 { padding: 5px; }
.p20 { padding: 20px; }
.p50 { padding: 50px; }
.p15 { padding: 15px; }
.p13 { padding: 10px 30px; }
.p23 { padding: 20px 30px; }
.p35 { padding: 30px 50px; box-sizing: border-box; }
.pb5 { padding-bottom: 5px; }
.pb15 { padding-bottom: 15px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb80 { padding-bottom: 80px; }
.pb100 { padding-bottom: 100px; }
.pb110 { padding-bottom: 110px; }
.pb1100 { padding-bottom: 1100px; }
.ptb5 { padding: 5px 0; }
.ptb15 { padding-top: 15px; padding-bottom: 15px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.ptb25 { padding-top: 25px; padding-bottom: 25px; }
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
.ptb80 { padding-top: 80px; padding-bottom: 80px; }
.ptb155 { padding-top: 155px; padding-bottom: 155px; }
.plr10 { padding-left: 10px; padding-right: 10px; }
.plr20 { padding-left: 20px; padding-right: 20px; }
.plr50 { padding-left: 50px; padding-right: 50px; }
.plr65 { padding-left: 65px; padding-right: 65px; }
.plr80 { padding: 0 80px; }
.plr30 { padding: 0 30px; }
.plr115 { padding: 0 115px; }
.plr130 { padding: 0 130px; }
.plr25 { padding-left: 25px; padding-right: 25px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt25 { padding-top: 25px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt80 { padding-top: 80px; }
.pl5 { padding-left: 5px; }
.pl15 { padding-left: 15px; }
.pl25 { padding-left: 25px; }
.pl35 { padding-left: 35px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }
.pl110 { padding-left: 110px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr50 { padding-right: 50px; }
.pr70 { padding-right: 70px; }
.h25{height:25px;}
.lh14{line-height:14px;}
.pr140{padding-right:140px;}
.bac00 { background-color: black; }
.bac01 { background-color: white; }
.bac02 { background-color: #F1F1F1; }
.bac03 { background-color: #f5a31d; }
.bac04 { background-color: #dcddde; }
.bac05 { background-color: #606060; }
.bac06 { background-color: #E3E3E3; }
.bac07 { background-color: #fef6e8; }
.bac08 { background-color: #f5f5f5; }
.bac09 { background-color: transparent !important; }
.bac10 { background-color: #333; }
.bac11 { background-color: #e7e7e7; }
.bac12 { background-color: #abb244; }
.bac13 { background-color: #eb9f25; }
.bac14 { background-color: #fafafa; }
.bac15 { background-color: #f4f4f4; }
.bac16 { background-color: #e9e9e9; }
.bac17 { background-color: #f7f7f7; }
.b01 { border: 1px solid #d7d7d7; }
.b02 { border: 1px solid #f5a31d; }
.b03 { border: 1px solid #444; }
.br01 { border-right: 1px solid #58a7d8; }
.br02 { border-right: 1px solid #444; }
.bl03 { border-left: 1px solid #58a7d8; }
.bl02 { border-left: 1px solid #ddd; }
.bt01 { border-top: 1px solid #bababa; }
.bt02 { border-top: 3px solid #4d4d4d; }
.bt03 { border-top: 1px solid #3c4254; }
.bb00 { border-bottom: 0 !important; }
.bb01 { border-bottom: 1px solid #e8e8e8; }
.bb02 { border-top: 2px solid #dbdbdb; }
.bb03 { border-bottom: 3px solid #535353; }
.bb04 { border-bottom: 1px solid #c9c9c9; }
.bb05 { border-bottom: 1px solid #484848; }
.bb06 { border-bottom: 1px solid #e1e1e1; }
.bb07 { border-bottom: 1px dashed #000; }
.bb08 { border-bottom: 1px solid #dbdbdb; }
.bb09 { border-bottom: 1px solid #9f9f9f; }
.bb10 { border-bottom: 2px solid #ccced1; }
.bb11 { border-bottom: 1px solid #868686; }
.bb12 { border-bottom: 1px dashed #cacaca; }
.bb13 { border-bottom: 1px solid #dcdcdc; }
.b20 { bottom: 20px; }
.line01 { height: 1px; width: 100%; background-color: #484848; }
.b-4 { bottom: -4px; }
.t1 { top: 1px; }
.t2 { top: 2px; }
.t5 { top: 5px; }
.t45 { top: 45px; }
.r3 { right: 3px !important; }
.pr { position: relative; }
.pa { position: absolute; }
.dib { display: inline-block; }
.di { display: inline; }
.dih { display: inherit; }
.dno { display: none; }
.cb { clear: both; }
.c-db .clearfix { display: block; }
.fn { float: none !important; }
.l0 { left: 0; }
.l5 { left: 5px; }
.l8 { left: 8px; }
.l10 { left: 10px; }
.l16 { left: 16px; }
.l30 { left: 30px; }
.b0 { bottom: 0; }
.b60 { bottom: 60px; }

/*====================*/

/*2.网站小图标样式集合*/

/*====================*/
.news_r:after { position: absolute; right: -8px; top: 5px; content: ''; width: 7px; height: 7px; background-color: #bf211d; border-radius: 50%; }
.icon { display: block; width: 25px; height: 25px; background: url(../imgs/icons.png) no-repeat; }
.ic-facebook { background-position: -7px -8px; }
.ic-twitter { background-position: -67px -8px; }
.ic-linkedin { background-position: -37px -8px; }
.ic-pinterest { background-position: -97px -8px; }
.icon_l { position: relative; padding-left: 30px; }
.icon_l:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 30px; height: 100%; overflow: hidden; background: url(../imgs/icons.png) no-repeat; }
.icon_l_00 { padding-left: 50px; }
.icon_l_00:before { background-position: -127px -196px; left: 10px; }
.icon_l_01:before { background-position: -67px -33px; }
.icon_l_02:before { background-position: -97px -33px; }
.icon_l_03:before { background-position: -5px -90px; }
.icon_l_03:hover:before { background-position: -34px -90px; }
.icon_l_04:before { background-position: -67px -88px; }
.icon_l_04:hover:before { background-position: -95px -88px; }
.icon_l_05:before { background-position: -8px -130px; }
.icon_l_05:hover:before { background-position: -36px -130px; }
.icon_l_06:before { background-position: -68px -128px; }
.icon_l_06:hover:before { background-position: -95px -128px; }
.icon_l_07:before { background-position: -9px -167px; }
.icon_l_07:hover:before { background-position: -38px -167px; }
.icon_l_08:before { background-position: -68px -168px; }
.icon_l_08:hover:before { background-position: -95px -168px; }
.icon_l_09:before { background-position: -7px -203px; }
.icon_l_09:hover:before { background-position: -37px -203px; }
.icon_l_10:before { background-position: -68px -203px; }
.icon_l_10:hover:before { background-position: -95px -203px; }
.icon_l_16:before { background-position: -128px -88px; }
.icon_l_16:hover:before { background-position: -157px -88px; }
.icon_l_11:before { background-position: -94px -65px; }
.icon_l_12:before { background-position: -65px -65px; }
.icon_l_13:before { background-position: -34px -67px; }
.icon_l_14:before { background-position: -5px -65px; }
.icon_l_15:before { background-position: -35px -37px; }
.icon_l_15.un:before { background-position: -158px -204px; }
.icon_l_17:before { background-position: -70px -71px; }
.icon_r:before { position: absolute; top: 0; right: 0; content: ''; display: block; width: 30px; height: 100%; overflow: hidden; background: url(../imgs/icons.png) no-repeat; }
.icon_r_1:before { width: 36px; height: 36px; margin: 1px; background-position: -3px -233px; }
.icon_r_1:hover:before { background-position: -38px -233px; }
.icon_r_2:before { width: 36px; height: 36px; margin: 1px; background-position: -75px -235px; }
.icon_r_2:hover:before { background-position: -108px -235px; }
.icon_r_3:before { width: 36px; height: 36px; margin: 1px; background-position: 0px -272px; }
.icon_r_3:hover:before { background-position: -36px -272px; }
.icon_r_4:before { width: 36px; height: 36px; margin: 1px; background-position: -75px -273px; }
.icon_r_4:hover:before { background-position: -108px -273px; }
.icon_l_18 { padding-left: 20px; background: url(../imgs/ic20_03.png) no-repeat left center; }
.icon_l_19 { padding-left: 25px; background: url(../imgs/ic33_05.png) no-repeat left center; }
.icon_l_20 { padding-left: 20px; background: url(../imgs/ic33_10.png) no-repeat left center; }
.icon_l_21 { padding-left: 30px; background: url(../imgs/ic33_12.png) no-repeat left center; }
.icon_l_22 { padding-left: 25px; background: url(../imgs/ic98.png) no-repeat left center; }
.icon_l_23 { padding-left: 25px; background: url(../imgs/icon-cart.png) no-repeat left center; }
.bgicon { position: relative; padding-left: 30px; }
.bgicon:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 30px; height: 30px; font-family: "iconfont"; }
.bgicon-salesmanager:before { content: '\e71b'; }
.bgicon-location:before { content: '\e681'; }
.bgicon-phone:before { content: '\e62c'; }
.bgicon-fax:before { content: '\e603'; }
.bgicon-email:before { content: '\e667'; }

/*==============*/

/*3.网站通用样式*/

/*==============*/

/*模拟下拉框*/
.select { position: relative; display: inline-block; height: 30px; line-height: 28px; border: 1px solid #ababab; background-color: white; box-sizing: border-box; }
.select:after { position: absolute; content: ''; top: 50%; right: 10px; display: block; width: 14px; height: 6px; margin-top: -3px; background: url(../imgs/down_03.png) no-repeat right; }
.select.open { border-color: #f5a31d; }
.select.open:after { background-image: url(../imgs/up.png); }
.sel-show { padding: 0 40px 0 10px; color: #757575; height: 30px;/*overflow:hidden;*/ }
.sel-list { position: absolute; top: 30px; left: 0; display: none; width: 100%; max-height: 160px; line-height: 20px; background-color: white; z-index: 99; box-sizing: border-box; border-radius: 0 0 3px 3px; box-shadow: 0 1px 2px 1px #eaeaea; overflow-y: auto; }
.select.open .sel-list { display: inline-block; }
.sel-list li { padding: 6px 10px; }
.sel-list li:hover { color: #666666; background-color: #F0F0F0; cursor: pointer; }
.select.disable { border: none; }
.select.disable:after { background: none; }
.select .error { line-height: initial; }

/*弹出框*/
.popup { display: none; position: fixed; z-index: 99; top: 50%; margin-top: -270px; left: 50%; margin-left: -300px; width: 680px; background-color: white; }
.popup-title { height: 60px; line-height: 60px; padding-left: 30px; border-bottom: 1px dashed #b4b0af; }
.popup-content { height: 440px; padding: 20px 60px; }
.popup-close { position: absolute; right: 25px; top: 16px; display: block; width: 28px; height: 28px; background: url(../imgs/icon_03.png) no-repeat center; cursor: pointer; }
.cover { position: fixed; left: 0; top: 0; z-index: 98; width: 100%; height: 100%; background-color: #333; opacity: 0.8; }

/*色块*/
.clump { position: relative; display: block; height: 20px; line-height: 20px; padding-left: 30px; text-align: left; box-sizing: border-box; }
.clump i { position: absolute; left: 0; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; background-color: black; }

/*模拟checkbox*/
.checkbox { position: relative; padding-left: 25px; }
.checkbox:first-child { margin-top: 0; }
.checkbox:before { content: ''; position: absolute; left: 0; top: 50%; display: block; width: 20px; height: 20px; margin-top: -15px; background: url(../imgs/icon14_03.png) no-repeat center; }
.checkbox.checked:before { background-image: url(../imgs/icon15_03.png); }

/*取消默认checkbox样式*/
.appear-none { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; }

/*数量增减框*/
.numbox { height: 24px; line-height: 24px; }
.numbox input { float: left; }
.numbox input[type="button"] { width: 24px; height: 24px; line-height: 24px; border: 1px solid #e6e6e6; border-radius: 3px; background-color: white; }
.numbox input[type='text'].num { width: 35px; height: 22px; border: 1px solid #ccc; margin: 0 3px; font-size: 14px; text-align: center; box-sizing: content-box; }

/*日期选择*/
.datetimepicker { height: 22px; line-height: 22px; padding-left: 10px; color: gray; }

/*单行省略*/
.ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*多行省略*/
.ells { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

/*多行省略*/
.two-line-hide { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/*水平垂直居中*/
.center-xy { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -weblit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

/*垂直居中*/
.center-y { position: relative; top: 50%; transform: translateY(-50%); -weblit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

/*缓速执行*/
.ts-5 { transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.ts1 { transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }

/*show line slowly*/
.show-line { position: relative; }
a.show-line { text-decoration: none; }
.show-line:after { position: absolute; bottom: 0; left: 0; content: ''; width: 0; height: 1px; background: #19223e; transition: width 0.5s; -o-transition: width 0.5s; -ms-transition: width 0.5s; -moz-transition: width 0.5s; -webkit-transition: width 0.5s; }
.show-line:hover:after { width: 100%; }
.show-line02, .show-line03 { position: relative; }
a.show-line02, .show-line03 { text-decoration: none; }
.show-line02:after, .show-line03:after { position: absolute; bottom: -5px; left: 50%; content:'';display:block; width: 0; height: 2px; background: #19223e; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.show-line02:hover:after { left: 0; width: 100%; }
.show-line02.w88p:hover:after { width: 88%; }
.show-line03:after { bottom: 0; left: unset; right: 50%; height: 1px; }
.show-line03:hover:after { left: unset; right: 0; width: 100%; }
.show-shadow:hover { transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; text-shadow: 0 0 10px #aad6f2 }
.show-shadow:hover { transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; text-shadow: 0 0 10px #aad6f2 }

/*img transformation*/
.img-responsive { display: block; max-width: 100%; height: auto; }
.img { width: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; overflow: hidden; }

/*图片放大，外面还要加个.img-responsive.ofh*/
.img-big { width: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; overflow: hidden; }
.img-big:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
.turn-around:hover { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
/*按钮样式*/
.btn01 { border: 1px solid #c9151e; border-radius:0; width: 100%; height: 32px; background-color: #c9151e; font-size: 17px; color: white; }
.btn02 { border: 1px solid #b8b8b8; border-radius:0; width: 100%; height: 32px; background-color: white; color: #2699de; }
.btn03 { display: block; width: 100px; height: 35px; line-height: 35px; color: white; text-align: center; border: 1px solid white; border-radius: 5px; }
.btn04 { border: none; border-radius:0; width: 135px; height: 35px; background-color: #bf211d; line-height: 35px; color: white; text-align: center; }
.btn04-1 { width: 130px; height: 40px; color: white; font-weight: bold; border: 1px solid #bf211d; background-color: #bf211d; }
.btn05 { width: 135px; height: 35px; line-height: 35px; color: white; background-color: #575757; text-align: center; border: none; }
.btn06 { height: 32px; padding: 0 10px 0 30px; color: #575757; border: 1px solid #575757; border-radius: 14px; background: url(../imgs/icon13_07.png) no-repeat 12px center; }
.btn06:hover { color: #ba0000; border-color: #ba0000; background-image: url(../imgs/icon13_09.png); }
.btn07 { width: 230px; height: 35px; line-height: 35px; color: white; background-color: #bf211d; text-align: center; border: 1px solid #bf211d; }
.btn07:disabled {border-color:#a5a5a5; background-color: #a5a5a5;}
.btn07.w180{width:180px;}
.btn08 { width: 230px; height: 35px; line-height: 35px; color: #575757; background-color: white; text-align: center; border: 1px solid #8f8f8f; }
.btn09 { width: 270px; height: 40px; padding-left: 20px; color: white; font-weight: bold; border: none; background: #bf211d url(../imgs/icon16_03.png) no-repeat 80px center; }
.btn09-1 { width: 215px; height: 40px; padding-left: 35px; font-size: 15px; color: white; font-weight: bold; border: none; background: #bf211d url(../imgs/ic34_03.png) no-repeat 50px center; }
.btn10 { width: 150px; height: 25px; border: none; background: url(../imgs/btn9_03.png) no-repeat; }
.btn11 { width: 205px; height: 40px; padding-left: 20px; color: white; font-weight: bold; border: none; background: #bf211d url(../imgs/icon16_03.png) no-repeat 40px center; }
.btn12 { width: 205px; height: 40px; padding-left: 30px; color: #575757; font-weight: bold; border: 1px solid #575757; background: url(../imgs/icon21_03.png) no-repeat 35px center; }
.btn13 { display: block; width: 62px; height: 29px; margin-top: 6px; margin-right: 10px; background: url(../imgs/btn5_03.png) no-repeat; }
.btn14 { width: 160px; height: 40px; padding-left: 25px; color: white; font-weight: bold; border: 1px solid #bf211d; background: #bf211d url(../imgs/icon16_03.png) no-repeat 25px center; }
.btn15 { width: 150px; height: 40px; color: #F0A725; font-weight: bold; border: 1px solid #F0A725; background-color: #F4F4F4; }
.btn16 { width: 100%; height: 30px; font-size: 20px; border: 1px dashed #c7c4c4; color: #817f7e; background-color: white; }
.btn17 { width: 190px; height: 40px; background-color: #f5a31d; border: none; font-weight: bolder; border-radius: 5px; }
.btn18 { width: 180px; height: 40px; line-height: 40px; background-color: #ededed; color: #f5a31d; border: none; }
.btn19 { width: 190px; height: 40px; background-color: #D6D6D6; border: none; font-weight: bolder; border-radius: 5px; }
.btn20 { padding-left: 20px; border: none; border-radius:0; width: 221px; height: 40px; background: #f5f5f5 url(../imgs/ic33_03.png) no-repeat 65px center; color: black; font-size: 16px; font-weight: bold; }
.btn20_noprice {
    width: 180px !important;
    background: #f5f5f5 url(../imgs/ic33_03.png) no-repeat 40px center!important;
}
.btn21 { width: 130px; height: 35px; font-size: 14px; color: white; background-color: #f5a31d; border: none; font-weight: bolder; border-radius: 3px; }
.btn21:hover { box-shadow: 0 0 3px #f5a31d; }
.btn22 { width: 90px; height: 28px; line-height: 28px; text-align: center; background-color: #f5a31d; color: white; border-radius: 5px; cursor: pointer; border: none; }
.btn23 { border: none; border-radius: 3px; padding-right: 15px; padding-left: 15px; height: 34px; background-color: #c9151e; line-height: 32px; font-size: 14px; color: white; font-weight: bolder; outline: none; cursor: pointer; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.btn23:hover { box-shadow: 0 0 3px #a90f17; }
.btn24 { border: none; width: 100%; height: 40px; background-color: #013353; cursor: pointer; line-height: 38px; font-size: 14px; color: white; font-weight: bolder; outline: none; }
.btn24:hover { box-shadow: 0 0 3px #013353; }
.btn25 { position: relative; padding: 0 10px; border: 1px solid #ddd; border-radius: 2px; height: 30px; background-color: #fff; line-height: 30px; font-size: 12px; color: #999; text-align: center; cursor: pointer; outline: none; }
.btn25:hover { border: none; background-color: #bf211d; color: #fff; }
.btn26 { position: relative; border: 0; border-radius: 2px; width: 200px; height: 30px; background-color: rgba(255, 255, 255, 0.7); line-height: 30px; color: #013353; outline: none; cursor: pointer; }
.btn26:hover { color: #fff; }
.btn26:after, .btn27:after { position: absolute; z-index: 0; content: ""; left: 0; top: 0; border-radius:0; width: 0; height: 30px; background: transparent; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.btn26:hover:after, .btn27:hover:after { left: 0; top: 0; border: none; border-radius:2px; background: rgba(25, 34, 62, 0.1); color: #fff; width: 100%; height: 100%; }
.btn27 { position: relative; border: 0; border-radius: 20px; padding: 0 20px; height: 30px; background-color: #c9151e; font-size: 16px; font-weight: bold; line-height: 30px; color: #fff; outline: none; cursor: pointer; }
.btn27:hover:after { border-radius:20px; background-color: rgba(0, 0, 0, 0.3); }

/*新增按钮*/
.btn-s-gray { border: none; width: 100px; height: 30px; background-color: #333; text-align: center; line-height: 30px; color: white; }
.btn-s-no { border: 1px solid #dddddd !important; background-color: #fff !important; color: #dddddd !important; cursor: not-allowed !important; }
.btn-s-no2 { border: 1px solid #dddddd !important; background-color: #dddddd !important; color: #c4c4c4 !important; cursor: not-allowed !important; }
.btn-b-orange { border: none; border-radius: 5px; width: 100%; height: 45px; background-color: #f5a31d; text-align: center; line-height: 45px; font-size: 20px; color: #fff; }
.btn-b-no { background-color: #ededed !important; color: #323232 !important; cursor: not-allowed !important; }
.btn-offline { float: right; display: inline-block; margin: 11px 30px 0 0; padding: 0 5px; border: 1px solid #f5a31d; border-radius: 10px; height: 16px; color: #f5a31d; line-height: 16px; }
.btn-error { padding-left: 30px; padding-right: 30px; border: 1px solid #F5AE3F; background: #F5AE3F; height: 60px; font-size: 24px; line-height: 60px; color: white; font-weight: bold; outline: none; cursor: pointer; transition: all 0.5s; }
.btn-error:hover { background-color: #e4a647; }
.btn-l-to-r { position: relative; }
.btn-l-to-r:after { position: absolute; z-index: 0; content: ""; left: 0; top: 0; width: 0; height: 100%; background: transparent; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.btn-l-to-r:hover:after { left: 0; top: 0; border: none; background: rgba(25, 34, 62, 0.1); color: #fff; width: 100%; height: 100%; }
.btn-transparent { border: 0; background-color: transparent; cursor: pointer; outline: none; }


/*==================*/

/*4.网站公共结构样式*/

/*==================*/
.wrapper { width: 90%; margin: 0 auto;}
.wrapper-p-in { width: 90%; margin: 0 auto;}
.header { border-bottom: 1px solid #dbdbdb; background-color: #fafafa; min-width: 1210;}
.topbar { height: 30px; line-height: 30px; background-color: black; }
.topbar a { display: inline-block; height: 100%; color: white; }
.navbar { height: 100px; line-height: 100px; }
.navbar a { font-size: 16px; font-weight: bold;	/*margin-left: 40px;*/ margin-left: 30px; }
.navbar .logo { margin-left: 0; }
.navbar-nologin { height: 60px; background-color: #fff; line-height: 60px; }
.navbar-nologin a { display: inline-block; font-size: 16px; text-align: center; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.navbar-nologin a.logo:hover { font-size: 16px !important; }
.navbar-nologin a:hover, .navbar-nologin a.on { text-decoration: none; color: #f5a31d; font-size: 14px; }
.navbar-nologin a .t-img { position: relative; padding-right: 5px; width: 0; height: 0; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.navbar-nologin .t-all { width: 50px; }
.navbar-nologin a.t-all:hover .t-img, .navbar-nologin a.t-all.on .t-img { top: 6px; height: 24px; width: auto; }
.navbar-nologin .t-charcoal-grills { width: 165px; }
.navbar-nologin a.t-charcoal-grills:hover .t-img, .navbar-nologin a.t-charcoal-grills.on .t-img { top: 10px; width: 30px; height: auto; }
.navbar-nologin .t-gas-grills { width: 120px; }
.navbar-nologin a.t-gas-grills:hover .t-img, .navbar-nologin a.t-gas-grills.on .t-img { top: 8px; width: 30px; height: auto; }
.navbar-nologin .t-griddles { width: 115px; }
.navbar-nologin a.t-griddles:hover .t-img, .navbar-nologin a.t-griddles.on .t-img { top: 6px; width: 42px; height: auto; }
.navbar-nologin .t-combo-grills { width: 155px; }
.navbar-nologin a.t-combo-grills:hover .t-img, .navbar-nologin a.t-combo-grills.on .t-img { top: 6px; width: 34px; height: auto; }
.navbar-nologin .t-smokers { width: 125px; }
.navbar-nologin a.t-smokers:hover .t-img, .navbar-nologin a.t-smokers.on .t-img { top: 10px; width: 14px; height: 34px; }
.navbar-nologin .t-portable-grills { width: 160px; }
.navbar-nologin a.t-portable-grills:hover .t-img, .navbar-nologin a.t-portable-grills.on .t-img { top: 5px; width: 40px; height: auto; }
.navbar-nologin .t-pellet-grills { width: 145px; }
.navbar-nologin a.t-pellet-grills:hover .t-img, .navbar-nologin a.t-pellet-grills.on .t-img { top: 10px; width: 40px; height: auto; }
.navbar-nologin .t-other { width: 105px; }
.navbar-nologin a.t-other:hover .t-img, .navbar-nologin a.t-other.on .t-img { top: 6px; width: 30px; height: auto; }
.searchbox { position: relative; display: block; width: 150px; height: 25px; margin-top: 35px; }
.searchbox input[type='text'] { position: absolute; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 3px 30px 3px 10px; border-radius: 12px; border: 1px solid #b2b2b2; outline: none; }
.searchbox input[type='button'] { position: absolute; top: 0; right: 7px; width: 20px; height: 100%; border: none; background: url(../imgs/icons.png) no-repeat; background-position: -9px -38px; overflow: hidden; }
.footer { min-width: 1210px; background-color: #3f652a; }
.footer02 { background: #fff; }
.footer a { color: inherit; text-decoration: none; }
.footer a:hover { text-decoration: none; }
.footer-links { padding: 35px 0 0; }
.footer-links ul { margin-left: 20px }
.footer-links ul:first-child{margin-left:0;}
.footer-links li { line-height: 24px; font-size: 12px; color: #bbc2d7; }
.footer-links li:first-child { margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #fff; }
.footer-links li a { text-decoration: none; color: inherit; }
.footer-links .show-line-diy{font-weight:bolder;color:#fff;font-size:14px;}
.footer-links li a.show-line::after { background-color: #bbc2d7; }
.footer-links li:first-child a.show-line::after { background-color: #fff; }
.sales-manager { position: absolute; right: 0; top: 35px; width: 270px; }
.sales-manager li { line-height: 22px; margin-bottom: 2px; color: #bbc2d7; font-size: 12px; }
.sales-manager li:first-child { margin-bottom: 10px; color: #fff; font-size: 14px; font-weight: bold; }
.sales-manager input[type='text'] { float: left; width: 170px; height: 25px; padding-left: 10px; border: 1px solid #cfcfcf; }
.sales-manager input[type='button'] { float: left; width: 50px; height: 27px; margin-left: 10px; border: 1px solid #a0a0a0; background-color: white; }
.footer .bgicon { padding-left: 20px; }
.footer .bgicon:before { font-size: 16px; }
.footer .bgicon-email:before { font-size: 14px; }
.footer .bgicon-fax:before { font-size: 18px;left:-2px; }
.footer .f-social { float: left; margin-top: 10px; text-align: right; color: #a3aac0; font-size: 14px; }
.footer .f-social a { display: inline-block; float: left; border: 1px solid #a3aac0; margin-right: 5px; width: 30px; height: 30px; text-decoration: none; color: #a3aac0; text-align: center; line-height: 30px; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.footer .f-social a:hover { border-radius: 50%; border: 1px solid #5171d7; color: #5171d7; }
.footer .show-line.f-a:after { background: #707687; }
.footer-login .sales-manager{width:160px;}
.footer-login .footer-links ul{margin-left:45px;}
.footer-login .footer-links ul:first-child{margin-left:0;}
input[type='button'].btn_loading {
    opacity: 0.6;
    cursor: not-allowed;
}
input[type='submit'].btn_loading { opacity: 0.6; cursor: not-allowed; }
select[name="pageselect"]{border-radius:0;}
/*huige2.0 header*/
.header .header-top { height: 35px; background: #003300; color: #fff; line-height: 35px; }
.header .header-top a { color: inherit; text-decoration: none; }
.header .header-top .show-line03 { padding-top: 10px; line-height: 20px; }
.header .header-top .show-line03:after { background-color: #fff; }
.header .header-top .show-line03:hover:after { width: calc(100% - 25px); }
.header .header-nav { position:relative;text-align:center;background-color: #fff; height: 50px; color: #19223e; }
.header .header-nav a { color: inherit; text-decoration: none; }
.header .header-nav a.on { color: #f5a31d; }
.header .header-r { position: relative; display: inline-block; top: -8px; right: -2px; border: 1px solid #19223e; border-radius: 50%; height: 14px; width: 14px; text-align: center; line-height: 14px; font-size: xx-small; transform: scale(0.8); }
.header .on .header-r { border-color: #f5a31d; }
.header .top-logo{display:inline-block;height:60px;margin-top:-15px;}
.header .top-logo img{position:relative;top:50%;transform:translateY(-50%);max-height:100%;max-width:300px;}
.header .top-logo span{display:block;max-width:300px;white-space:nowrap;text-overflow:ellipsis;height:60px;line-height:60px;font-family:'Times New Roman';font-size:38px;font-weight:bolder;overflow:hidden;}

/*seach box 01*/
.header .h-top-search { position: relative; float: right; top: 5px; border-radius: 20px; box-sizing: content-box; height: 25px; display: inline-block; line-height: 25px; font-size: 14px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; overflow: hidden; }
.header .h-top-search.act { padding-left: 15px; /*padding-right: 15px;*/ width: 215px; background: #194f72; }
.h-top-search .h-top-btn { float: left; border: none; box-sizing: content-box; padding: 0; width: 30px; height: 30px; background: none; outline: none; font-size: 16px; color: #fff; cursor: pointer; }
.h-top-search .h-top-input { float: left; top: -1px; position: relative; border: 0; width: 45px; background: transparent; height: 30px; line-height: 30px; outline: none; color: #fff; }
.h-top-search input.h-top-input::-webkit-input-placeholder { color: #fff; }
.h-top-search.act .h-top-input { float: left; width: 170px; font-size: 14px; }
.h-top-search.act .h-top-input::-webkit-input-placeholder { /* WebKit browsers */
color: #7ca1b9; }
.h-top-search.act .h-top-input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #7ca1b9; }
.h-top-search.act .h-top-input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #7ca1b9; }
.header-nav-download { float: left; display: inline-block; padding-left: 10px; padding-right: 10px; font-size: 14px; }
.header-nav-download.pr0 { padding-right: 0; }
.header-nav-download.pr10 { padding-right: 10px; }
.header-nav-download.pl30 { padding-left: 10px; }
.header-nav-download.pl40 { padding-left: 40px; }

/*Head effect*/
.header-nav-download:hover .show-line02:after { left: 0; width: 100%; }
.header-nav-download:hover .show-line02.w87p:after { width: 87%; }

/*form top about*/
.header-nav-about { width: 120px; }
.header-nav-about .header-nav-text { padding-bottom: 7px; }
.header-nav-about .dropdown-menu { position: absolute; display: block; top: 20px; left: 0; z-index: 1; border: 0; padding: 0; opacity: 0; height: 0; width: 100%; background-color: #fafafa; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transform: translateY(50px); -webkit-transform: translateY(50px); }
.header-nav-about:hover .dropdown-menu { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; top: 40px; border: 1px solid #ccc; height: auto; }
.header-nav-about .dropdown-menu .dropdown-box { position: absolute; float: left; padding: 20px 0; max-width: 400px; background-color: #fafafa; }
.header-nav-about .dropdown-menu .dropdown-box .dropdown-box-link { overflow: hidden; }
.header-nav-about .dropdown-menu .dropdown-box p { position: relative; float: left; padding: 10px 30px 10px 40px; max-width: 400px; line-height: initial; }
.header-nav-about .dropdown-menu .dropdown-box p:hover:after { position: absolute; left: 20px; content: "\e617"; margin-top: 1px; font-family: 'iconfont'; font-size: 12px; color: #19223e; transform:rotate(90deg);}
.header-nav-about .dropdown-menu .dropdown-box p a { color: #666; }
.header-nav-about .dropdown-menu .dropdown-box p a:hover { color: #19223e; }
.header-nav-about .dropdown-menu .dropdown-img { float: right; padding: 30px 0 10px; width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); background-color: #fff; text-align: center; }

/*.header-nav-about .dropdown-menu .dropdown-img.w260 { width: -moz-calc(100% - 260px); width: -webkit-calc(100% - 260px); width: calc(100% - 260px);}*/
.header-nav-about .dropdown-menu .dropdown-img img { width: 294px; height: 196px; }

/*for top products*/
.header-nav-product { position: relative; padding-right: 0; box-sizing: content-box; min-width: 75px; max-width: 150px; height: 55px; }
.header-nav-product.pr20 { padding-right: 20px; }
.header-nav-product .show-shadow { float: right; padding-bottom: 21px; overflow: hidden; }
.header-nav-product ul.header-nav-dlist { position: absolute; right: 0; top: 55px; z-index: 21; opacity: 0; border: 1px solid #ccc; width: 250px; height: 0; background-color: #fff; font-size: 14px; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.header-nav-product:hover ul.header-nav-dlist { opacity: 1; height: 171px; }
.header-nav-product:hover ul.header-nav-dlist.h210 { height: 210px; }
.header-nav-product ul.header-nav-dlist li { box-sizing: content-box; position: relative; padding: 10px 1px 0; height: 30px; line-height: 30px; }
.header-nav-product ul.header-nav-dlist li.bgicon-showroom:before, .header-nav-product ul.header-nav-dlist li.bgicon-account:before, .header-nav-product ul.header-nav-dlist li.bgicon-order:before, .header-nav-product ul.header-nav-dlist li.bgicon-interactive:before,.header-nav-product ul.header-nav-dlist li.bgicon-pending:before { position: absolute; left: 10px; font-size: 16px; font-family: "iconfont"; }
.header-nav-product ul.header-nav-dlist li.bgicon-showroom:before { content: "\e6f1"; font-size: 18px; transform: rotate(270deg); }
.header-nav-product ul.header-nav-dlist li.bgicon-account:before { left: 8px; content: "\e604"; }
.header-nav-product ul.header-nav-dlist li.bgicon-order:before { content: "\e8be"; }
.header-nav-product ul.header-nav-dlist li.bgicon-interactive:before { content: "\e6d5"; }
.header-nav-product ul.header-nav-dlist li.bgicon-pending:before { content: "\e61b"; }
.header-nav-product ul.header-nav-dlist li:last-child { height: 40px; padding: 10px 0 0; }
.header-nav-product ul.header-nav-dlist li:not(:last-child) { padding-left: 35px;    /*padding-right:25px;*/ }
.header-nav-product ul.header-nav-dlist li .btn-logout { background-color: #f0f0f0; color: #013353; }

/*for top login*/
.header-nav-login { position: relative; padding-right: 0; box-sizing: content-box; min-width: 75px; max-width: 100px; height: 55px; }
.header-nav-login.pr20 { padding-right: 20px; }
.header-nav-login .show-shadow { float: right; padding-bottom: 21px; overflow: hidden; }
.header-nav-login ul.header-nav-dlist { position: absolute; right: 0; top: 55px; z-index: 21; opacity: 0; border: 1px solid #ccc; width: 200px; height: 0; background-color: #fff; font-size: 14px; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.header-nav-login:hover ul.header-nav-dlist { opacity: 1; height: 171px; }
.header-nav-login:hover ul.header-nav-dlist.h210 { height: 210px; }
.header-nav-login ul.header-nav-dlist li { box-sizing: content-box; position: relative; padding: 10px 1px 0; height: 30px; line-height: 30px; }
.header-nav-login ul.header-nav-dlist li.bgicon-showroom:before, .header-nav-login ul.header-nav-dlist li.bgicon-account:before, .header-nav-login ul.header-nav-dlist li.bgicon-order:before, .header-nav-login ul.header-nav-dlist li.bgicon-interactive:before,.header-nav-login ul.header-nav-dlist li.bgicon-pending:before { position: absolute; left: 10px; font-size: 16px; font-family: "iconfont"; }
.header-nav-login ul.header-nav-dlist li.bgicon-showroom:before { content: "\e6f1"; font-size: 18px; transform: rotate(270deg); }
.header-nav-login ul.header-nav-dlist li.bgicon-account:before { left: 8px; content: "\e604"; }
.header-nav-login ul.header-nav-dlist li.bgicon-order:before { content: "\e8be"; }
.header-nav-login ul.header-nav-dlist li.bgicon-interactive:before { content: "\e6d5"; }
.header-nav-login ul.header-nav-dlist li.bgicon-pending:before { content: "\e61b"; }
.header-nav-login ul.header-nav-dlist li:last-child { height: 40px; padding: 10px 0 0; }
.header-nav-login ul.header-nav-dlist li:not(:last-child) { padding-left: 35px;    /*padding-right:25px;*/ }
.header-nav-login ul.header-nav-dlist li .btn-logout { background-color: #f0f0f0; color: #013353; }

/*for top search box02*/
.header-search { position: relative; float: right; padding-left: 20px; width: 74px; font-size: 16px; }
.header-search .dropdown-menu { display: block; position: absolute; left: unset; right: 0; top: 100px; float: left; z-index: 10; border: 0; padding: 0; width: 620px; opacity: 0; height: 0; background-color: #fff; font-size: 14px; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transform: translateY(50px); -webkit-transform: translateY(50px); }
.header-search.open .dropdown-menu { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; top: 55px; border: 1px solid #ccc; height: auto; }
.header-search .dropdown-menu .input02 { width: 100%; width: calc(100% - 40px); }
.header-search .search-box { cursor: pointer; }
.header-search .search-box .i { position: absolute; left: 30px; font-size: 18px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
.header-search.open .search-box .icon-sousuo1 { opacity: 0; font-size: 0; }
.header-search .search-box .icon-guanbi { opacity: 0; font-size: 0; }
.header-search.open .search-box .icon-guanbi { opacity: 1; font-size: 18px; }
.header-search .navbar-form { padding: 10px 25px 20px; }
.header-search .navbar-form .form-group { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.header-search .dropdown-menu .s-link { padding: 0 25px 30px 60px; padding-right: 25px; color: #666; line-height: initial; }
.header-search .dropdown-menu .s-link a { color: #666; }
.header-search .dropdown-menu .s-link span { padding-left: 15px; padding-right: 15px; }
.stop-scrolling { overflow: auto !important; }
.about-btn { width: 120px; height: 32px; border: none; background-color: #f5a31d; color: white; border-radius: 3px; cursor: pointer; }
.a-right { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
.a-right:hover { text-decoration: none; -webkit-transform: translateX(5px); transform: translateX(5px); color: #eb9f25; }
.breadcrumb { height: 45px; line-height: 45px; padding: 0 !important; margin: 0; }
.breadcrumb .iconfont { font-size: 16px; color: #BABABA; margin-right: 5px; }
.breadcrumb a:hover { color: #EB9F25; }

/*----------------------------*/

/*-*********精细结构*********-*/

/*----------------------------*/

/*==============*/

/*登录页、注册页*/

/*==============*/
.full {	/*登录 注册 满屏*/
box-sizing: border-box; height: 100%; min-height: 750px; padding-bottom: 3px; }
.full .footer { position: fixed; bottom: 0; left: 0; width: 100%; line-height: 25px; }
.full .footer p { margin-bottom: 0; }
.login { min-width: 1210px; height: 510px; background-color: #013353; }
.login .login-tit { margin-top: 35px; margin-bottom: 25px; padding-left: 15px; padding-right: 55px; height: 48px; width: 210px; background: url(../imgs/home/icon-login.png) -37px center no-repeat; color: #fff; line-height: 48px; font-size: 24px; font-weight: bold; }
.login .wrapper { padding: 30px 130px; }
.login .login-l { float: left; background: url(../imgs/home/bg-login.png) right bottom no-repeat; font-size: 16px; color: #fff; }
.login .login-l a { color: inherit; text-decoration: underline; }
.login-ul { margin-bottom: 30px; margin-left: 18px; font-size: 16px; color: #fff; }
.login-ul li { padding-bottom: 20px; list-style: disc; }
.logo-text { display: inline-block; float: left; margin-left: 25px; height: 30px; line-height: 30px; font-family: "Times New Roman"; font-size: 26px; color: #19223e; }
/*.top-logo .logo-text{padding-top:15px;}*/
.register { height: 100%; }
.panel { width: 390px; margin: 0 auto; margin-bottom: 0 !important; box-sizing: border-box; padding: 35px; background-color: white; border-radius: 5px; box-shadow: 0 0 15px #3a383a; }
.register2 { background-color: #013353; }
.register-bg { max-width: 1410px; min-width: 1210px; width: 100%; background: url(../imgs/home/bg-login.png) right bottom no-repeat; background-size: 680px; }
.vpanel { width: 840px; margin: 30px auto 90px; box-sizing: border-box; padding: 20px 95px; background-color: white; border-radius: 5px; box-shadow: 0 0 15px #3a383a; }
.vpanel01 { margin: 0 auto; }
.panel-title { padding-bottom: 20px; font-size: 18px; text-align: center; border-bottom: 1px solid #d9d9d9; }
.vpanel .select { height: 32px; line-height: 32px; }
.vpanel .sel-list { top: 32px; }
.vpanel .noti { margin-top: 10px; padding-left: 20px; color: #242424; font-size: 12px; background: url(../imgs/icon15_09.png) no-repeat left 2px; }
.vpanel .btn01 { width: 315px; border-radius: 3px; }
.vpanel textarea { padding: 7px 10px; border: 1px solid #ababab; border-radius:0; background-color:#fff; line-height: 16px; box-sizing: border-box; }
.vpanel .si { padding-right: 10px; background: url(../imgs/ic13_03.png) no-repeat right center; }
.bac-ab { background-color: white; background: white url(../imgs/dbac_03.jpg) no-repeat right bottom; background-size: auto 100%; }
.text01 { position: relative; }
.text01 input { border: 1px solid #ababab; border-radius:0; padding-left: 10px; width: 100%; height: 32px; background-color:#fff; box-sizing: border-box; line-height: 30px; outline: none; }
.text01 input.w225 { width: 225px; }
.text01 input.w210 { width: 210px; }
.text_tit { display: block; position: absolute; top: -8px; left: 10px; padding: 0 5px; color: #f5a31d; background-color: white; }
.text01.focus .text_tit { z-index: 9; display: block; line-height: 16px; }
.text01.focus input, .text01.focus textarea { border-color: #f5a31d; outline: none; }
.popup .text01 input { height: 45px; height: 43px; }
.popup .btn01 { height: 45px; font-weight: bold; }

/*=====*/

/*首 页*/

/*=====*/
.index-top { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 120px; background: #fff; }
.index-top.header { border-bottom: 0; }
.banner { position: relative;height:650px;overflow:hidden;}
.banner .slide>a{display:block;width:100%;height:650px;background-size:auto 100%;background-position:center;}
.banner .slide img{opacity:0;}
.banner .in-banner-box { position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: all 0.6s; }
.banner .in-banner-box .link01 { display: block; float: right;width:605px;top: 50%;position: relative;margin-top: -117px; }
.banner .in-banner-box02 .link02 { display: block; /*float: left;*/box-sizing:border-box; /*padding-left: 55px;width:605px; top: 50%;position: relative;margin-top: -117px;*/ }
.banner .in-banner-box02 { position: absolute; top: 50%; left: 50%;width:1210px; margin-left:-605px;margin-top:-100px;}
.banner .in-banner-img { transition: all 0.6s; transform: translateZ(0) scale(0.9); /*height: 30%;*/ display: block; margin-bottom: 40px; }
.banner .in-banner-box:hover .in-banner-img, .banner .in-banner-box02:hover .in-banner-img { transform: translateZ(0) scale(1); }
.banner .btn27 { transition: all 0.6s; }
.banner .bx-wrapper{
    margin-bottom:0;
}
.banner .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 20px;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a{
    background-color:#ACACAC;
    transition:width .5s;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover{
    background-color:#F5A31D;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{
    position:relative;
    width:28px;
    background-color:rgba(243,162,46,1);
}
/*.banner .bx-wrapper .bx-pager.bx-default-pager a::after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:10px;
    height:10px;
    border-radius:5px;
    background-color: rgba(243,162,46,1);
    transition:width 4s;
}
    .banner .bx-wrapper .bx-pager.bx-default-pager a.active::after {
        width: 28px;
        /*animation: mymove 4s forwards;
    }*/
/*@keyframes mymove {
    from {
        width: 0;
    }

    to {
        width: 28px;
    }
}*/
.pic-wrapper { width: 1252px; margin: 0 auto; }
.banner .bx-wrapper .bx-controls-direction a{
    opacity:0;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background:none;
    text-indent: 0;
    font-size:56px;
    color:rgba(255,255,255,.7);
    margin-top:-23px;
    transition:opacity .5s;
}
.banner:hover  .bx-wrapper .bx-controls-direction a{
    opacity:1;
}
.banner .bx-wrapper .bx-controls-direction a:hover {
    color: rgba(255,255,255,1);
}
.banner .bx-wrapper .bx-controls-direction .bx-prev{
    left:60px;
}
.banner .bx-wrapper .bx-controls-direction .bx-next{
    right:60px;
}
.banner .bx-wrapper .bx-controls-direction .bx-prev::before{
    content:'\ed5e';
}
.banner .bx-wrapper .bx-controls-direction .bx-next::before{
    content:'\e648';
}
@media(max-width:1200px) {
    .banner .in-banner-box { left: 0; }
	.banner .in-banner-box .link01 { float: left; margin-right: 0; }
}
@media(min-width:1500px) {
    .banner .in-banner-box .link01 { margin-top: -120px; }
    /*.banner .in-banner-box02 .link02 { margin-top: -120px; }*/

    .banner .in-banner-img {
        margin-bottom: 90px;
    }
}
.banner .btn27.bac13 { background-color: #eb9f25; }
.banner .link-l { position: absolute; top: 0; left: 50%; z-index: 1; margin: 0 auto; width: inherit; height: 100%; box-sizing: border-box; overflow: hidden; -weblit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateX(-50%); }
.banner .link-l .link-box { float: left; display: block; width: 50%; height: 100%; text-align: left; overflow: hidden; }
.banner .link-l .link-box .btn27.bac13 { background-color: #eb9f25; }
.banner .link-l img { margin-top: 12%; margin-bottom: 12%; height: 30%; max-height: 120px; transition: all 0.6s; }
@media(max-width:1500px) {
	.banner .link-l img { margin-top: 9%; margin-bottom: 9%; height: 30%; }
	.banner .link-l .link-box .btn27 { opacity: 1; }
}
@media(max-width:1210px) {
	.banner .link-l { width: 100%; }
}
@media(max-width:980px) {
	.banner .link-l img { margin-top: 10%; margin-bottom: 2%; height: 50%; }
	.banner .link-l .link-box .btn27 { opacity: 0; }
}
.banner .link-l .link-box:hover img { transform: translateZ(0) scale(1.1); }
.in-box01 { padding: 30px 0 50px; background-color: #f8f8f8; }
.in-box01 .box-banner { padding: 0 20px; height: 55px; background-size: 100%; background-color: #444444; }
.in-box01 .box-banner .bb-tit01 { font-size: 26px; color: #fff; line-height: 60px; font-weight: bold; font-style: normal; letter-spacing:3px;}
.in-box01 .box-banner .bb-tit02 { position: relative; top: -3px; display: inline-block; padding-left: 90px; letter-spacing: 2px; font-size: 32px; font-weight: bold; }
.in-box01 .box-banner .bb-tit03 { position: relative; display: inline-block; top: -21px; border: 1px solid #fff; border-radius: 50%; height: 14px; width: 14px; text-align: center; line-height: 14px; font-size: xx-small; }
.in-box01 .box-banner .bb-more { position: relative; float: right; left: 0; margin-top: 22px; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; }
.in-box01 .box-banner .bb-more:hover { left: 10px; color: #ddd; }
.in-box01 .box-banner .bb-more span { font-size: xx-small; }
.in-box01 .in-box01-s { padding-top: 16px; height: 626px; }
.in-box01 .in-box01-s .in-product-left { float: left; position: relative; padding: 0 15px; width: 200px; height: 626px; background: url(../images/bg-inbox02.jpg) 100% 100% no-repeat; background-color: #d4e0e9; }
.in-vip { background-color: #fff;}
.in-product-left .ipl-box { position: absolute; bottom: 30px; }
.in-product-left .ipl-span { float: left; margin-top: 10px; border-ra dius: 2px; padding-left: 2px; padding-right: 2px; min-width: 90px; max-width: 100px; min-height: 30px; background-color: #eaf4fc; text-align: center; color: #333333; line-height: 30px; font-size: 12px; text-decoration: none; }
.in-product-left .ipl-span:nth-child(2n+1) { margin-right: 10px; }
.in-product-left .ipl-span:hover { color: #013353; }
.in-product-left .ipl-span.btn-l-to-r:after { background: rgba(204, 204, 204, 0.3) }
ul.in-product-list { float: left; max-width: 80%; }
.in-product-list li { position: relative; float: left; box-sizing: border-box; margin-left: 15px; padding: 10px 20px; width: 23%; height: 100%; min-height: 305px; background-color: #fff; transition: all .2s linear; }
.in-product-list li:nth-child(-n+4) { margin-bottom: 15px; }
.in-product-list li:hover { box-shadow: 0 0 10px rgba(0, 0, 1, .3) !important; position: relative;    /*z-index: 999;*/ }
.in-product-list li>a { display: block; height: 175px; text-align: center; }
.in-product-list li .ipl-tip { display: inline-block; position: absolute; top: 0; right: -14px; width: 70px; height: 27px; background: url(../imgs/index/bg-inbox03.png) no-repeat; font-size: 12px; text-align: center; line-height: 20px; color: #fff; }
.in-product-list li img { height: 100%; max-width: 100%; vertical-align: middle; }
.in-product-list li .ipl-tit { margin-top: 10px; margin-bottom: 10px; }
.in-product-list li .ipl-tit a { font-size: 12px; color: #575757; font-weight: bolder; overflow: hidden; text-decoration: none; }
.in-product-list li .mod { margin-bottom: 18px; }
.in-eq { float: left; padding: 25px 12px; width: 355px; height: 166px; background-color: #013353; overflow: hidden; text-align: center; text-transform: uppercase; }
.in-eq img { transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.in-eq:hover img { transform: scale(1.03); }
.in-eq.bac12 { background-color: #abb244; }
.in-eq.bac12 .btn26 { color: #abb244; }
.in-eq.bac13 { background-color: #eb9f25; }
.in-eq.bac13 .btn26 { color: #eb9f25; }
.in-eq.bac12 .btn26:hover, .in-eq.bac13 .btn26:hover { color: #fff; }
.in-box02 { padding: 40px 0 80px; width: 100%; height: 460px; background: url(../imgs/index/bg-in-about.jpg) center center no-repeat; background-size: cover; overflow: hidden; }
.in-box02 .in-ab-tit { padding-bottom: 20px; font-size: 32px; color: #013353; font-weight: bold; text-align: center; }
.in-box02 .in-ab-left { float: left; position: relative; width: 600px; height: 400px; background: url(../imgs/index/bg-in-abl.jpg) center center no-repeat; background-size: cover; overflow: hidden; font-size: 14px; color: #013353; line-height: 20px; }
.in-box02 .in-ab-left .in-abl-text { position: absolute; left: 80px; bottom: 40px; padding: 20px 15px; width: 390px; background-color: #d4e0e9; }
.in-abl-text .in-abl-more, .in-more { position: relative; left: 0; float: right; color: #8a92a8; font-size: 12px; text-decoration: none; }
.in-more { color: #9a9a9a; font-size: 14px; font-weight: normal; }
.in-abl-text .in-abl-more:hover, .in-more:hover { left: 5px; color: #013353; }
.in-abl-text .in-abl-more i, .in-more i { float: right; padding-left: 5px; font-size: 12px; }
.in-box02 .in-ab-right { float: left; width: 610px }
.in-ab-right .in-abr-box { position: relative; float: left; margin-left: 10px; padding: 30px 25px; width: 245px; height: 135px; background-size: cover; color: #f4f4f4; overflow: hidden; }
.in-ab-right .in-abr-box:before { position: absolute; top: 155px; left: 0; z-index: 0; content: ''; width: 295px; height: 40px; background: -webkit-linear-gradient(top, transparent, #000); background: -o-linear-gradient(top, transparent, #000); background: -moz-linear-gradient(top, transparent, #000); background: linear-gradient(top, transparent, #000); transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.in-ab-right .in-abr-box:hover:before { position: absolute; content: ''; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: rgba(25, 34, 62, 0.6); }
.in-ab-right .in-abr-box .in-abr-position { position: relative; top: 130px; z-index: 1; background-color: transparent; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.in-ab-right .in-abr-box:hover .in-abr-position { top: 0; }
.in-ab-right .bg-factory { background: url(../imgs/index/bg-abr-factory.jpg) center center no-repeat; background-size: cover; }
.in-ab-right .bg-team { background: url(../imgs/index/bg-abr-team.jpg) center center no-repeat; background-size: cover; }
.in-ab-right .bg-service { background: url(../imgs/index/bg-abr-service.jpg) center center no-repeat; background-size: cover; }
.in-ab-right .bg-brand { background: url(../imgs/index/bg-abr-brand.jpg) center center no-repeat; background-size: cover; }
.in-ab-right .bg-products { background: url(../imgs/index/bg-abr-products.jpg) center center no-repeat; background-size: cover; }
.in-ab-right .bg-news { background: url(../imgs/index/bg-abr-news.jpg?20200403) center center no-repeat; background-size: cover; }
.in-ab-right .in-abr-box .in-abr-tit { position: relative; padding-bottom: 15px; width: 100%; font-size: 16px; font-weight: bold; }
.in-ab-right .in-abr-box:hover .in-abr-tit { background: none; }
.in-ab-right .in-abr-box .in-abr-text { height: 60px; font-size: 14px; color: #dedede; line-height: 20px; overflow: hidden; }
.in-ab-right .in-abr-box .in-abr-right { display: inline-block; position: relative; left: 0; padding-top: 10px; font-size: 30px; color: #dedede; }
.in-ab-right .in-abr-box .in-abr-right:hover { left: 10px; }

/*滚动效果*/
.scroll { width: 1150px; height: 300px; margin: 100px auto 130px; position: relative; }
.scroll>span { position: absolute; display: block; z-index: 3; top: 50%; margin-top: -27px; width: 15px; height: 54px; background: url(../imgs/icons.png) no-repeat center; cursor: pointer; }
.scroll .scroll-prev { left: -30px; background-position: -164px -6px; }
.scroll .scroll-next { right: -30px; background-position: -183px -6px; }
.scroll .scroll-items { height: 300px; width: 1150px; margin: 0 auto; overflow: hidden; position: relative; }
.scroll .scroll-items .item-open { position: absolute; right: 0; bottom: 0; display: block; width: 42px; height: 42px; background: url(../imgs/link_03.png) no-repeat; display: none; cursor: pointer; }
.scroll .scroll-items li { position: absolute; top: 0; left: 0; list-style: none; opacity: 0; transition: all 0.4s ease-out; }
.scroll .scroll-items .p3 { cursor: pointer; }
.scroll .scroll-items .p3:hover { box-shadow: 0 0 8px black; }
.scroll .scroll-items img { width: 445px; height: 280px; border: none; vertical-align: middle; }
.scroll .scroll-items .p1 { transform: translateX(-345px) scale(0.9); }
.scroll .scroll-items .p2 { transform: translateX(0) scale(0.9); opacity: 1; z-index: 2; }
.scroll .scroll-items .p3 { transform: translateX(350px) scale(1); z-index: 3; opacity: 1; }
.scroll .scroll-items .p4 { transform: translateX(700px) scale(0.9); opacity: 1; z-index: 2; }
.scroll .scroll-items .p5 { transform: translateX(1050px) scale(0.9); }
.scroll .scroll-items .p6 { transform: translateX(1400px) scale(0.9); }
.scroll .scroll-items .p3 .item-open { display: block; }
.scroll .scroll-content { position: absolute; left: -30px; top: -50px; z-index: 199; width: 1210px; display: none; }
.scroll .scroll-content .item-close { position: absolute; right: 10px; top: 10px; display: block; width: 28px; height: 28px; background: url(../imgs/icon_03.png) no-repeat; cursor: pointer; }
.scroll .scroll-content img { display: none; width: 100%; }
.scroll .scroll-content .selectedContent { display: block; }
.links { height: 240px; background: url(../imgs/bac_08.jpg) no-repeat; }
.links p { padding-top: 55px; }
.links a { float: left; display: block; width: 100px; height: 132px; margin-left: 80px; overflow: hidden; background: url(../imgs/links.png) no-repeat; }
.links a:nth-child(1) { background-position: -18px -12px; margin-left: 20px; }
.links a:nth-child(1):hover { background-position: -151px -13px; }
.links a:nth-child(2) { background-position: -288px -13px; }
.links a:nth-child(2):hover { background-position: -417px -13px; }
.links a:nth-child(3) { background-position: -18px -186px; }
.links a:nth-child(3):hover { background-position: -151px -186px; }
.links a:nth-child(4) { background-position: -288px -186px; }
.links a:nth-child(4):hover { background-position: -417px -186px; }
.links a:nth-child(5) { background-position: -18px -361px; }
.links a:nth-child(5):hover { background-position: -151px -361px; }
.links a:nth-child(6) { background-position: -288px -361px; }
.links a:nth-child(6):hover { background-position: -417px -361px; }
.links a:nth-child(7) { background-position: -18px -530px; }
.links a:nth-child(7):hover { background-position: -151px -531px; }
.sel-show.j-column { width: 120px !important; }
.sel-show.j-sort { width: 144px !important; }
.pnbox { width: 100%; }
.pn_list { position: relative; padding: 0 40px; height: 365px; }
.pn_list.h322 { height: 322px; }
.pn_list_wrap { z-index: 9; position: absolute; width: 1130px; margin-left: 0; overflow: hidden; box-sizing: border-box; }
.pn_list>span { position: absolute; display: block; z-index: 3; top: 50%; margin-top: -27px; width: 15px; height: 54px; background: url(../imgs/icons.png) no-repeat center; cursor: pointer; }
.pn_list .prev { left: 10px; background-position: -164px -6px; }
.pn_list .next { right: 10px; background-position: -183px -6px; }
.pnbox .pn_list .next.noclick, .pnbox .pn_list .prev.noclick { cursor: no-drop; opacity: 0.5; }
.pn_list ul { height: 350px; }
.pn_list li { position: relative; float: left; width: 206px; height: 100%; box-sizing: border-box; padding: 10px; margin: 10px; transition: all .2s linear; }
.pn_list li.out:before { width: 105px; height: 30px; line-height: 30px; font-size: 14px; }
.pn_list li:hover { box-shadow: 0 0 10px rgba(0, 0, 1, .3) !important; position: relative; z-index: 999; top: -2px; }
.pn_list li>a { display: block; height: 175px; text-align: center; }
.pn_list li img { height: 100%; max-width: 100%; vertical-align: middle; }
.pn_list .new:after { content: 'NEW'; position: absolute; top: 0; right: 10px; display: block; width: 46px; height: 34px; line-height: 28px; text-align: center; color: white; background: url(../imgs/bac8_05.png) no-repeat; }
.pn_list .pn_tit a { display: block; height: 40px; font-size: 12px; line-height: 20px; color: #575757; font-weight: bolder; overflow: hidden; }
.pn_page i { float: left; display: block; width: 6px; height: 6px; margin-right: 10px; border: 1px solid black; border-radius: 4px; background-color: black; cursor: pointer; }
.pn_page .act { background-color: white; }
.smore { padding-right: 15px; color: black; font-weight: normal; background: url(../imgs/arrow_18.png) no-repeat right center; }
.smore:hover { text-decoration: underline; }

/*========*/

/*账户中心*/

/*========*/
.blo { width: 100%; padding: 0 20px; box-sizing: border-box; background-color: white; border: 1px solid #e8e8e8; color: #575757; }
.blo_l_nav { width: 150px; }
.blo_l_nav li { position: relative; height: 40px; padding: 10px 0; line-height: 20px; border-bottom: 1px solid #e8e8e8; }
.blo_l_nav li:last-child { border-bottom: none; }
.blo_l_nav li a { position: absolute; left: 0; color: gray; }
.blo_l_nav li.curr a { padding-left: 5px; color: #f5a31d; border-left: 3px solid #f5a31d; }
.blo_r_content { width: 990px; }
.table01 { width: 100%; border: 1px solid #d0d0d0; }
.table01 th { height: 45px; line-height: 45px; padding-left: 20px; font-weight: normal; background-color: #F1F1F1; border-bottom: 1px solid #d0d0d0; }
.table01 td { padding: 35px 0 35px 20px; border-bottom: 1px dashed #d0d0d0; }
.table01 td.ltext p { padding: 5px 0 5px 60px; text-align: left; }
.table01.tc th, .table01.tc td { text-align: center; }
.table01 th:first-child { text-align: center; }
.table01 td:first-child:not(.ltext) { text-align: center; }
.f_blue, .f_blue a { color: #269bfe; }
.is_def { padding: 3px 14px; color: #bf211d; border: 1px solid #bf211d; border-radius: 12px; }
.is_def:hover { text-decoration: none; cursor: default; }
.table02 th { width: 140px; padding-right: 20px; text-align: right; font-weight: normal; }
.table02 td { width: 400px; padding: 5px 0; }
.table02 input[type='text'], .table02 input[type='password'] { border: 1px solid #cccccc; padding: 0 10px; border-radius:0; height: 32px; box-sizing: border-box; }
.table02 textarea { border: 1px solid #cccccc; border-radius:0; padding: 10px; width: 100%; line-height: 20px; box-sizing: border-box; font-family: Arial; }
.table02.bth { width: 100%; }
.table02.bth th { width: 140px; }
.table02.bth td { width: 280px; padding: 10px 0; }
.table02.bth input[type='password'] { width: 220px; }
.quick_entry { position: relative; padding-bottom: 30px; margin-top: 50px; }
.quick_entry_links { position: absolute; left: 0; top: 0; width: 100%; height: 32px; line-height: 32px; box-sizing: border-box; padding: 0 20px 0 130px; overflow: hidden; }
.quick_entry_links a { float: left; line-height: 18px; padding-top: 7px; padding-bottom: 7px; margin-left: 40px; }
.quick_entry_links a:hover { color: #f5a31d; }
.quick_entry_page { position: absolute; right: 0; top: 4px; display: block; }
.quick_entry_page i { display: block; width: 12px; height: 5px; overflow: hidden; background: url(../imgs/icons.png) no-repeat -130px -74px; cursor: pointer; }
.quick_entry_page i.next { margin-top: 14px; background-position: -153px -73px; }
.blo_r_content.info { line-height: 28px; }
.blo_r_content.info .info-state { display: inline-block; margin-left: 10px; padding: 0 12px; background-color: #489421; line-height: 16px; font-size: 12px; color: #fff; font-weight: normal; }
.blo_r_content.info .info-state.dno { display: none; }
.blo_r_content.info .info-state.pending { background-color: #6CB4E3; }
.blo_r_content.info .info-state.rejected { background-color: #C33D3D; }
.blo_r_content.info .info-rejected { display: inline-block; margin-left: 10px; padding: 0 12px; background-color: #C33D3D; line-height: 16px; font-size: 12px; color: #fff; font-weight: normal; }
.blo_r_content.info .info-user { position: absolute; display: inline-block; top: 15px; margin-left: 5px; border-radius: 2px; padding: 0 5px; background-color: #F5A31D; line-height: 14px; font-size: xx-small; color: #fff; }
.blo_r_content.info .become-vip { position: absolute; top: 45px; left: 0; line-height: 12px; font-size: small; color: #F5A31D; }
.pop-become-vip { border-radius: 10px; width: 620px; height: 545px; }
.pop-become-vip .popup-title { border-bottom: 0; padding: 35px 0px 10px; height: initial; line-height: initial; color: #F5A31D; font-size: 18px; font-weight: bold; text-align: center; }
.pop-become-vip .table02.bth td { padding: 5px 0; width: 214px; }
.pop-become-vip .table02.bth td input, .pop-become-vip .table02.bth td textarea { width: 214px; }
.blo_r_content.info .rejection { margin: 0 auto; width: 960px; color: #ED4D4D; font-size: 14px; font-weight: bold; }
.blo_r_content.info .rejection .rejection-text { margin-top: 5px; padding: 12px; background: rgba(255, 0, 0, 0.1); font-weight: normal; }
.blo_r_content.info .rejection .rejection-call { position: relative; float: right; color: #F5A31D; cursor: pointer; }
.blo_r_content.info .rejection .rejection-call .rejection-tip { display: none; position: absolute; left: -85px; bottom: 45px; border: 1px solid #efefef; border-radius: 5px; padding: 20px 25px; width: 180px; background-color: #fff; list-style: none; font-size: 14px; color: #4C4C4C; font-weight: normal; text-decoration: none; word-break: break-all; box-shadow: 0 0 5px #dbdbdb; }
.blo_r_content.info .rejection .rejection-call .rejection-tip:after { position: absolute; content: ''; display: block; border-width: 12px 12px 0; border-style: solid; border-color: #fff transparent transparent; bottom: -12px; left: 45%; width: 0; height: 0; }
.blo_r_content.info .rejection .rejection-call .rejection-tip:before { position: absolute; content: ''; border-width: 12px 12px 0; border-style: solid; border-color: #dbdbdb transparent transparent;/*灰 透明 透明 */ bottom: -13px; left: 45%; width: 0; height: 0; }

/*.blo_r_content.info .rejection .rejection-call:hover .rejection-tip{display:block;}*/
.blo_r_content.info .rejection .rejection-call .rejection-tip .icon_l_11:before { background-position: -95px -68px; }
.blo_r_content.info .rejection .rejection-call .rejection-tip .icon_l_12:before { background-position: -65px -69px; }
.blo_r_content.info .rejection .rejection-call .rejection-tip .icon_l_13:before { background-position: -32px -71px; }
.blo_r_content.info input[type='text'] { border: 1px solid #ababab; border-radius:0; padding: 0 10px; min-width: 300px; height: 28px; line-height: 28px; outline: none; box-sizing: border-box; }
.blo_r_content.info textarea { padding: 0 10px; line-height: 22px; border: 1px solid #ababab; }
.blo_r_content.info .editbox, .blo_r_content.info input[type='text'].editbox { outline: none; border-color: white; background-color: white; }
.blo_r_content.info textarea.editbox { resize: none; }
.blo_r_content.info textarea.editbox.act { resize: auto; }
.blo_r_content.info .editbox.act, .blo_r_content.info input[type='text'].editbox.act { border-color: #ababab; }
.table09 th { width: 200px; text-align: right; padding-right: 10px; font-weight: normal; line-height: 18px; color: black;vertical-align:top;padding-top:10px; }
.table09 td { padding: 5px 10px 5px 0; }
.table09 label.error{line-height:20px;margin-bottom:0;}
.blo_r_content.info .table09 input[type='text'].editbox { /*width:100%;*/
    color: #575757;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}
.table03 { width: 100%; }
.table03 td { padding: 35px 0 35px 0; border-bottom: 1px dashed #d0d0d0; }
.table03 td:first-child { width: 170px; }
.table03 td:last-child { text-align: right; }
.table03 input[type='text'], .table03 input[type='password'] { height: 28px; line-height: 28px; padding-left: 10px; width: 350px; border: 1px solid white; background-color: white; }
.table03 input[type='text'].act, .table03 input[type='password'].act { border-color: #cfcfcf; }

/*头像*/
.headpic { float: left; display: block; height: 60px; max-width: 195px; line-height: 60px; }
.headpic img { max-height: 100%; max-width: 100%; vertical-align: middle; }
.upload { float: left; position: relative; display: block; width: 100px; margin: 15px 0 0 10px; }
.upload:before { position: absolute; left: 0; top: 0; content: 'Upload'; display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; background-color: white; border: 1px solid #bf211d; color: #bf211d; border-radius: 5px; }
.upload input[type="file"] { height: 30px; width: 100px; opacity: 0; z-index: 2; }
.upload3 { position: relative; display: inline-block; width: 92px; height: 30px; cursor: pointer; }
.upload3:before { position: absolute; left: 0; top: 0; content: 'Upload'; display: block; width: 90px; height: 28px; line-height: 28px; text-align: center; background-color: white; background-color: #f5a31d; color: white; border-radius: 5px; cursor: pointer; }
.upload3:hover:before { box-shadow: 0 0 3px #f7b852; }
.upload3 input[type="file"] { height: 28px; width: 90px; opacity: 0; z-index: 2; cursor: pointer; }


/*=============*/

/*产品展厅-列表*/

/*=============*/
.list-banner { position: relative; width: 100%; height: 240px; background: url(../imgs/product/list-banner.jpg) center center no-repeat; background-size: cover; background-color: #252921; overflow: hidden; }
.list-banner a { text-decoration: underline; }
.list-banner img { text-align: center; margin-top: 20px; }
.list-banner .list-banner-text { position: absolute; bottom: 0px; width: 100%; height: 25px; background: url(../imgs/product/bg-list-bannertxt.png) center center no-repeat; background-size: cover; color: #fff; text-align: center; line-height: 25px; }
.list-banner .list-banner-text a { color: #fff; text-decoration: none; }
.list-banner:hover .list-banner-text a.show-line:after { background: #fff; }
.list-banner:hover .list-banner-text a.show-line:hover:after { width: 98%; }
.list-banner-icon { display: inline; position: absolute; font-size: 12px; }
.list-banner:hover .list-banner-icon { -moz-animation: mymove 1.8s infinite; -ms-animation: mymove 1.8s infinite; -o-animation: mymove 1.8s infinite; -webkit-animation: mymove 1.8s infinite; animation: mymove 1.8s infinite; }
.list-banner-icon i { position: absolute; transform: rotate(90deg); color: rgba(255, 255, 255, 1); }
.list-banner-icon i.i02 { color: rgba(255, 255, 255, 0.9); }
.list-banner-icon i.i03 { color: rgba(255, 255, 255, 0.7); }
@keyframes mymove {
	from { left: 0px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	to { left: 20px; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
}
@-moz-keyframes mymove {
	from { left: 0px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	to { left: 200px; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
}
@-webkit-keyframes mymove {
	from { left: 0px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	to { left: 200px; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
}
@-o-keyframes mymove {
	from { left: 0px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	to { left: 200px; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
}
@-ms-keyframes mymove {
	from { left: 0px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	to { left: 200px; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
}
.tabs { background-color: white; border: 1px solid #ddd; padding: 0 0 20px; }
.tabs-type { width: 947px; border: solid 1px #eee; margin: 30px 130px; box-sizing: border-box; border-radius: 10px; }
.tabs-type a { float: left; display: block; width: 105px; height: 83px; overflow: hidden; border-right: 1px solid #eee; box-sizing: border-box; }
.tabs-type a.curr { background: url(../imgs/bac45_03.png) repeat-x; }
.tabs-type a span { display: block; width: 100%; height: 100%; background: url(../imgs/links3.png) no-repeat; }
.tabs-type a:nth-child(1) { border-radius: 10px 0 0 10px; }
.tabs-type a:nth-child(1) span { background-position: -220px -235px; }
.tabs-type a:nth-child(1).curr span { background-position: -320px -235px; }
.tabs-type a:nth-child(2) span { background-position: -5px -310px; }
.tabs-type a:nth-child(2).curr span { background-position: -117px -310px; }
.tabs-type a:nth-child(4) span { background-position: -4px -3px; }
.tabs-type a:nth-child(4).curr span { background-position: -116px -3px; }
.tabs-type a:nth-child(3) span { background-position: -2px -84px; }
.tabs-type a:nth-child(3).curr span { background-position: -114px -84px; }
.tabs-type a:nth-child(8) span { background-position: -2px -165px; }
.tabs-type a:nth-child(8).curr span { background-position: -114px -165px; }
.tabs-type a:nth-child(5) span { background-position: -2px -236px; }
.tabs-type a:nth-child(5).curr span { background-position: -114px -236px; }
.tabs-type a:nth-child(7) span { background-position: -220px -3px; }
.tabs-type a:nth-child(7).curr span { background-position: -320px -3px; }
.tabs-type a:nth-child(6) span { background-position: -220px -84px; }
.tabs-type a:nth-child(6).curr span { background-position: -320px -84px; }
.tabs-type a:nth-child(9) span { background-position: -220px -165px; }
.tabs-type a:nth-child(9).curr span { background-position: -320px -165px; }
.tabs-type a:nth-child(9) { border-right: none; border-radius: 0 10px 10px 0; }
.tabs-content { padding: 0 80px;min-height:170px; }
.pn-tip { padding: 0 5px; color: #565656; font-family: cursive; }
.pn-tip i { position: absolute; transform: rotate(90deg); }
.pn_list_3.tc-list { padding: 0; border: none; }
.pn_list_3.tc-list input[type='text'] { border-color: #aeb0ad; }
.pn_list_3.tc-list .inq { color: #323232; border: solid 1px #aeb0ad; background: -webkit-linear-gradient(#f9f9f9, #f0f0f0); background: -o-linear-gradient(#f9f9f9, #f0f0f0); background: -moz-linear-gradient(#f9f9f9, #f0f0f0); background: linear-gradient(#f9f9f9, #f0f0f0); }
.pn_list_3.tc-list li:hover .interest { display: block; }

/*.tabs-content .tc-list li { position: relative; float: left; width: 290px; height: 410px; margin-left: 89px; margin-bottom: 50px; box-sizing: border-box; transition: all .2s linear;}
.tabs-content .tc-list li:nth-child(3n-2)
{margin-left: 0;}
.tabs-content .tc-list li:hover{box-shadow: 0 0 40px rgba(0,0,1,.3)!important; position: relative; z-index: 999; top: -2px;}
.tabs-content .tc-list li:hover a{color: #f5a31d;}
.tabs-content .tc-list img{vertical-align: middle;height: 100%;max-width: 100%;}
.tabs-content .lc-img{ display: block; width: 100%; height: 230px; padding: 30px 20px 0 20px; text-align: center; box-sizing: border-box;}
.tabs-content .lc-title{display: block;height: 44px;line-height: 22px;padding-top: 10px;border-top: 1px solid #afafaf;overflow: hidden;}*/
.tabs-content .Batch { position: absolute; left: 20px; top: 10px; color: #575757; }
.tabs-content .new:after { content: 'NEW'; position: absolute; top: 0; right: 0; display: block; width: 46px; height: 34px; line-height: 28px; text-align: center; color: white; background: url(../imgs/bac8_05.png) no-repeat; }
.tabs-content .hot:after { content: 'HOT'; position: absolute; top: 0; right: 0; display: block; width: 46px; height: 34px; line-height: 28px; text-align: center; color: white; background: url(../imgs/bac8_04_01.png) no-repeat; }
.mypage { position: relative; width: 100%; height: 30px; margin-top: 10px; }
/*.mypage .pagination{margin:10px 0;}*/
.pagination { position: absolute; right: 0; top: 0; overflow: hidden; }
.pagination li { float: left; margin-right: 5px; }
.pagination li a { display: block; height: 15px; padding: 5px 8px; border: 1px solid #ddd; border-radius: 3px; }
.pagination li.curr a { background-color: #f5a31d; border-color: #f5a31d; color: white; }
.pagination li.disabled a { text-decoration: none; color: #ddd; cursor: not-allowed; }
.pn_list_3 { width: 100%; padding: 40px 80px; border: 1px solid #ddd; background-color: white; box-sizing: border-box; }
.pn_list_3 li { position: relative; float: left; width: 290px; height: 480px; overflow: hidden; padding: 0 20px; margin-bottom: 20px; margin-left: 89px; box-sizing: border-box; transition: all .2s linear; }
.pn_list_3 li:nth-child(3n+1) { margin-left: 0; }
.pn_list_3 li:hover { box-shadow: 0 0 40px rgba(0, 0, 1, .3) !important; position: relative; z-index: 8; top: -2px; }
.pn_list_3 .Batch { position: absolute; left: 20px; top: 10px; color: #575757; }
.pn_list_3 li>a { display: block; height: 235px; text-align: center; padding-top: 30px; box-sizing: border-box; }
.pn_list_3 li img { height: 100%; max-width: 100%; vertical-align: middle; }
.pn_list_3 .new:after { content: 'NEW'; position: absolute; top: 0; right: 0; display: block; width: 46px; height: 34px; line-height: 28px; text-align: center; color: white; background: url(../imgs/bac8_05.png) no-repeat; }
.pn_list_3 .hot:after { content: 'HOT'; position: absolute; top: 0; right: 0; display: block; width: 46px; height: 34px; line-height: 28px; text-align: center; color: white; background: url(../imgs/bac8_04_01.png) no-repeat; }
.pn_list_3 .pn_tit a { display: block; height: 40px; line-height: 20px; color: #323232; text-align: center; overflow: hidden; }
.mod { position: relative; height: 20px; border-bottom: 1px solid #868686; }
.mod span { position: absolute; top: 10px; left: 50%; z-index: 2; display: block; max-width: 100%; line-height: 20px; color: #666666; overflow: hidden; padding: 0 10px; background-color: white; transform: translate(-50%, 0); white-space: nowrap; box-sizing: border-box; }
.pn_list_3 input[type='button'] { float: left; border: none; border-radius:0; width: 135px; height: 30px; color: white; font-size: 16px; background: -webkit-linear-gradient(#ff9f00, #fa7306); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ff9f00, #fa7306); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ff9f00, #fa7306); /* Firefox 3.6 - 15 */ background: linear-gradient(#ff9f00, #fa7306); /* 标准的语法 */ }
.pn_list_3 input[type='text'] { float: left; padding: 0 3px; border-radius:0; border: solid 1px #aeb0ad; border-right: none; width: 36px; height: 30px; font-size: 13px; text-align: center; box-sizing: border-box;}
ul li.out:before { content: 'Out of Stock'; position: absolute; top: 0; left: 0; display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; color: white; font-size: 16px; background-color: #9f9f9f; }
ul li.out input[type='button'] { background: #F7F7F7; color: #ccc; border-bottom: solid 1px #efefef; }
ul li.out input[type='text'] { border-color: #efefef; color: #ccc; }

/*=============*/

/*产品展厅-下单*/

/*=============*/
.list01 { overflow: hidden; }
.list01 li { position: relative; float: left; width: 360px; height: 200px; margin-top: 15px; margin-left: 35px; line-height: 20px; color: #575757; border: 1px solid #eaeaea; background-color: #f6f6f6; box-sizing: border-box; }
.list01 li>div { height: 140px; padding: 0 35px; margin-top: 20px; overflow: hidden; }
.list01 li.act { background-color: #fdfded; }
.list01 li.act:before { position: absolute; right: 0; top: 0; content: ''; display: block; width: 36px; height: 35px; background: url(../imgs/icon9_03.png) no-repeat; }
.list01 li:nth-child(3n-2) { margin-left: 0; }
.list01 .opera { position: absolute; bottom: 10px; left: 35px; }
.btn06.fold { background-image: url(../imgs/icon13_03.png); }
.btn06.fold:hover { background-image: url(../imgs/icon13_05.png); }

/*模拟表格*/
.table { width: 100%; border: 1px solid #dbdbdb; box-sizing: border-box; }
.table-title { display: table; }
.table-title span { display: table-cell; height: 40px; line-height: 40px; box-sizing: border-box; }
.table-title span:first-child { padding-left: 15px; }
.table-line { height: 40px; padding-left: 15px; line-height: 40px; color: #575757; background-color: #F5F5F5; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
.table-line .datetimepicker { width: 100px; height: 25px; line-height: 25px; padding: 1px 30px 1px 15px; border: 1px solid #bbb; color: black; font-size: 15px; background: white url(../imgs/ic54.png) 115px center no-repeat; }
.table-line>a { color: #ABABAB; }
.table-line a:hover { text-decoration: underline; }
.table-line a span { color: #575757; }
.table-line:first-child { border-top: none; }
.table-list .table-title { width: 100%; border-bottom: 1px solid #ddd; }
.table-list .table-title span:first-child { padding-left: 30px; }
.table-list .table-title span { height: 35px; line-height: 35px; }
.table-list { width: 100%; }
.table-list ul { border-bottom: 1px dashed #dbdbdb; }
.table-list ul:last-child { border-bottom: none; }
.table-list .rem { padding: 10px 20px; font-size: 13px; color: gray; border-bottom: 1px solid #dbdbdb; }
.table.bb0{border-bottom:0;}
.table-list .rem textarea, .rem-all textarea, .table-list .rem input { width: 100%; padding: 10px; color: #575757; line-height: 18px; border: 1px solid #dbdbdb; box-sizing: border-box; resize:vertical;}
.table-list .rem textarea.rema::-webkit-input-placeholder{color:#bfbfbf;}
.table-list .rem textarea.rema::-moz-placeholder{color:#bfbfbf;}
.table-list .rem textarea.rema:-moz-placeholder{color:#bfbfbf;}
.table-list .rem textarea.rema:-ms-input-placeholder{color:#bfbfbf;}
.table-list li { display: table-cell; padding: 10px 5px; vertical-align: middle; box-sizing: border-box; }
.table-list li:first-child { padding-left: 25px; }
.table-foot { border: 1px solid #d8d8d8; /*border-top: none;*/ background-color: #F1F1F1; }
.table-foot>div { /*width: 100%;*/ box-sizing: border-box; padding: 20px; /*padding-left:55px;*/ }
.table-foot>div p span { display: block; height: 23px; }
.table-list .rem.bb0{border-bottom:0;}
.table-list .rem-pro{padding: 0 20px; min-height:35px; line-height:35px;transform: all 0.5s;}
.table-list .rem-pro textarea{float:right;border:0; padding:5px 0; width:1050px; height:35px; line-height:25px; outline:none;transition: all 0.5s;resize:none;}
.table-list .rem-pro textarea:focus{height:85px;}
.rem-all{position:relative;}
.rem-all span{position:absolute;left:12px; top:-3px; padding:0 10px;background-color:#fff;}
.rem-all textarea{margin-top:5px; margin-bottom: 8px; border-color:#a9a9a9; height:40px; line-height:20px; transition:all 0.5s;}
.cf-table { border: solid 1px #dbdbdb; }
.cf-table>.table-line { border: none; }
.cf-table>.table-line:first-child { border-bottom: solid 1px #e1e1e1; }
.cf-table .table { border: none; }
.cf-table .table .table-line { height: 35px; line-height: 35px; background-color: white; border-top: solid 1px #dbdbdb; border-bottom: solid 1px #dbdbdb; }
.table-list .select li { display: list-item; padding: 6px 10px; text-align: left; }
.table-list .select .sel-show { text-align: left; }

/*========*/

/*商品详情*/

/*========*/
.detail-left { float: left; width: 77%; padding: 20px 20px 50px 20px; border: 1px solid #e1e1e1; box-sizing: border-box; background-color: white; }
.detail-left .numbox02 { width: 100px; height: 38px; }
.detail-left .numbox02 input[type="button"] { width: 28px; }
.detail-left .numbox02 input[type="button"]:disabled, .detail-left .numbox02 input[type="text"]:disabled { color: #999; background-color: #fff; }
.detail-left .numbox02 input[type="text"] { width: 44px; }
.carousel { width: 435px; height: 435px; border: 1px solid #dbdbdb; }
.carousel .noclick { cursor: no-drop; opacity: 0.5; }
.table05 { width: 100%; border: 1px solid #d4d4d4; }
.table05 th { padding: 15px 10px 10px; text-align: center; border-left: 1px solid #d4d4d4; color: #cc0000; }
.table05 td { padding: 15px 10px 10px; text-align: center; border-left: 1px solid #d4d4d4; }
.dl-price { position: relative; display: inline-block; padding: 0 18px 0 57px; background-color: #f1f1f1; }
.dl-price .d { position: absolute; left: 0; top: 3px; font-size: 28px; font-weight: bolder; }
.dl-price .n { font-size: 40px; color: #cc0000; }
.dl-price .x { position: absolute; top: 5px; right: 0; font-size: 20px; color: #cc0000; }
.detail-left .select { height: 40px; line-height: 40px; border-color: #d4d4d4; }
.detail-left .sel-list { top: 40px; }
.detail-left .sel-show { height: 40px; line-height: 40px; }
.detail-left .sel-show .clump { height: 40px; line-height: 40px; }
.numbox02 { width: 150px; height: 38px; line-height: 38px; border: 1px solid #dbdbdb; }
.numbox02 input { float: left; font-size: 18px; color: #626262; border: none; }
.numbox02 input[type="button"] { width: 40px; height: 100%; background: white; }
.numbox02 input[type="text"] { height: 100%; width: 70px; text-align: center; outline: none; }
.table06 { width: 100%; color: #575757; }
.table06 th { padding: 15px 10px; font-weight: normal; text-align: center; background-color: #f1f1f1; border: 1px solid #dbdbdb; }
.table06 td { padding: 40px 10px; text-align: center; border: 1px solid #dbdbdb; }
.detail { width: 100%; color: #575757; margin-top: 10px; overflow: hidden; }
.detail-anchor { z-index: 19; width: 850px; background-color: white; overflow: hidden; }
.detail-anchor a { float: left; display: block; width: 50%; height: 50px; line-height: 50px; color: #363636; text-align: center; border: 1px solid #dbdbdb; border-left: none; box-sizing: border-box; }
.detail-anchor.anchor3 a { width: 33.3%; }
.detail-anchor a:first-child { border-left: 1px solid #dbdbdb; }
.detail-anchor a.curr { color: white; border-color: #363636; background-color: #363636; }
.detail-content img { max-width: 100%; }
.detail-right { float: right; width: 260px; }
.list03-title { padding: 10px 0 10px 20px; color: black; font-weight: bold; border-bottom: 1px solid #dbdbdb; }
.list03 { border: 1px solid #e1e1e1; background-color: white; }
.list03-item { position: relative; height: 345px; overflow: hidden; border-top: 1px solid #dbdbdb; }
.list03-item.out:before { width: 105px; height: 30px; line-height: 30px; font-size: 14px; }
.list03-item:first-child { border-top: none; }
.list03-item.first:before { content: '1'; position: absolute; top: 0; left: 0; width: 35px; height: 36px; padding: 3px 0 0 7px; color: white; font-weight: bolder; background: url(../imgs/bac9_03.png); box-sizing: border-box; }
.list03-item>a { display: block; height: 185px; line-height: 185px; text-align: center; }
.list03-item img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.list03-item-name { height: 40px; margin-top: 10px; font-size: 12px; font-weight: bolder; line-height: 18px; overflow: hidden; }
.list03-item>div { margin: 0 20px; padding-bottom: 10px; }
.list03-item:last-child>div { border-bottom: none; }
.carousel { position: relative; width: 435px; height: 435px; border: 1px solid #dbdbdb; }
.carousel > span { position: absolute; bottom: 30px; display: block; width: 10px; height: 16px; cursor: pointer; background: url(../imgs/prev_03.png) no-repeat center; }
.carousel-wrap { position: relative; width: 396px; height: 63px; margin: 0 19.5px; overflow: hidden; background-color: white; }
.carousel .carousel-prev { left: 7px; }
.carousel .carousel-next { right: 7px; transform: rotate(180deg); }
.carousel-bigimg { position: relative; width: 100%; height: 360px; text-align: center; }
.carousel-bigimg img { height: 360px; max-width: 100%; vertical-align: middle; }
.carousel-imglist { height: 52px; line-height: 52px; margin-top: 10px; }
.carousel-imglist li { float: left; width: 50px; height: 50px; margin: 0 7px; text-align: center; border: 1px solid #dbdbdb; }
.carousel-imglist .act { border-color: #cc0000; }
.carousel-imglist img { max-width: 100%; max-height: 100%; }

/*放大滑块*/
.magnifyingBegin { width: 145px; height: 120px; left: 0; top: 0; background-color: #454545; opacity: 0.5; filter: alpha(opacity=50); position: absolute; cursor: move; display: none; }

/*放大后图片显示区域*/
.magnifyingShow { width: 435px; height: 360px; display: none; position: absolute; right: -440px; top: 0; overflow: hidden; background-color: white; z-index: 999; text-align: center; }
.magnifyingShow > img { height: 1080px; max-width: 1305px; margin-left: 0; margin-top: 0; vertical-align: middle; }
.notice { padding-left: 24px; color: #1c86df; font-size: 12px; text-decoration: underline; background: url(../imgs/icon18_03.png) no-repeat left center; cursor: pointer; }
.btn14.noclick { border: 1px solid #dbdbdb; background-color: #dbdbdb; cursor: no-drop; }
.btn20.dis { background-color: #ddd; border-color: lightgray; cursor: no-drop; }
.btn15.red { padding-left: 25px; color: #bf211d; border-color: #bf211d; background: #f5f4f9 url(../imgs/ic99.png) no-repeat 25px center; }
.btn15.noclick { border-color: #999; color: #999; background: #f5f4f9 url(../imgs/ic99-h.png) no-repeat 25px center; }
.sarkline span { display: inline-block; width: 90px; height: 25px; margin-left: 10px; line-height: 25px; text-align: center; border: 1px solid #ccc; background-color: #F4F4F4; cursor: pointer; }
.sarkline .act { background-color: white; border-color: #c02221; }
.table08 { width: 100%; border: 1px solid #d4d4d4; }
.table08 td { padding: 7px 0; text-align: center; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.eval_list li { position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 13px; border-bottom: 1px solid #ddd; }
.eval_list li:last-child { border-bottom: none; }
.eval_list .el_time { position: absolute; top: 0; right: 0; font-size: 13px; }
.starsline { display: inline-block; height: 14px; line-height: 14px; }
.starsline i { display: block; float: left; width: 14px; height: 14px; margin-right: 5px; background: url(../imgs/icon23_03.png) no-repeat; }
.eval_list .el_imgs img { width: auto; height: 70px; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; }
.eval_list input[type="button"] { padding: 3px 5px; border: 1px solid #ddd; color: #575757; background-color: white; border-radius: 3px; }
.det_list { position: relative; height: 180px; }
.det_list:hover>span { display: block; }
.det_list_wrap { z-index: 9; position: absolute; width: 839px; height: 100%; margin: 0 25px; overflow: hidden; box-sizing: border-box; }
.det_list>span { position: absolute; display: block; z-index: 10; top: 50%; margin-top: -27px; width: 15px; height: 54px; background: url(../imgs/icons.png) no-repeat center; cursor: pointer; display: none; }
.det_list .prev { left: 10px; background-position: -164px -6px; }
.det_list .next { right: 10px; background-position: -183px -6px; }
.det_list ul { height: 170px; min-width: 100%; }
.det_list li { position: relative; float: left; width: 190px; height: 100%; box-sizing: border-box; margin: 0 10px; }
.det_list li:after { content: ''; position: absolute; right: -10px; top: 50%; margin-top: -80px; height: 160px; width: 1px; background-color: #f1f1f1; }
.det_list li>div { height: 126px; line-height: 126px; text-align: center; cursor: pointer; }
.det_list li img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.det_list li>p { height: 36px; line-height: 18px; margin-top: 8px; font-size: 12px; text-align: center; overflow: hidden; }

/*========*/

/*各类订单*/

/*========*/
.order .blo_l_nav { width: 125px; }
.order .blo_l_nav a { margin-top: 10px; }
.order .blo_r_content { width: 1010px; }
.tab_line { height: 40px; line-height: 40px; border-bottom: 1px solid #dbdbdb; }
.tab_line span { position: relative; display: inline-block; padding: 0 25px; text-align: center; font-weight: bolder; cursor: pointer; }
.tab_line span i { position: absolute; right: 0; top: 50%; display: block; min-width: 14px; height: 18px; padding: 1px 3px; margin-top: -20px; line-height: 18px; text-align: center; color: white; font-size: 12px; font-weight: normal; background-color: #d20505; border-radius: 12px; }
.tab_line .curr { border-bottom: 2px solid #f5a31d; color: #f5a31d; }
.tab_line .curr i { background-color: #f5a31d; }
.filter_line { height: 40px; line-height: 40px; color: #858585; }
.searchbox2 { position: relative; display: block; width: 340px; height: 37px; margin-top: 1px; }
.searchbox2 input[type='text'] { position: absolute; left: 0; top: 0; width: 250px; height: 37px; padding: 0 10px; line-height: 37px; border-radius: 2px 0 0 2px; border: 1px solid #d8d8d8; border-right: none; outline: none; box-sizing: border-box; }
.searchbox2 input[type='button'] { position: absolute; top: 0; right: 0; width: 90px; height: 100%; padding-left: 20px; color: #858585; border: 1px solid #d8d8d8; border-left-color: #c8c8c8; background: white url(../imgs/ic17_03.png) no-repeat 13px center; border-radius: 0 2px 2px 0; box-sizing: border-box; }
.filter_line .select { height: 37px; line-height: 37px; border-color: #d8d8d8; border-radius: 2px; }
.filter_line .sel-list { top: 37px; }
.order .table .checkbox:before { top: 10px; left: 10px; margin-top: 0; }
.order .oc_list { display: none; }
.order .oc_list.curr { display: block; }
.links_fixed { z-index: 97; position: fixed; top: 50%; right: 0; width: 40px; margin-top: -80px; }
.lf_list a { position: relative; display: block; height: 40px; width: 40px; line-height: 40px; margin-top: 5px; background-color: #ddd; border-radius: 3px 0 0 3px; }
.lf_list a span { position: absolute; right: 40px; display: block; width: 0; height: 40px; padding-left: 10px; font-size: 12px; line-height: 40px; text-align: center; overflow: hidden; border-radius: 3px 0 0 3px; }
.lf_list a:hover { background-color: #bf211d; border-radius: 0; }
.lf_list a:hover span { color: white; background-color: #bf211d; cursor: pointer; animation: slideRight 0.4s forwards; -moz-animation: slideRight 0.4s forwards; -webkit-animation: slideRight 0.4s forwards; -o-animation: slideRight 0.4s forwards; }
@keyframes slideRight {
	from { width: 0; }
	to { width: 130px; }
}

/* Firefox */
@-moz-keyframes slideRight {
	from { width: 0; }
	to { width: 130px; }
}

/* Safari 和 Chrome */
@-webkit-keyframes slideRight {
	from { width: 0; }
	to { width: 130px; }
}

/* Opera */
@-o-keyframes slideRight {
	from { width: 0; }
	to { width: 130px; }
}
.lf_slide { display: block; width: 50px; height: 35px; line-height: 35px; background: #f5a31d url(../imgs/icons.png) no-repeat; background-position: -144px -235px; }

/*箭头向下*/
.lf_slide.down { background-position: -144px -275px; }
.table .table-blo { border-bottom: 1px solid #ddd; }
.table .table-blo ul { width: 100%; }
.table .table-blo li { position: relative; float: left; width: 20%; padding-left: 90px; color: #575757; background: url(../imgs/icon17_03.png) no-repeat 15px center; box-sizing: border-box; }
.table .table-blo li:hover { box-shadow: 0 0 10px #ddd; }
.table .table-blo li p:first-child { height: 16px; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table .table-blo li input[type="button"] { width: 105px; height: 25px; padding-left: 14px; margin-top: 5px; color: #484848; border: 1px solid #b5b5b6; border-radius: 12px; background: #fafafc url(../imgs/icon18_07.png) no-repeat 12px center; }
.btn_load { position: absolute; right: 0; top: 83px; padding: 6px 22px 6px 10px; color: white; cursor: pointer; background: #bf211d url(../imgs/icon13_10.png) no-repeat right center; }
.btn_load.up { background-image: url(../imgs/icon13_11.png); }
.flowbox { width: 100%; }
.flowbox td { text-align: center; border: 1px solid #d1d1d1; }
.flowbox td { padding: 10px 7px; }
.flowbox .tit { text-align: left; padding-left: 30px; }
.flowbox-tabs .curr { color: white; background-color: #383838; }
.flowbox-content p { display: none; padding: 30px; min-height: 30px; text-align: left; overflow: hidden; }
.flowbox-content .curr { display: block; }
.flowbox-content p span { float: left; position: relative; padding-left: 70px; margin-left: 10px; }
.flowbox-content p span:first-child { padding-left: 0; margin-left: 0; }
.flowbox-content p span:before { content: '————'; position: absolute; left: 0; top: 0; color: #dbdbdb; }
.flowbox-content p span:first-child:before { content: ''; }
.flowbox-content p span i { padding-top: 2px; margin-bottom: 10px; }
.ch { padding-left: 20px; background: no-repeat left top; }
.dl { display: inline-block; padding: 0 5px; color: #cbcbcb; font-size: 12px; font-weight: bolder; border: 1px solid #cbcbcb; border-radius: 10px; }
.dl:hover { cursor: not-allowed; text-decoration: none; }
.isok .ch { background-image: url(../imgs/icon15_03.png); }
.isok .dl { color: #009bd4; border-color: #009bd4; }
.isok .dl:hover { cursor: pointer; }
.table-list-sta { position: absolute; right: 0; top: 0; display: block; width: 170px; height: 100%; background-color: white; border-left: 1px dashed #dbdbdb; }
.table-list-pri { position: absolute; right: 170px; top: 0; width: 150px; height: 100%; background-color: white; border-left: 1px dashed #dbdbdb; }
.table-list-sta span, .table-list-pri span { position: absolute; top: 50%; display: block; width: 100%; margin-top: -10px; text-align: center; }
.frei_flow li { position: relative; padding: 0 0 24px 30px; background: url(../imgs/icon8_03.png) no-repeat left center; }
.frei_flow li>div { display: inline-block; }
.frei_flow li>div p { line-height: 18px; }
.frei_flow li span { position: absolute; top: 0; color: #adadad; margin-left: 50px; }
.frei_flow li:first-child { color: #bf211d; background: url(../imgs/icon9_04_03.png) no-repeat left center; }
.frei_flow li:first-child span { color: #bf211d; }
.frei_flow li:last-child { padding-bottom: 0; background: url(../imgs/icon10_10.png) no-repeat left center; }

/*========*/

/*个人中心*/

/*========*/
.links_line { width: 950px; padding: 30px 0; box-sizing: border-box; border: 1px solid #dbdbdb; background-color: white; }
.links_line a { float: left; display: block; width: 33.3%; color: #575757; text-align: center; border-left: 1px solid #dbdbdb; box-sizing: border-box; }
.links_line a:hover { text-decoration: none; }
.links_line a:hover i { color: #f5a31d; }
.links_line a:hover span { color: #999; }
.links_line a:first-child { border-left: none; }
.links_line a i { position: relative; padding-right: 40px; font-size: 48px; }
.links_line a i:after { content: ''; position: absolute; right: 0; top: 50%; display: block; width: 38px; height: 29px; margin-top: -17px; background: url(../imgs/icons.png) no-repeat left center; }
.links_line a span { display: block; font-size: 12px; }
.links_line .ic_r_1:after { background-position: -4px -310px; }
.links_line a:hover .ic_r_1:after { background-position: -47px -310px; }
.links_line .ic_r_2:after { background-position: -82px -309px; }
.links_line a:hover .ic_r_2:after { background-position: -128px -309px; }
.links_line .ic_r_3:after { background-position: -4px -343px; }
.links_line a:hover .ic_r_3:after { background-position: -47px -343px; }
.links_line .ic_r_4:after { background-position: -82px -343px; }
.links_line a:hover .ic_r_4:after { background-position: -129px -343px; }
.links_line .ic_r_5:after { background-position: -4px -377px; }
.links_line a:hover .ic_r_5:after { background-position: -46px -377px; }
.p_panel { border: 1px solid #dbdbdb; background-color: white; box-sizing: border-box; }
.pp-tit { height: 50px; line-height: 40px; font-weight: bolder; color: #323232; border-bottom: 1px solid #dbdbdb; box-sizing: border-box; }
.pp-tit-r { line-height:40px;font-weight: bolder; color: #323232; }
.ocbox_l { float: left; width: 160px; box-sizing: border-box; padding-bottom: 20px; }
.ol_nav li { height: 50px; line-height: 50px; padding-left: 25px; color: gray; font-size: 13px; font-weight: bolder; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; cursor: pointer; }
.ol_nav li:hover { color: #ba0000; }
.ol_nav li.curr { position: relative; z-index: 3; width: 160px; font-size: 14px; color: #ba0000; border-right: 1px solid white; box-sizing: border-box; }
.ocbox_r { float: right; width: 1000px; padding: 0 20px 20px 28px; }
.or_table { display: none; }
.or_table.curr { display: block; }
.or_table .table { position: relative; }
.or_table .table-line { border-top: none; }
.or_table .btn06 { position: absolute; right: 10px; top: 10px; height: 22px; }
.or_table .table-list { display: none; }
.or_table .first .table-list { display: block; }
.srbox_l { float: left; width: 210px; }
.sl_nav li { height: 45px; line-height: 45px; padding-left: 80px; color: #5c5655; font-size: 13px; font-weight: bolder; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; cursor: pointer; background-position: 25px center; background-repeat: no-repeat; }
.sl_nav li:hover { color: #ba0000; }
.sl_nav li.curr { font-size: 14px; color: #ba0000; border-right-color: white; }
.sl_nav .ic1 { background-image: url(../imgs/icon20_03.png); }
.sl_nav .ic2 { background-image: url(../imgs/icon20_06.png); }
.sl_nav .ic3 { background-image: url(../imgs/icon20_08.png); }
.sl_nav .ic4 { background-image: url(../imgs/icon20_10.png); }
.sl_nav .ic5 { background-image: url(../imgs/icon20_12.png); }
.sl_nav .ic6 { background-image: url(../imgs/icon20_14.png); }
.sl_nav .ic7 { background-image: url(../imgs/icon20_16.png); }
.srbox_r { float: right; width: 990px; height: 420px; }
.sr_list { display: none; position: relative; height: 410px; }
.sr_list.curr { display: block; }
.sr_list_wrap { z-index: 9; position: absolute; width: 929px; margin-left: 30px; overflow: hidden; box-sizing: border-box; }
.sr_list>span { position: absolute; display: block; z-index: 3; top: 50%; margin-top: -27px; width: 15px; height: 54px; background: url(../imgs/icons.png) no-repeat center; cursor: pointer; }
.sr_list .prev { left: 10px; background-position: -125px -6px; }
.sr_list .next { right: 10px; background-position: -142px -6px; }
.sr_list ul { height: 400px; }
.sr_list li { position: relative; float: left; width: 290px; height: 100%; text-align: center; padding: 20px 20px 0; margin: 20px 10px 10px; box-sizing: border-box; transition: all .2s linear; }
.sr_list li:after { content: ''; position: absolute; right: -10px; top: 50%; margin-top: -130px; height: 260px; width: 1px; background-color: #f1f1f1; }
.sr_list li:hover { box-shadow: 0 0 10px rgba(0, 0, 1, .3) !important; position: relative; z-index: 999; top: -2px; }
.sr_list .pn_tit { height: 40px; line-height: 20px; overflow: hidden; }
.sr_list li>a { display: block; height: 210px; overflow: hidden; }
.sr_list li>span { position: absolute; top: 0; right: 20px; display: inline-block; padding: 0 5px; height: 45px; text-align: center; color: white; font-size: 16px; font-weight: bolder; line-height: 37px; background: url(../imgs/bac8_04_01.png) no-repeat; background-size: 100% 100%; }
.sr_list li img { height: 100%; max-width: 100%; vertical-align: middle; }
.sr_list li>p { font-size: 12px; margin-top: 10px; }
.sr_list li>p a { display: block; height: 40px; line-height: 20px; color: #575757; font-weight: bolder; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.sr_list li input[type='button'] { padding: 2px 5px; margin-top: 10px; border: 1px solid #f5a31d; border-radius: 10px; color: #f5a31d; background-color: white; }
.srbox_b { position: relative; height: 40px; line-height: 40px; padding-left: 80px; background-color: #2C2C2C; overflow: hidden; }
.srbox_b:before { content: 'Hot'; position: absolute; top: 0; left: 20px; width: 46px; height: 34px; line-height: 27px; text-align: center; color: white; font-weight: bolder; background: url(../imgs/bac8_05.png) no-repeat center; }
.srbox_b span { color: white; }
.srbox_b a { display: inline-block; padding: 0 30px; line-height: 40px; text-align: center; color: #f5a31d; }
.srbox_b a:hover { text-decoration: none; color: white; background-color: #f5a31d; }
.banner2 { position: relative; height: 400px; width: 100%; overflow: hidden; }
.banner2 ul { height: 100%; }
.banner2-list a { display: block; height: 100%; }
.banner2-list img { width: 1210px; height: 100%; vertical-align: middle; }
.banner2-list li { display: none; height: 100%; }
.banner2 span { position: absolute; display: block; z-index: 3; top: 50%; margin-top: -27px; width: 20px; height: 54px; background: url(../imgs/icons.png) no-repeat center; cursor: pointer; }
.banner2 .banner2-prev { left: 10px; background-position: -133px -135px; }
.banner2 .banner2-next { right: 10px; background-position: -172px -135px; }
.banner2-list .curr { display: block; }
.banner2-page { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 15px; text-align: center; }
.banner2-page i { display: inline-block; width: 8px; height: 8px; margin-right: 10px; border-radius: 4px; background-color: #8fa8af; cursor: pointer; }
.banner2-page .act { background-color: black; }

/*========*/

/*项目中心*/

/*========*/
.dtitle { width: 450px; max-height: 46px; line-height: 23px; font-size: 18px; font-weight: bolder; color: black; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.detail-content .dtitle { line-height: 40px; }
.des { height: 140px; line-height: 23px; color: #575757; font-family: "微软雅黑"; overflow: hidden; }
.ic_l_1 { padding-left: 25px; background: url(../imgs/icon25_03.png) no-repeat left; }

/*==========*/

/*=项目详情=*/

/*==========*/
.detail-anchor.tabs a { width: 33.3333%; }
.detail-content.tabs-c>div { display: none; }
.detail-content.tabs-c .curr { display: block; }
.gd-list li { width: 204px; height: 176px; float: left; margin-right: 5px; margin-bottom: 5px; }
.gd-list li p { height: 36px; line-height: 18px; overflow: hidden; margin-top: 4px; text-align: center; }
.gd-list li img { width: 204px; height: 136px; }
.gd-list li:nth-child(4n) { margin-right: 0; }
.table07 { width: 100%; color: #575757; }
.table07 th { width: 140px; padding: 10px 0 10px 40px; font-weight: normal; background-color: #F1F1F1; border: 1px solid #d5d5d5; }
.table07 td { border: 1px solid #d5d5d5; padding: 10px 0 10px 30px; }
.relevant_l { float: left; width: 120px; }
.relevant_l p { width: 80px; height: 25px; color: white; text-align: center; line-height: 25px; background-color: #484848; }
.relevant_l li { height: 20px; padding-left: 10px; line-height: 20px; color: #575757; font-weight: bolder; border-left: 4px solid #575757; margin-top: 10px; cursor: pointer; }
.relevant_l .curr { color: #bd3941; border-color: #bd3941; }
.relevant_r { float: right; width: 770px; padding: 0 10px; box-sizing: border-box; }
.relevant_r>ul { display: none; }
.relevant_r .curr { display: block; }
.relevant_r>ul>li { padding: 30px 0 25px; border-bottom: 1px dashed #b3afae; }
.relevant_r>ul>li:first-child { padding-top: 0; }
.rel_r_tit { font-size: 16px; font-weight: bolder; color: #bd3941; }
.relevant_r img { width: 80px; height: 80px; border: 1px solid #dbdbdb; vertical-align: middle; margin-left: 10px; }
.relevant_r img:first-child { margin-left: 0; }
.talkbox { width: 100%; border: 1px solid #c4c4c4; border-radius: 5px; box-sizing: border-box; }
.tb_tit { height: 45px; line-height: 45px; text-align: center; font-weight: bolder; border-bottom: 1px solid #dbdbdb; }
.tb_list { height: 655px; padding: 20px 20px 50px 20px; background-color: #F3F3F3; overflow-y: scroll; }
.tb_list li { width: 100%; margin-top: 20px; overflow: hidden; }
.tb_list li p { float: left; position: relative; }
.tb_list .tb_list_r p { float: right; }
.tb_list .pho { float: left; display: block; position: relative; width: 64px; height: 64px; }
.tb_list .pho:before { content: ''; z-index: 2; position: absolute; top: 0; left: 0; width: 70px; height: 70px; background: url(../imgs/cover_03.png) no-repeat; }
.tb_list .speak { position: relative; float: left; display: inline-block; max-width: 500px; padding: 12px 17px; margin: 30px 0 0 20px; color: #464646; line-height: 22px; border: 1px solid #bebebe; border-radius: 5px; }
.tb_list .speak:before { content: ''; z-index: 2; position: absolute; top: 8px; left: -14px; width: 14px; height: 15px; background: url(../imgs/arrow_03.png) no-repeat; }
.tb_list .pho img { width: 100%; height: 100%; }
.tb_list .tb_list_r .pho { float: right; }
.tb_list .tb_list_r .speak { margin: 30px 20px 0 0; }
.tb_list .tb_list_r .speak:before { left: auto; right: -14px; background-image: url(../imgs/arrow_07.png); }
.tb_bottom { padding: 10px 20px; }
.tb_bottom textarea { width: 100%; padding: 10px; margin-top: 10px; line-height: 20px; border: 1px solid #c4c4c4; box-sizing: border-box; }
.tb_bottom input[type="button"] { width: 100px; height: 25px; background-color: #F5A31D; border: none; color: white; border-radius: 3px; }
.emotion { display: block; width: 40px; height: 28px; background: url(../imgs/icon22_03.png); }
.qqFace { padding: 10px; border: 1px solid #dbdbdb; background-color: white; }
.qqFace td { padding: 3px; }
.imgbox { height: 400px; width: 100%; padding: 30px 45px 45px; box-sizing: border-box; overflow: hidden; }
.imgbox-slist { float: left; width: 65px; height: 100%; padding-right: 25px; overflow-y: scroll; }
.imgbox-slist p { display: none; }
.imgbox-slist img { display: block; max-width: 65px; height: 65px; }
.imgbox-slist img.curr { border-color: #bd3941; }
.imgbox-bimg { float: right; width: 495px; height: 100%; line-height: 400px; border: 1px solid #ddd; border-radius: 5px; text-align: center; }
.imgbox-bimg img { max-height: 100%; max-width: 100%; vertical-align: middle; }
.hasdes.imgbox { height: 520px; }
.hasdes .imgbox-bimg { height: 400px; }
.hasdes .imgbox-bimg p { height: 40px; padding: 0 5px; margin-top: 5px; line-height: 20px; color: gray; overflow: hidden; }

/*========*/

/*互动专区*/

/*========*/
.list04 { position: relative; display: none; }
.list04.curr { display: block; }
.list04 li { position: relative; padding: 45px 0 45px 25px; border-bottom: 1px dashed #b3afae; }
.list04 .unread>p .c11 { position: relative; }
.list04 .unread>p .c11:after { content: 'unread'; position: absolute; top: 50%; right: -70px; display: block; height: 20px; padding: 0 5px; margin-top: -12px; line-height: 20px; color: #d20505; font-size: 12px; border: 1px solid #d20505; border-radius: 12px; }
.pho2 { position: absolute; left: -65px; top: 50%; margin-top: -27px; display: block; width: 54px; height: 54px; }
.pho2:after { content: ''; position: absolute; left: 0; top: 0; z-index: 2; display: block; width: 54px; height: 54px; background: url(../imgs/cover_04.png); }
.pho2 img { width: 100%; height: 100%; vertical-align: middle; }
.reply { position: absolute; right: 0; top: 45px; color: #00aed9; }
.replybox { position: relative; padding: 15px 25px; background-color: #EEEEEE; border-radius: 5px; }
.replybox:before { content: ''; position: absolute; top: -13px; left: 30px; display: block; width: 19px; height: 13px; background: url(../imgs/arrow3_03.png) no-repeat; }
.replytext { display: none; }
.replytext textarea { width: 100%; padding: 10px; line-height: 22px; border: 1px solid #dbdbdb; box-sizing: border-box; }
.replytext .btn04 { width: 120px; font-size: 15px; border-radius: 3px; }
.replytext .btn04:hover { box-shadow: 0 0 3px #cd241f; }
.list04_info { position: relative; height: 107px; overflow: hidden; }
.list04_info img { position: absolute; left: 0; top: 0; width: 105px; height: 105px; border: 1px solid #ddd; }
.list04_info>div { padding-left: 120px; box-sizing: border-box; }
.li_state { position: absolute; left: 120px; bottom: 5px; max-height: 40px; color: #b4b4b4; line-height: 20px; overflow: hidden; }
.links_wrap { width: 100%; height: 190px; padding: 35px 125px; background: url(../imgs/bac19_03.jpg) no-repeat center; box-sizing: border-box; }
.links_wrap a { display: block; width: 280px; height: 120px; padding: 35px 0; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; color: #040000; background-color: white; border: 1px solid #10100f; box-sizing: border-box; outline: 6px solid white; }
.links_wrap a:hover { text-decoration: none; box-shadow: 0 0 10px 7px white; }
.tab_line2 span { float: left; width: 150px; height: 45px; line-height: 45px; text-align: center; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; box-sizing: border-box; cursor: pointer; }
.tab_line2 span:first-child { border-left: 1px solid #dbdbdb }
.tab_line2 span.curr { background-color: #363636; color: white; }
.tab_content2 .table-title { width: 100%; background-color: #f1f1f1; border-bottom: 1px solid #d8d8d8; }
.tab_content2 .table-list>ul>li:first-child { padding-left: 0; }
.exbtn { padding: 2px 5px; color: #bf211d; border: 1px solid #bf211d; border-radius: 10px; background-color: white; }
.exbtn.disabled { color: #ccc; border-color: #ccc; cursor: not-allowed; }
.table02.mth { width: 100%; }
.table02.mth th { width: 100px; }
.table02.mth td { width: auto; }
.upload2 { float: right; position: relative; width: 200px; height: 32px; border: 1px solid #dbdbdb; }
.upload2 span { float: left; display: block; width: 110px; height: 100%; padding-left: 10px; line-height: 30px; overflow: hidden; }
.upload2 input[type="file"] { position: absolute; top: 0; left: 0; font-size: 14px; background-color: #fff; width: 120px; height: 100%; opacity: 0; filter: alpha(opacity=0); }
.upload2 input[type="button"] { float: left; width: 80px; height: 100%; background-color: white; border: none; border-left: 1px solid #dbdbbd; }
.agenda_list li { float: left; width: 330px; height: 240px; margin-left: 10px; margin-bottom: 30px; border: 1px solid #dbdbdb; box-sizing: border-box; }
.agenda_list li:nth-child(3n-2) { margin-left: 0; }
.a_l_time { height: 100px; padding: 8px 0; color: white; text-align: center; background-color: #30b179; box-sizing: border-box; }
.agenda_list li:nth-child(3n-1) .a_l_time { background-color: #129ff8; }
.agenda_list li:nth-child(3n) .a_l_time { background-color: #fa7272; }
.a_l_time>div { height: 100%; width: 50%; box-sizing: border-box; }
.a_l_time>div:first-child { border-right: 1px dashed white; }
.a_l_items { display: -webkit-box; height: 90px; padding: 10px 15px; line-height: 25px; border-bottom: 1px solid #dbdbdb; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.a_l_opera { height: 45px; padding: 10px 0; line-height: 25px; box-sizing: border-box; }
.a_l_opera a { position: relative; float: left; display: block; width: 33.33%; padding-left: 30px; text-align: center; box-sizing: border-box; border-left: 1px solid #dbdbdb; }
.a_l_opera a:hover { text-decoration: none; font-weight: bolder; }
.a_l_opera a:first-child { border-left: none; }
.a_l_opera a:before { content: ''; display: block; position: absolute; left: 30px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background: url(../imgs/icons.png) no-repeat; }
.a_l_opera .ic_l_2:before { background-position: -92px -382px; }
.a_l_opera .ic_l_3:before { background-position: -120px -382px; left: 22px; }
.a_l_opera .ic_l_4:before { background-position: -148px -382px; left: 15px; }
.single_sel p { margin-top: 10px; }
.single_sel p:first-child { margin-top: 0; }

/*========*/

/*项目列表*/

/*========*/
.banner3 { position: relative; width: 100%; }
.banner3-list a { display: block; }
.banner3-list img { width: 100%; height: 520px; vertical-align: middle; }
.banner3-list li { display: none; }
.banner3 span { position: absolute; display: block; z-index: 3; top: 50%; margin-top: -27px; width: 30px; height: 85px; background: url(../imgs/icons.png) no-repeat center; cursor: pointer; }
.banner3 span:hover { background-color: #bfbfbf; border-radius: 5px; }
.banner3 .banner3-prev { left: 50%; margin-left: -605px; background-position: -128px -118px; }
.banner3 .banner3-next { right: 50%; margin-right: -605px; background-position: -166px -118px; }
.banner3-list .curr { display: block; }
.banner3-page { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 15px; text-align: center; }
.banner3-page i { display: inline-block; width: 8px; height: 8px; margin-right: 10px; border-radius: 4px; background-color: #8fa8af; cursor: pointer; }
.banner3-page .act { background-color: black; }
.loginbar { position: relative; display: block; width: 100%; height: 100px; background-repeat: no-repeat; background-size: 100% 100%; }
.loginbar span { display: none; }
.loginbar.nologin { background-image: url(../imgs/img34.png); }
.loginbar.noinfo { background-image: url(../imgs/nocompanyname_bg_1210.jpg); }
.loginbar.noinfo span { display: inline-block; position: absolute; top: 50px; left: 205px; font-size: 18px;    width: 180px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.loginbar.islogin { background-image: url(../imgs/companyname_bg_1210.jpg); }
.loginbar.islogin.small { background-image: url(../imgs/companyname_bg.jpg); }
.loginbar.islogin span { display: block; }
.loginbar.islogin .lb-name { float: left; width: 1200px; height: 100px; padding-left: 30px; line-height: 100px; color: white; font-size: 34px; font-weight: bolder; font-family: Arial; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.loginbar.islogin.small .lb-name { width: 940px; }
.loginbar.islogin .lb-logo { float: right; width: 300px; height: 100px; line-height: 100px; text-align: center; }
.loginbar.islogin.small .lb-logo { width: 240px; }
.loginbar.islogin .lb-logo img { max-width: 280px; max-height: 80px; vertical-align: middle; }
.loginbar.islogin.small .lb-logo img { max-width: 220px; }
.sloginbar { position: relative; display: block; width: 100%; height: 90px; margin-top: 8px; background-repeat: no-repeat; background-size: 100% 100%; }
.sloginbar span { display: none; }
.sloginbar.nologin { background-image: url(../imgs/img37.png); }
.sloginbar.noinfo { background-image: url(../imgs/nocompanyname_bg_1210.jpg); }
.sloginbar.noinfo.small { background-image: url(../imgs/nocompanyname_bg.jpg); }
.sloginbar.noinfo span { display: inline-block; position: absolute; top: 53px; left: 150px;width:130px; font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.sloginbar.islogin { background-image: url(../imgs/img3_04.jpg); }

/*========*/

/*=询价单=*/

/*========*/
.inquiry { width: 1115px; border: 1px solid #444; margin: 0 auto; }
.inquiry.noborder { border:none; }
.inq-info { width: 100%; padding: 0 80px; box-sizing: border-box; }
.inq-info .fl { width: 425px; height: 405px; border: 1px solid #787878; text-align: center; }
.inq-info .fl img { max-width: 100%; height: 98%; margin-top: 1%; }
.inq-info .fr { width: 460px; }
.inq-info .fr table { width: 100%; text-align: center; }
.inq-info .fr th { padding: 6px 0; text-align: center; border: 1px solid #787878; background-color: #dcddde; }
.inq-info .fr td { padding: 6px 0; border: 1px solid #787878; }
.inq-tit { height: 30px; margin-top: 30px; padding-left: 40px; line-height: 30px; font-size: 16px; font-family: "微软雅黑"; background-color: #dfe0e1; }
.inq-market, .inq-cont, .inq-addr { width: 850px; margin: 30px auto; }
.req { position: relative; }
.req:before { position: absolute; left: -12px; top: 5px; display: block; width: 10px; height: 10px; line-height: 10px; content: '*'; color: red; font-size: 22px; }
.tit12 { position: relative; line-height: 20px; padding: 0 20px 15px; margin: 20px 0; border-bottom: solid 1px #e8e8e8; }
.tit12:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 3px; height: 20px; background-color: #f5a31d; }
.add { line-height: 30px; padding: 1px 10px; border: solid 1px #F6AC30; background-color: #FFE8BE; color: #FF6905; border-radius: 3px; vertical-align: top; }
.add:hover { text-decoration: none; }
.inq-addr .sel-show { padding-right: 10px; }
.popup.addr th, .popup.cont th { width: 110px; padding-left: 30px; text-align: right; }
.popup.cont th { width: 130px; padding-left: 0px; }
.popup.addr .btn04, .popup.cont .btn04 { background-color: #F5A31C; }
.bl01 { border-left: solid 2px #f5a31d; }
.inq-market th { width: 145px; padding: 15px 0 15px 45px; font-size: 12px; font-weight: normal; }
.inq-market th:first-child { padding-left: 0; }
.inq-market td>input[type='text'] { width: 280px; height: 35px; line-height: 35px; padding-left: 10px; border: 1px solid #828282; box-sizing: border-box; }
.inq-market .country { width: 280px; height: 35px; line-height: 35px; border: 1px solid #828282; }
.inq-market .sel-list { top: 35px; }
.inq-conf { padding: 0 130px; }
.inq-conf>ul>li>span { float: left; width: 200px; height: 30px; margin-top: 5px; padding-left: 50px; line-height: 30px; background-color: #dcddde; box-sizing: border-box; }
.inq-conf>ul>li>div { position: relative; float: right; width: 645px; height: 30px; margin-top: 5px; padding-left: 50px; line-height: 30px; background-color: #dcddde; box-sizing: border-box; }
.inq-conf>ul>li>div>a { position: absolute; right: 10px; }
.inq-conf>ul>li>div>input[type='text'] { width: 520px; height: 28px; background-color: #dcddde; border: none; outline: none; }
.inq-conf .select { border: none; background-color: #dcddde; }
.inq-conf .sel-show { padding: 0; height: 30px; line-height: 30px; }
.clump2 { position: relative; padding-left: 15px; }
.clump2 i { position: absolute; left: 0; top: 50%; margin-top: -4px; display: block; width: 8px; height: 8px; border-radius: 5px; vertical-align: middle; }
.area1 { width: 100%; padding: 10px; line-height: 20px; border: 1px solid #ddd; box-sizing: border-box; }
.inq-contact { width: 100%; padding: 30px 0; border-top: 1px solid black; }
.conflist li { float: left; margin-right: 20px; margin-bottom: 20px; }
.conflist .checkbox { padding-left: 20px; }
.myInquiry .table-title { width: 100%; height: 40px; line-height: 40px; background-color: #f1f1f1; border: 1px solid #ddd; }
.myInquiry .table-title span { padding-left: 0; }
.myInquiry .table { border: none; }
.myInquiry .table-list ul:last-child { border-bottom: 1px dashed #dbdbdb; }

/*============*/

/*=查看询价单=*/

/*============*/
.inq-tb01 { width: 100%; font-family: "微软雅黑"; font-size: 13px; text-align: center; border: 1px solid #4d4d4d; }
.inq-tb01 th { background-color: #ccc; text-align: center; line-height: 28px; }
.inq-tb01 td { border: 1px solid #4d4d4d; padding: 6px 0; }
.inq-tb02 { width: 100%; font-size: 16px; }
.inq-tb02>tbody>tr>th { line-height: 22px; background-color: #F5A31D; text-align: center;border-top: 1px solid #444;}
.inq-tb02>tbody>tr>td { padding: 4px 10px 4px 15px; /*background-color: #E8E8E9;*/ border-top: 1px solid #444;  }
.inq-tb02>tbody>tr>td:first-child { font-weight:bolder;width: 170px;border-right: 1px solid #444; }
.inq-tb02 table { width: 100%; text-align: center; }
.inq-tb02 table td { padding: 3px 0; border-left: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; }
.inq-t b02 table td:first-child { border-left: none; }
.inq-tb02 table tr:first-child td { border-top: none; }
.inq-img { /*height: 485px;padding-bottom:200px;*/ padding-top: 15px; /*border: 1px solid #c8c8c8;*/ background-color: white; text-align: center; }
.inq-img span { display: block; height: 350px; line-height: 350px; margin-top: 10px; }
.inq-img span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.inq-fob { height: 45px; line-height: 45px; /*border: 1px solid #c8c8c8;*/ text-align: center; font-weight: bolder; font-size: 16px; background-color: white; }
.inq-rem { height: 215px; padding: 10px; border: 1px solid #c8c8c8; }
.inq-pics{padding-top:15px;}
.inq-pics img{max-width:360px;margin-bottom:15px;}
.inq-pics p { float: left; width: 360px; height: 390px; line-height: 390px; text-align: center; margin-right: 10px; background-color: #DFE0E1; }
.inq-pics p:last-child { /*width: 475px;*/ margin-right: 0; background-color: transparent; }
.inq-pics p img { vertical-align: middle; max-width: 100%; max-height: 100%; }
.inq-pics p:last-child span { float: left; display: block; width: 232px; height: 190px; line-height: 180px; margin-top: 10px; margin-left: 10px; background-color: #DFE0E1; }
.inq-pics p:last-child span:nth-child(2n+1) { margin-left: 0; }
.inq-pics p:last-child span:nth-child(1), .inq-pics p:last-child span:nth-child(2) { margin-top: 0; }

/*购物车右侧浮窗*/
.rightbar { z-index: 18; position: fixed; right: 0; top: 200px; font-family: '微软雅黑'; transition:top 0.5s; }
@media (max-height:768px){
    .rightbar{top: calc(50vh - 250px);}
}
@media (max-height:600px){
    .rightbar{top: 40px;}
}
.rightbar .checkbox { box-sizing: content-box; margin-left: 0; }
.rightbar>div>span { position: absolute; right: 0; top: 0; display: block; width: 40px; height: 40px; background-color: #19223D; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.rightbar>div>div { display: none; z-index: 19; background-color: white; margin-right: 50px; overflow-y: auto; overflow-x: hidden; }
.rightbar .show-click>div { display: block; }
.rightbar .show-hover>span:after, .rightbar .show-click>span:after { content: ''; position: absolute; left: -11px; top: 13px; display: block; width: 0; height: 0; border: 6px solid; border-color: transparent #19223E transparent transparent; }
.rightbar-title { display: none; z-index: -1; position: absolute; top: 15px; right: 50px; height: 36px; line-height: 36px; padding: 0 20px; border-radius: 5px; box-sizing: border-box; color: white; white-space: nowrap; background-color: #19223D; }
@keyframes fadeFromLeft {
	0% { opacity: 0; transform: translate(-50px, 0) }
	100% { opacity: 1; transform: translate(0, 0) }
}
.rightbar .show-hover .rightbar-title, .rightbar .cartbox-s:hover .rightbar-title { z-index: 19; display: block; animation: fadeFromLeft .6s; -moz-animation: fadeFromLeft .6s; /* Firefox */ -webkit-animation: fadeFromLeft .6s; /* Safari and Chrome */ -o-animation: fadeFromLeft .6s; /* Opera */ }
.userbox .rightbar-title { top: 64px; }
.telbox .rightbar-title { top: 106px; }
.mailbox .rightbar-title { top: 148px; }
.userbox-b .userlogo { width: 80px; height: 80px; line-height: 78px; text-align: center; border: 1px solid #f0f3ef; box-sizing: border-box; background-color: white; }
.userbox-b .userlogo img { max-width: 80px; max-height: 80px; width: 100%; vertical-align: middle; }
.rightbar .cartbox-s { height: 60px; border-top: solid 10px #eb9f25; border-radius: 5px 0 0; background-image: url(../imgs/common/cart_03.png); background-position: 5px 16px; background-size: 27px; box-sizing: border-box; }
.rightbar .userbox-s { top: 62px; background-image: url(../imgs/common/user_06.png); }
.rightbar .telbox-s { top: 104px; background-image: url(../imgs/common/icon-phone.png); }
.rightbar .mailbox-s { top: 146px; border-radius: 0 0 0 5px; background-image: url(../imgs/common/mail_03.png); }
.rightbar .userbox-b { margin-right: 50px; display: none; border-top-left-radius: 5px; border-top-right-radius: 5px; width: 300px; border: 1px solid #ddd; border-top: none; box-sizing: border-box; padding-top: 5px; }
.rightbar .userbox-b a:hover { text-decoration: none; }
.rightbar .mailbox-b { height: 36px; line-height: 36px; border: 1px solid #ddd; top: 148px; position: absolute; margin-right: 0; box-sizing: border-box; padding: 0 20px; border-radius: 5px; transition: all .4s ease-in-out; opacity: 0; right: 100px; }
.rightbar .telbox-b { height: 36px; line-height: 36px; border: 1px solid #ddd; top: 106px; position: absolute; box-sizing: border-box; padding: 0 20px; border-radius: 5px; white-space: nowrap; transition: all .4s ease-in-out; opacity: 0; margin-right: 0; right: 100px; }
.rightbar .show-click .telbox-b, .rightbar .show-click .mailbox-b { transition: none; opacity: 1; right: 50px; overflow: hidden; }
.rightbar .r-user-manager-img { position: absolute; left: 10px; top: 20px; width: 95px; height: 80px; border-right: dashed 1px #ccc; }
.rightbar .r-user-manager-img img { margin-top: 13px; margin-left: 23px; }
.rightbar .r-user-manager-img img.ring { position: absolute; top: 0; left: 50%; margin-left: -42px; margin-top: 0; transition: all 0.5s; transform: rotate(0deg); }
.rightbar .r-user-manager-img img.ring:hover { transform: rotate(180deg); }
.userbox-b .ic_l_10 { display: inline-block; padding-left: 44px; line-height: 35px; font-size: 22px; font-weight: bolder; background: url(../imgs/common/icon-gr.png) no-repeat; }
.cartbox-s i { position: absolute; top: 7px; left: 13px; padding: 1px 5px; font-size: 12px; color: white; background-color: #e90000; border-radius: 10px; }
.cartbox-b { display: none; width: 300px; height: 500px; border: 1px solid #ddd; border-radius: 5px; padding: 5px 5px 185px; box-sizing: border-box; background-color: white; }
.cartbox-b .cart-empty{margin-top:10px;text-align:center;padding-top:60px;border-top:solid 1px #ccc;}
.cartbox-b .cart-empty p{color:#333;margin-top:15px;font-size:16px;}
.rightbar .topline { position: absolute; z-index: 20; top: 0; left: 0; width: 300px; height: 20px; background: url(../imgs/line_05.png) no-repeat top center; background-size: 100% auto; border-radius: 5px 5px 0; }
.cartbox-b * { position: relative; z-index: 19; }
.cartbox .ic_l_09 { display: inline-block; padding-left: 40px; background: url(../imgs/common/icart_09.png) no-repeat; line-height: 30px; font-size: 22px; font-weight: bolder; color:#323232; }
.cartbox-b>ul>li { margin-top: 5px; }
.cartbox-b>ul>li>div { position: relative; height: 40px; padding: 8px 0 8px 85px; background-color: #F2F2F2; }
.cartbox-b>ul>li>div img { position: absolute; left: 35px; top: 8px; width: 40px; height: 40px; }
.cartbox-b>ul>li>div .sold-out { position: absolute; display: inline-block; left: 35px; width: 40px; height: 40px; background: url(../imgs/sold-out.png); }
.cartbox-b .checkbox:before { left: 10px; }
.cartbox-b > ul > li > div p { box-sizing: content-box; height: 30px; padding: 5px 50px 0 0; line-height: 15px; overflow: hidden; }
.cartbox-b>ul>li i { position: absolute; right: 20px; display: block; width: 13px; height: 13px; background-repeat: no-repeat; cursor: pointer; }
.cartbox-b .del { background-image: url(../imgs/ic90_03.png); top: 15px; }
.cartbox-b .del:hover { background-image: url(../imgs/ic90_18.png); }
.cartbox-b .slide { background: url(../imgs/ic90_07.png) center no-repeat; bottom: 10px; transform: rotate(180deg); }
.cartbox-b .up .slide { transform: rotate(0); }
.cartbox-b>ul>li ul { display: none; padding: 0 10px; margin-bottom: 25px; }
.cartbox-b>ul>li ul li { color: black; padding: 8px 0; border-bottom: 1px dashed #c7c4c3; }
.cartbox-b>ul>li ul li:last-child { border-bottom: none; }
.cartbox-b .up ul { display: block; }
.cartbox-b .rate { overflow: hidden; padding: 10px; background-color: #F3F3F2; }
.cartbox .tit, .table-foot .tit { color: black; line-height: 25px; border-bottom: 2px solid black; font-weight: bolder; }
.cartbox-b .rate-t, .table-foot .rate-t { position: relative; overflow: hidden; margin-top: 5px; }
.cartbox-b .rate-t>span, .table-foot .rate-t>span { position: absolute; left: 15px; top: 50%; margin-top: -10px; font-weight: bold; }
.cartbox-b .rate-t>span.r-span{top:37px; font-weight:normal;}
.cartbox-b .cartbox-foot .rate-t>div{padding-left:130px;font-size:12px;}
.cartbox-b .rate-t>div, .table-foot .rate-t>div { width: 100%; overflow: hidden; padding-left: 100px; box-sizing: border-box; }
.table-foot .rate-t>div{padding-left:0;}
.cartbox-b .rate-t>div>p, .table-foot .rate-t>div>p { padding: 3px 0; border-bottom: 1px dashed #c1bfbd; }
.cartbox-foot{position: absolute;bottom: 0;left: 0;box-sizing: border-box;border: 1px solid #ccc;border-bottom:0; border-bottom-left-radius: 6px;border-bottom-right-radius: 6px; height:170px; width: 300px;background-color: #fff;}
.cartbox-btn { position: absolute; bottom: 0; /*left: 0; width: 300px; padding: 20px 0; background-color: #ddd; box-sizing: border-box;*/ }
.cartbox-btn input[type='button'] {border: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  width: 100%; height: 40px; background-color: black; color: white; font-weight: bolder; }
.cartbox .numbox input[type='button'] { width: 13px; height: 13px; line-height: 13px; border: none; background-repeat: no-repeat; margin-top: 5px; }
.cartbox .numbox .minus { background-image: url(../imgs/ic90_11.png) }
.cartbox .numbox .minus:hover { background-image: url(../imgs/ic90_22.png) }
.cartbox .numbox .minus:disabled:hover { background-image: url(../imgs/ic90_11.png); }
.cartbox .numbox .plus { background-image: url(../imgs/ic90_13.png) }
.cartbox .numbox .plus:hover { background-image: url(../imgs/ic90_24.png) }
.cartbox .numbox .plus:disabled:hover { background-image: url(../imgs/ic90_13.png); }
.cartbox .numbox input[type='text'].num { width: 35px; border: none; }
.cartbox .numbox input[type='text'].num:disabled { background-color: transparent; }

/*go back to top*/
.go-top { position: fixed; right: 0px; bottom: 10px; z-index: 95; width: 40px; height: 40px; background: #f5a31d url(../imgs/common/icon-up.png) no-repeat; background-position: center; border-radius: 5px 0px 0px 5px; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; cursor: pointer; }

/*购物车结算*/
.bbd01 { border-bottom: 1px dashed #ccc; }
.cart-l { float: left; width: 875px; box-sizing: border-box; }
.cart-l .cartlist { border: 1px solid #9a9999; overflow: hidden; }
.cart-l .cartlist .cart-list.disabled { background-color: #efefef; }
.cart-l .cartlist .cart-list.disabled .checkbox:before { background-image: url(../imgs/icon14_03.png); cursor: no-drop; }
.cart-l li>p { height: 30px; line-height: 30px; padding: 0 20px; background-color: #DCDCDC; font-weight: bolder; }
.cart-l .cl-cont { padding: 20px; overflow: hidden; background-color: white; }
.cart-l .cl-cont>span { float: left; display: block; width: 140px; height: 110px; text-align: center; }
.cart-l .cl-cont>span img { height: 100%; max-width: 100%; vertical-align: middle; }
.cart-l .cl-cont>div { float: left; width: 660px; padding: 10px 90px 10px 40px; border: 1px solid #9a9999; box-sizing: border-box; }
.cart-l .cl-cont>div>.fl { width: 180px; line-height: 18px; }
.cart-l .cl-cont ul { width: 230px; margin-top: 5px; }
.cart-l .cl-cont li { height: 22px; line-height: 22px; padding-left: 8px; }
.cart-l .cl-cont li:nth-child(odd) { background-color: #ddd; }
.cart .numbox { height: 18px; line-height: 18px; border: 1px solid #ccc; background-color: #E5E5E5; }
.cart .numbox input[type='button'] { width: 18px; height: 18px; line-height: 18px; border: none; background-color: transparent; }
.cart .numbox input[type='text'].num { width: 40px; font-size: 14px; height: 18px; line-height: 18px; border: none; background-color: transparent; }
.cart-r { z-index: 5; float: left; width: 335px; padding: 20px; border: 1px solid #9a9999; background-color: white; box-sizing: border-box; margin-left: -1px; }
.cr-tit { height: 41px; line-height: 41px; font-size: 16px; color: black; text-align: center; border-bottom: 2px solid black; }
.cart-r>div { padding: 20px 10px; }
.fs12 { font-size: 12px; }
.cart-r li { height: 22px; line-height: 22px; border-bottom: 1px dotted #ddd; }
.cart-btn { width: 100%; height: 40px; margin-top: 20px; color: white; font-weight: bolder; border: none; background-color: black; border-radius: 3px; }
.text02 { width: 100%; height: 35px; line-height: 35px; padding-left: 10px; border: 1px solid #828282; box-sizing: border-box; }

/*购物车新版样式新增*/
.cart-tabs { margin: 0; padding: 0; width: 100%; overflow: hidden; list-style: none; }
.cart-tabs li { float: left; margin: 0 15px -1px 0; }
.cart-tabs a { position: relative; background: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(to bottom, #fff, #ddd); padding: 10px 50px; float: left; text-decoration: none; color: #444; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .4); box-shadow: 0 2px 2px rgba(0, 0, 0, .4); border-left: 1px solid #e1e1e1; }
.cart-tabs a::after { content: ''; position: absolute; z-index: 1; top: 0; right: -10px; bottom: 0; width: 15px; background: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(to bottom, #fff, #ddd); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4); box-shadow: 2px 2px 2px rgba(0, 0, 0, .4); -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -ms-transform: skew(10deg); -o-transform: skew(10deg); transform: skew(10deg); -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
.cart-tabs .current a { border-top: 1px solid #e1e1e1; }
.cart-tabs .current a, .cart-tabs .current a::after { z-index: 3; font-weight: bold; background: #fff; color: #f5a31d; }
.cart-content { border: 1px solid #e1e1e1; border-top: 0; -webkit-box-shadow: 0 -1px 1px -1px rgba(0, 0, 0, .2); box-shadow: 0 -1px 1px -1px rgba(0, 0, 0, .2); padding-top: 20px; padding-bottom:20px; background-color: #fff; }
.cart02-l { margin-right: 19px; width: 890px; background-color: #fff; border: 1px solid #e1e1e1; border-left: 0; }
.cart02-l .cartlist { /*margin-bottom: 60px;*/ border: 0; }
.cart02-r { width: 300px; border: 1px solid #e1e1e1; border-right: 0; }
.cart-list { padding: 20px; border-bottom: 1px dashed #e1e1e1; }
.cart .cartlist .cart-list:last-child{border-bottom:0;}
.cart-list .cart-box01 .checkbox { top: 34px; }
.cart-box { float: left; text-align: left; font-size: 14px; color: #323232; }
.cart-box.c05{color:#d20505;}
.cart-box01 { width: 280px; text-align: left; }
.cart-box01 .checkbox:before { top: 65%; }
.cart-box01 .pro-img { border: 1px solid #e1e1e1; width: 75px; height: 75px; }
.cart-box01 .pro-img:hover { border-color: #f5a31d; }
.cart-box01 .pro-title { margin-bottom: 3px; overflow: hidden; height: 40px; line-height: 20px; color: #323232; }
.cart-box01 .pro-stock { margin-bottom: 3px; height: 18px; width: 95px; background-color: #f5a31d; line-height: 18px; font-size: 12px; color: #fff; text-align: center; -webkit-transform: skew(170deg); -moz-transform: skew(170deg); -ms-transform: skew(170deg); -o-transform: skew(170deg); }
.cart-box01 .pro-stock span { -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -ms-transform: skew(0deg); -o-transform: skew(0deg); }
.cart-box01 .pro-del { position: absolute; bottom: -4px; font-size: 12px; color: #999; }
.cart-box01 .pro-del:hover { color: #323232; cursor: pointer; text-decoration: underline; }
.cart-box02 { padding-left: 5px; width: 135px; word-break: break-word; }
.cart-box03 { padding-left: 5px; width: 150px; }
.cart .cart-box03 .numbox { margin-right: 15px; margin-top: 22px; border: 1px solid #cbcbcb; height: 30px; width: 120px; background-color: #fff; line-height: 30px; }
.cart .cart-box03 .numbox input[type='button'] { width: 30px; height: 30px; line-height: 30px; font-size: 20px; }
.cart .cart-box03 .numbox input[type='text'].num { width: 53px; height: 30px; line-height: 30px; }
.cart-box04 { padding-left: 5px; width: 135px; word-break: break-word; }
.cart-box05 { padding-left: 5px; width: 125px; line-height: 25px; text-align: right; }

/*注册成功*/
.head-shadow { border-bottom: 1px solid #dbdbdb; -moz-box-shadow: 0px 2px 5px #dbdbdb; -webkit-box-shadow: 0px 2px 5px #dbdbdb; box-shadow: 0px 2px 5px #dbdbdb; }
.success-box { margin: 0 auto; padding: 70px 130px; border: 1px solid #dadada; width: 700px; background-color: #fff; text-align: center; color: #323232; font-size: 16px; }
.success-box .success-title { margin-bottom: 30px; border-bottom: 1px dashed #cccccc; padding-bottom: 35px; font-size: 25px; font-weight: bold; }
.success-btn { border: none; border-radius: 5px; width: 155px; height: 45px; background-color: #ededed; line-height: 45px; color: #323232; text-align: center; }
.success-btn01 { background-color: #f6911d; color: #fff; }

/*邮箱校验*/
.box670 { margin: 0 auto; padding: 75px 85px; border: 1px solid #dadada; width: 500px; background-color: #fff; color: #323232; line-height: 25px; font-size: 14px; }
.box670 .box670-input { border-bottom: 1px solid #dddddd;        /*height: 35px;*/ color: #323232; line-height: 35px; }
.box670 .box670-input input[type=text], .box670 .box670-input input[type=password] { border: none; outline: none; height: 35px; text-indent: 5px; line-height: 35px; font-size: 14px; }
.box670 .send-error { border-bottom: 1px solid #ff0000; color: #ff0000; }
.box670 .send-error input[type=text] { color: #ff0000; }
.box670 .box670-input .s-btn { border: 1px solid #f5a31d; height: 35px; width: 140px; background-color: #f5a31d; line-height: 35px; font-size: 16px; color: #fff; }
.box670 .box670-input .s-btn160 { border: 1px solid #f5a31d; height: 35px; width: 160px; background-color: #f5a31d; line-height: 35px; font-size: 14px; color: #fff; }
.box670 .box670-input .countdown { border: 1px solid #f5a31d; background-color: #fff; color: #f5a31d; }
.pw-box input { border: 1px solid #dadada; }


/*询盘*/
table.inquiry-tab { margin: 0 auto; width: 1117px; color: #000; text-align: center; line-height: 25px; }
table.inquiry-tab tr:first-child { text-align: center; font-size: 16px; }
table.inquiry-tab tr:first-child td { padding: 20px 0; }
table.inquiry-tab tr:first-child td:nth-child(4) { text-align: center; }
table.inquiry-tab tr td { padding: 15px; }
table.inquiry-tab tr td:nth-child(4) { width: 360px; text-align: left; }
table.inquiry-tab tr:last-child td, table.inquiry-tab tr:nth-last-child(2) td { padding: 30px 15px; }
table.inquiry-tab tr:last-child { text-align: left; }
.table-list-l { display: table-cell; width: 720px; border-right: solid 1px #dbdbdb; box-sizing: border-box; }
.table-list-r { display: table-cell; border-right: solid 1px #dbdbdb; padding-bottom:8px; padding-top:8px; height: 100%; text-align: center; vertical-align: middle; }
.table-list-r > div { height: 100%; display: table-cell; }
.table-list-r:last-child { border-right: none; }
.btnCheck { display: inline-block; padding: 4px 5px; border: solid 1px #58a7d8; color: #58a7d8; border-radius: 3px; }
.btnCheck:hover { background-color: #58a7d8; color: white; text-decoration: none; }
.interest { position: absolute; right: 20px; top: 20px; display: block; width: 24px; height: 24px; background: url(../imgs/ic36_03.png) no-repeat center; margin-top: -5px; display: none; cursor: pointer; }
.interest.act { background-image: url(../imgs/ic37_05.png); display: block; }
.int-title { font-size: 34px; padding-left: 70px; line-height: 54px; font-style: italic; background: url(/imgs/icon33_03.png) no-repeat left; }
.golist { font-size: 20px; padding: 10px 25px 10px 60px; border: solid 1px #F5A31D; border-radius: 22px; background: url(/imgs/return.png) no-repeat 25px center; }
.golist:hover { text-decoration: none; background-color: #F5A31D; }
.fly { width: 15px; height: 15px; background-color: #BF211D; border-radius: 50%; }
.table-foot .notice-box{display:inherit;}
.table-foot .notice-box.dno{display:none;}
.notice-box { display: none; z-index: 29; position: absolute; top: 30px; left: 10px; margin-left: -200px; width: 400px; padding: 10px 15px; border: 1px solid #efefef; background-color: white; box-shadow: 2px 2px 6px #ddd; }
.notice-box:after { position: absolute; content: ''; top: -15px; left: 50%; display: block; width: 18px; height: 18px; background: url(../imgs/arr_03.png) no-repeat; background-size: 100%; }
.rate .notice-box { position: absolute; /*right: -235px;*/ top: 5px; left: -235px; width: 190px; line-height: 16px; margin-left: 0; color: #d20505; font-size: 12px; box-shadow: 2px 2px 6px #ccc; }
.rate .notice-box:after { top: 26px; left: 215px; transform: rotate(90deg) scale(0.7); -ms-transform: rotate(90deg) scale(0.7); 	/* IE 9 */ -moz-transform: rotate(90deg) scale(0.7); 	/* Firefox */ -webkit-transform: rotate(90deg) scale(0.7); /* Safari 和 Chrome */ -o-transform: rotate(90deg) scale(0.7); 	/* Opera */ }
.table-foot>div p.go-shoping{padding-top:10px; font-size:12px;}
.table-foot>div p.go-shoping span{display:inline;}
.table-foot>div p.go-shoping a:hover span{text-decoration:underline;}
/*订单进程--Order is in progress*/
.dis-tab { display: table; }
.dis-tab-c { display: table-cell; vertical-align: middle; }
.ls-in { display: list-item !important; list-style: inside; }
.progress-tit { margin-bottom: 25px; border: 1px solid #e5e5e5; width: 100%; height: 88px; background-color: #f1f1f1; color: #0e0e0e; text-align: center; font-size: 13px; text-transform: uppercase; }
.progress-tab { padding-bottom: 150px; width: 100%; text-align: left; font-size: 13px; color: #000; }
.progress-tab span { display: inline-block; }
.progress-tab .tab-tit { margin-bottom: 20px; border: 1px solid #a8a8a8; height: 30px; background-color: #d2d2d2; line-height: 30px; text-align: center; font-weight: bold; }
.progress-tab .tab-tits { margin-bottom: 2px; padding: 5px 0 5px 45px; background-color: #ececec; line-height: 20px; text-align: left; }
.progress-tab .tab-ul { padding-left: 60px; }
.progress-tab .tab-ul li { border-bottom: 1px dashed #dcdcdc; padding: 10px 0; line-height: 20px; }
.progress-tab .tab-ul li:last-child { border-bottom: 1px dashed transparent; padding: 10px 0; line-height: 20px; }
.progress-tab .tab-ckecked { background: url(../imgs/icon_checked.png) no-repeat left center; }
.progress-tab .tab-ul li span { float: left; min-height: 20px; }

@media (max-width:1400px) {
	.mt0-bw1366 { margin-top: 0; }
	.mt5-bw1366 { margin-top: 5px; }
	.mt10-bw1366 { margin-top: 10px; }
	.mt15-bw1366 { margin-top: 15px; }
	.mt20-bw1366 { margin-top: 20px; }
	.bh655-bw1366 { min-height: 655px; }
}
.error-warpper { min-height: 450px; }
.error-warpper .error { float: left; padding: 55px 100px 0 190px; width: 390px; }
.error-warpper .error .error-tit { padding-bottom: 30px; font-size: 60px; color: #F5AE3F; font-weight: bold; transition: all 0.5s; }
.error-warpper .error .error-text { padding-bottom: 45px; font-size: 24px; font-weight: bold; color: #555; transition: all 0.5s; }
.bg-error { background: url(../imgs/img_error02.png) center center no-repeat; background-color: #f4f4f4; height: 70%; }
.error-404 { min-height: 450px; height: 100vh; height: calc(100vh - 210px); height: -webkit-calc(100vh - 210px); height: -moz-calc(100vh - 210px); transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
@media (max-height:768px) {
	.error-warpper .error .error-tit { font-size: 48px; }
	.error-warpper .error .error-text { font-size: 20px; }
	.btn-error { height: 48px; line-height: 48px; font-size: 20px; }
	.error-warpper img { margin-top: 25px; height: 400px; transition: all 0.5s; }
}
.error-no-pro { margin-top: 15px; padding: 90px 230px 126px 420px; border: 1px solid #d7d7d7; background: url(../imgs/no-product.jpg) no-repeat 245px 85px; background-size: 120px 120px; background-color: #fff; }
.table-title.table-line { padding-left: 0; border-top: 0; }

/*AboutUs Detail*/
.ab-detail { width: 100%; color: #575757; padding-top: 40px; padding-bottom: 75px; overflow: hidden; }
.ab-detail .ab-detail-left { float: left; width: 750px; box-sizing: border-box; background-color: white; color: #333; }
.ab-detail .ab-detail-left .carousel { margin: 0 auto; border: 0; }
.ab-detail .ab-detail-left .ab-pro-title { margin-top: 35px; margin-bottom: 15px; border-bottom: 5px solid #323232; padding-bottom: 10px; font-size: 26px; font-weight: bold; }
.ab-detail .ab-detail-left .ab-pro-stitle { font-size: 18px; }
.ab-detail .ab-detail-left .ab-detail-ul { padding-top: 10px; font-size: 14px; list-style: disc; }
.ab-detail .ab-detail-left .ab-detail-ul li { margin-left: 15px; padding: 8px 0; list-style: disc; }
.ab-detail .ab-detail-right { float: right; width: 260px; }
.ab-detail .ab-detail-right .list03-title { border: 1px solid #dbdbdb; border-bottom: 0; padding-left: 0; background-color: #f4f4f4; font-weight: bold; text-align: center; font-size: 14px; color: #333; }
.ab-detail .ab-detail-right .list03, .list-new { border-bottom: 0; height: 900px; overflow: hidden; }
.list-new { height: 322px !important; }
.ab-detail .ab-detail-right .list03-item, .list-new .list-new-item { border-top: 0; padding: 20px; height: 260px; font-size: 16px; text-align: left; color: #666; }
.ab-detail .ab-detail-right .list03-item a, .list-new .list-new-item a { color: inherit; }
.ab-detail-right .list03-item .list03-img, .list-new .list-new-item .list-new-img { display: block; padding-bottom: 10px; height: 200px; text-align: center; }
.ab-detail-right .list03-item .list03-model, .list-new .list-new-item .list-new-model { margin-bottom: 10px; border-bottom: 1px solid #868686; padding-bottom: 5px; color: #333; font-weight: bold; }
.list-new .list-new-item { position: relative; margin: 10px; padding: 20px 20px; height: initial; width: 262px; }
.list-new .list-new-item .about-btn, .list03-item .about-btn { position: absolute; bottom: 40px; left: 60px; width: 140px; border-radius: 0; transition: all .3s linear; opacity: 0; }
.list-new .list-new-item:hover .about-btn, .list03-item:hover .about-btn { bottom: 90px; opacity: 1; }
.list-new .list-new-item:hover a { text-decoration: none; color: inherit; }
.ab-detail-right a.show-line:after { background: #666; }
.ab-detail-right .ab-detail-handle { border: 1px solid #dbdbdb; border-top: 0; height: 45px; line-height: 45px; font-size: 30px; font-family: cursive; color: #575757; text-align: center; }
.ab-detail-right .ab-detail-handle span { display: inline-block; padding: 0 10px; cursor: pointer; }
.ab-detail-right .ab-detail-handle span.next { transform: rotate(180deg); }
.ab-detail-right .ab-detail-handle span.noclick { color: #e7e7e7; }
.toast-bottom-right{right:45px!important;bottom:15px!important;}
/*文本框样式*/
.input02 { border: 0; border-bottom: 1px solid #d9d9d9; border-radius: 0; padding: 0 10px; width: 100%; height: 40px; background-color: #fff; line-height: 40px; color: #323232; font-size: 16px; width: calc(100% - 40px); -webkit-box-shadow: none; box-shadow: none; outline: none; }


/*分页new_page*/
.ht-page {
    padding: 20px 0 35px 0;
    text-align: center;
    font-size: 16px;
}

    .ht-page span {
        vertical-align: middle;
    }

    .ht-page a {
        text-decoration: none;
        color: #333;
        outline: none;
    }

    .ht-page .pagebtn {
        display:inline-block;
        position:relative;
        width: 34px;
        height: 30px;
        line-height:30px;
        background: #333;
        border: 0;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        margin-left: 10px;
        font-size:16px;
        /*padding-bottom: 5px;*/
        vertical-align: middle;
    }
        .ht-page .pagebtn:hover {
            background-color: #333;
        }

    /*.ht-page .pagebtn:hover {
                background: #9ecb5e;
            }*/

    .ht-page .previous {
        display: inline-block;
        width: 28px;
        height: 28px;
        line-height: 29px;
        border: 1px solid #e9e9e9;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        background-color: #eeeded;
        text-align: center;
        cursor: pointer;
        margin-right: 5px;
        font-size: 14px;
    }

        .ht-page .previous.disable {
            display: inline-block;
            cursor: default;
            text-align: center;
        }

    .ht-page .disable .iconfont {
        color: #bababa;
        cursor: not-allowed;
    }

    .ht-page .next {
        display: inline-block;
        width: 28px;
        height: 28px;
        line-height: 29px;
        border: 1px solid #e9e9e9;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        text-align: center;
        background-color: #eeeded;
        cursor: pointer;
        font-size:14px;
    }


    .ht-page .previous .glyphicon-triangle-left,
    .ht-page .disable .glyphicon-triangle-left {
        left: -1px;
    }

    .ht-page .previous .glyphicon-triangle-left,
    .ht-page .disable .glyphicon-triangle-left,
    .ht-page .next .glyphicon-triangle-right,
    .ht-page .disable .glyphicon-triangle-right {
        font-size: 14px;
        line-height: 23px;
    }

    .ht-page .next.disable {
        display: inline-block;
        cursor: default;
        text-align: center;
    }
    .ht-page .prev a {
        display: inline-block;
        width: 28px;
        height: 28px;
        line-height: 29px;
        text-align: center;
    }
    .ht-page .next a {
        display: inline-block;
        width: 28px;
        height: 28px;
        line-height: 29px;
        text-align: center;
    }

    .ht-page .num {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 31px;
        background-color: #eeeded;
        color: #333;
        margin-right: 5px;
    }

        .ht-page .num.current {
            background: #F5A31D;
            color: #fff;
            cursor: pointer;
        }

        .ht-page .num a {
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 31px;
        }

            .ht-page .num a:hover {
                color: #555;
                background: #f1f1f1;
            }

    .ht-page .dots {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e9e9e9;
        text-align: center;
        margin-right: 10px;
    }

    .ht-page .total {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }

        .ht-page .total.total_page {
            display: none;
            margin-left: 5px;
            margin-right: 5px;
        }

    .ht-page .page_jump {
        display: none;
        margin: 0 10px;
        font-size: 16px;
    }

    .ht-page .pageInput {
        width: 55px;
        height: 30px;
        border: 1px solid #e9e9e9;
        outline: none;
        text-align: center;
        margin-left: 10px;
        vertical-align: middle;
    }

        .ht-page .pageInput:focus {
            border: 1px solid #666;
        }

@media screen and (max-width: 767px) {
    .ht-page {
        padding: 10px 0;
    }

        .ht-page .total_page {
            display: none;
        }

        .ht-page .num.current {
            display: inline-block;
            padding: 0 10px;
        }

        .ht-page .pageInput, .ht-page .pagebtn {
            width: 40px;
            margin-bottom: 10px;
        }


        .ht-page .page_jump {
            margin: 0 5px;
        }

        .ht-page .num, .ht-page .previous, .ht-page .next, .ht-page .dots {
            margin-bottom: 10px;
        }
}


.link--downpdf {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 135px;
    height: 24px;
    line-height: 24px;
    background-color: #FD9F2B;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1587017951335'); /* IE9 */
  src: url('iconfont.eot?t=1587017951335#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1587017951335') format('woff'),
  url('iconfont.ttf?t=1587017951335') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1587017951335#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  /*font-size: 16px;*/
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pendingorder:before {
  content: "\e61b";
}

.icon-salesmanager:before {
  content: "\e71b";
}

.icon-choose:before {
  content: "\e63f";
}

.icon-VIP:before {
  content: "\e627";
}

.icon-right1:before {
  content: "\e648";
}

.icon-left1:before {
  content: "\ed5e";
}

.icon-dingzhi:before {
  content: "\e624";
}

.icon-dingzhi1:before {
  content: "\e628";
}

.icon-print:before {
  content: "\e61d";
}

.icon-download:before {
  content: "\e66c";
}

.icon-download1:before {
  content: "\e651";
}

.icon-right:before {
  content: "\e649";
}

.icon-left:before {
  content: "\e625";
}

.icon-fanhui1:before {
  content: "\e61a";
}

.icon-xiangshang:before {
  content: "\e617";
}

.icon-jingshi:before {
  content: "\e6b3";
}

.icon-shijian1:before {
  content: "\e69c";
}

.icon-gouwuche2:before {
  content: "\e60f";
}

.icon-CRM_icon_liebiao:before {
  content: "\e610";
}

.icon-CRM_icon_chaxun:before {
  content: "\e613";
}

.icon-CRM_icon_dingdan:before {
  content: "\e614";
}

.icon-CRM_icon_tianjiakehu:before {
  content: "\e615";
}

.icon-showroom:before {
  content: "\e6f1";
}

.icon-zaixianquhao:before {
  content: "\e633";
}

.icon-fankui:before {
  content: "\e60e";
}

.icon-fuwu1:before {
  content: "\e66f";
}

.icon-suoyoukuanxiaodian:before {
  content: "\e612";
}

.icon-gouwuche1:before {
  content: "\e647";
}

.icon-songhuoyunshuzhong:before {
  content: "\e60d";
}

.icon-xiangyou:before {
  content: "\e609";
}

.icon-toright:before {
  content: "\e605";
}

.icon-pinterest:before {
  content: "\e79a";
}

.icon-twitter:before {
  content: "\e8d1";
}

.icon-weibiaoti504:before {
  content: "\e611";
}

.icon-links:before {
  content: "\e608";
}

.icon-youxiang1:before {
  content: "\e667";
}

.icon-dianhua1:before {
  content: "\e62c";
}

.icon-guanyuwomen1:before {
  content: "\e658";
}

.icon-dingwei:before {
  content: "\e681";
}

.icon-ordercenter:before {
  content: "\e8be";
}

.icon-accountcenter:before {
  content: "\e604";
}

.icon-interactivezone:before {
  content: "\e6d5";
}

.icon-huiyuanqia:before {
  content: "\e626";
}

.icon-sousuo1:before {
  content: "\e623";
}

.icon-guanbi:before {
  content: "\e855";
}

.icon-denglu:before {
  content: "\e728";
}

.icon-vip:before {
  content: "\e66b";
}

.icon-chuanzhen:before {
  content: "\e603";
}

.icon-pinpai:before {
  content: "\e60a";
}

.icon-youxiang:before {
  content: "\e636";
}

.icon-user2:before {
  content: "\e607";
}

.icon-jingxuan:before {
  content: "\e619";
}

.icon-dianhua:before {
  content: "\e6a4";
}

.icon-rexiao:before {
  content: "\e659";
}

.icon-weizhi:before {
  content: "\e60b";
}

.icon-fuwu:before {
  content: "\e601";
}

.icon-tuichudenglu:before {
  content: "\e62b";
}

.icon-duozhanhuixinxicaiji:before {
  content: "\e616";
}

.icon-guanyuwomen:before {
  content: "\e606";
}

.icon-chanpin:before {
  content: "\e672";
}

.icon-icon-font_shangpinpinpai:before {
  content: "\e646";
}

.icon-xinwen-copy:before {
  content: "\e602";
}

.icon-zuanshi:before {
  content: "\e60c";
}

.icon-xinwen:before {
  content: "\e82a";
}

.icon-zhanghu1:before {
  content: "\e618";
}

.icon-gouwuche:before {
  content: "\e600";
}

.icon-shijian:before {
  content: "\e723";
}

.icon-index:before {
  content: "\e61c";
}


.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
	padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
	float: none;
	margin-left: 0;
	margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
	text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
	left: 0;
	right: auto;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

/* index */
.recProduct{width: 1080px;text-align: center;margin: 0px auto;}
.recProduct div{width: 325px;float:left; border: solid 1px #b5c1bd;margin: 15px;}
.recProduct div:hover{border: solid 1px #ddd;cursor:pointer;}
.recProduct div img{width: 325px;}
.recProduct .p1{color: #9d968d;font-size: 14px;font-weight: bold;padding-bottom: 10px;}
.recProduct .p2{color: #9d968d;font-size: 12px;font-weight: bold;padding-bottom: 10px;}
.recProduct .p3{color: #9d968d;font-size: 12px;padding-bottom: 10px;height: 40px;}

/* product */
.pro-wrapper { width: 1252px; margin: 0 auto; }
.pro-wrapper .left { width: 400px; float: left;background: #e4b9c2;}
.pro-wrapper .right { width: 852px; float: left;}
.proList{width: 852px;text-align: center;margin: 0px auto;}
.proTitle{margin-left: 15px;background: #e4b9c2;height: 40px;width: 797px;float: left;padding-top: 20px;text-align: right;font-size: 16px;color: #fff;font-weight: bold;padding-right: 20px;}
.proList div{width: 250px;float:left; border: solid 1px #b5c1bd;margin: 15px;}
.proList div:hover{border: solid 1px #e4b9c2;cursor:pointer;}
.proList div img{width: 250px;height: 250px;}
.proList .p1{color: #9d968d;font-size: 14px;font-weight: bold;padding-bottom: 10px;}
.proList .p2{color: #9d968d;font-size: 12px;font-weight: bold;padding-bottom: 10px;}
.proList .p3{color: #9d968d;font-size: 12px;padding-bottom: 10px;height: 40px;}
.hand{cursor:pointer;}
#classMenu .hand:hover{background-color: #009d4c;}
.js-load-more {font-size: 18px;}
.bannerPic{width: 100%;}

/* pro_detail */
.prod-wrapper { width: 1200px; margin: 0 auto;}
.prod-wrapper .dleft { float: left;text-align: left;}
.prod-wrapper .dright { width: 570px; float: left;text-align: left;}
.prod-wrapper .dtitle{font-size: 24px;line-height: 150%;width: 1252px; text-align: left;padding-top: 20px; padding-bottom: 20px;color:#9d968d;}
.prod-wrapper .dstitle{font-size: 16px;line-height: 250%;width: 100%;text-align: left; color:#9d968d;padding-left: 30px;}
.dinfo { width: 1200px; margin: 0 auto; text-align: left;padding-top: 20px;}
.dinfo .tab-link.has-content {
  display: inline-block;
}
.dinfo .tab-link.is-active {
  color: #9d968d;
  border-bottom-color: #fff;
  background: #fff;
}
.dinfo .tab-link {
  padding: .625rem .9375rem .625rem .9375rem;
  margin: 0rem .3125rem 0rem 0rem;
  line-height: 1.5rem;
  font-size: .875rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  top: .0625rem;
  display: none;
  position: relative;
  font-weight: 700;
  text-align: center;
  color: #9d968d;
  border: 1px solid #dadae5;
  white-space: nowrap;
}
.content-description{ width: 1200px; border: 1px solid #dadae5;padding: 15px;  color: #9d968d;box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox */-webkit-box-sizing:border-box;/* Safari */}
/*news*/
.news {width: 1252px;text-align: center;margin: 0px auto;}
.news div{width: 300px;float:left; border: solid 1px #b5c1bd;margin: 15px;}
.news div:hover{border: solid 1px #009e4b;cursor:pointer;}
.news div img{width: 300px;height: 200px;}
.news .p1{color: #9d968d;font-size: 14px;font-weight: bold;padding-bottom: 10px;}
.news .p2{color: #9d968d;font-size: 12px;font-weight: bold;padding-bottom: 10px;}
.news .p3{color: #9d968d;font-size: 12px;padding-bottom: 10px;height: 40px;}