/** 清除内外边距 **/
#tool{display: none!important;}
body{overflow-x: hidden;}

body, h1, h2, h3, h4, h5, h6, hr, p,

blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

form, fieldset, legend, button,  /* form elements 表单元素

th, td, /* table elements 表格元素 */

img/* img elements 图片元素 */{

    border:medium none;

    margin: 0;

    padding: 0;

}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/** 重置列表元素 **/

ul, ol { list-style: none; }

/** 重置超链接元素 **/

a { text-decoration: none; color:#333;}

a:hover{text-decoration: none}

/*a:hover {color:#F40; }*/

/** 重置图片元素 **/

img{ border:0;}

/** 重置表格元素 **/

table { border-collapse: collapse; border-spacing: 0; }

/** 清除内外边距 **/

body, h1, h2, h3, h4, h5, h6, hr, p,

blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

form, fieldset, legend, button, /* form elements 表单元素

th, td, /* table elements 表格元素 */

img/* img elements 图片元素 */{

    border:medium none;

    margin: 0;

    padding: 0;

}

.red{color: red}

input,button,select,textarea{outline:none} textarea{resize:none}

/*sja新加*/

.clear{clear: both;}

.imgfit{display: flex;justify-content: center;align-items: center;}

.imgfitr{display: flex;justify-content: right;align-items: center;}

.fitobj{object-fit: cover;height: 100%!important;width: 100%!important}

.fitobj2{object-fit: contain;height: 100%!important;width: 100%!important}

.bhh{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}

.none{display: none}

.imglimit img{max-width: 90%;margin-top: 20px;}



.f10{font-size: 10px;}

.f12{font-size: 12px;}

.f14{font-size: 14px;}

.f15{font-size: 15px;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f30{font-size: 30px;}

.fw{font-weight: bold;}



/********margin*********/

.m5{margin: 5px 0}

.m10{margin: 10px 0}

.m20{margin: 20px 0}

.m30{margin: 30px 0}

.m40{margin: 40px 0}

.m50{margin: 50px 0}

.m60{margin: 60px 0}

/*margin-top*/

.mt5{margin-top: 5px!important;}

.mt8{margin-top: 8px!important;}

.mt10{margin-top: 10px!important;}

.mt15{margin-top: 15px!important;}

.mt20{margin-top: 20px!important;}

.mt30{margin-top: 30px!important;}

.mt40{margin-top: 40px!important;}

.mt50{margin-top: 50px!important;}

.mt60{margin-top: 60px!important;}

.mt70{margin-top: 70px!important;}

.mt100{margin-top: 100px!important;}

/*margin-bottom*/

.mb5{margin-bottom: 5px!important;}

.mb10{margin-bottom: 10px!important;}

.mb20{margin-bottom: 20px!important;}

.mb30{margin-bottom: 30px!important;}

.mb40{margin-bottom: 40px!important;}

.mb50{margin-bottom: 50px!important;}

.mb60{margin-bottom: 60px!important;}

.mb70{margin-bottom: 70px!important;}



/********padding*********/

.p5{padding: 5px 0}

.p10{padding: 10px 0}

.p20{padding: 20px 0}

.p30{padding: 30px 0}

.p40{padding: 40px 0}

.p50{padding: 50px 0}

.p60{padding: 60px 0}

/*padding-top*/

.pt5{padding-top: 5px!important;}

.pt10{padding-top: 10px!important;}

.pt20{padding-top: 20px!important;}

.pt30{padding-top: 30px!important;}

.pt40{padding-top: 40px!important;}

.pt50{padding-top: 50px!important;}

.pt60{padding-top: 60px!important;}

.pt70{padding-top: 70px!important;}

/*padding-bottom*/

.pb5{padding-bottom: 5px!important;}

.pb10{padding-bottom: 10px!important;}

.pb20{padding-bottom: 20px!important;}

.pb30{padding-bottom: 30px!important;}

.pb40{padding-bottom: 40px!important;}

.pb50{padding-bottom: 50px!important;}

.pb60{padding-bottom: 60px!important;}

.pb70{padding-bottom: 70px!important;}





/*text-align*/

.tc{text-align: center;}

.tl{text-align: left;}

.tr{text-align: right;}



/*.layui-layer-molv .layui-layer-btn a*/

.margin{margin: 0 auto}

.h100{height: 100%}



/*overflow*/

.of{overflow: hidden;}





.w80{width: 80%;margin-left: 10%}

.w60{width: 60%;margin-left: 20%;}

.w95{width: 95%;margin: 0 auto}

.w90{width: 90%;margin: 0 auto}

.cf{color: #ffff}

.c3{color: #333}

/*line-height*/

.l16{line-height: 1.6}

.l18{line-height: 1.8}

.l20{line-height: 2.0}

.l23{line-height: 2.3}

.l25{line-height: 2.5}



.line2{overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}



.w100{width: 100%;}

.hauto{height: auto;}

/*text-indent*/

.ti2{text-indent: 2em}

.ti1{text-indent: 1em}

.ti05{text-indent: 0.5em}

.c9{color: #999}

.c6{color: #666}

/**/



.bd{background: #ddd}

.bf5{background: #f5f5f5}







body::-webkit-scrollbar {/*滚动条整体样式*/

    width:5px;     /*高宽分别对应横竖滚动条的尺寸*/

    height: 1px;

}

body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 3px;

    background-color: #d7000f;

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);

}

body::-webkit-scrollbar-track {/*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    /*border-radius: 10px;*/

    background: #EDEDED;

}







/************************瀵艰埅鏍忓紑濮�***************************************/

.clearfix:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}

.clearfix{zoom:1;}

#nav{

    height: 80px;

    padding-top: 20px;

    width: 100%;

    background: #FFFFFF;

    border-bottom: 1px solid #CCCCCC;

    /*position: fixed;

    top: 52px;

    left: 0;

    z-index: 100;*/

}

#nav .wrap{

    box-sizing:border-box;

}

.logoOld{

    width: 140px;

    height: 60px;

    padding-left: 63px;

    float: left;

}



.logo img{

    width: 100%;

    height: 100%;

}



.menuDiv {

    float: right;

}



.redline{

    width: 34px;

    height: 2px;

    background: #D7000F;

    margin: 0 auto 18px;

    display: none;

}



/* 璁剧疆ul鍜宭i鐨勬牱寮� */

.menuDiv ul li{

    position: relative;

    float: left;

}



/* 涓€绾ц彍鍗� */

.menuDiv > ul > li > a {

    padding:18px 19px;

    color: black;

    text-align: center;

    display: block;

    font-size: 18px;

}



/* 浜岀骇鑿滃崟*/

.menuDiv > ul > li > ul {

    display: none;

    border: 1px solid #ccc;

    background: #FFFFFF;

    position: absolute;

    left: 0;

    top: 74px;

    z-index: 100;

}



.menuDiv > ul > li > ul li:last-of-type  {

    margin-bottom: 18px;

}



/* 璁剧疆浜岀骇鑿滃崟鐨刲i鐨勬牱寮� */

.menuDiv > ul > li > ul > li {

    float: none;

    padding:0 23px;

    opacity: 0.9;

}



.menuDiv > ul > li > ul > li > a {

    width: 205px;

    height: 40px;

    line-height: 40px;

    color: #000000;

    text-align: left;

    border-bottom: 1px solid #ccc;

    border-top: none;

    display: block;

    font-size: 14px;

}



/* 榧犳爣鏀惧湪涓€绾ц彍鍗曚笂锛屾樉绀轰簩绾ц彍鍗� */

.menuDiv > ul > li:hover ul {

    display: block;

}



.menuDiv > ul > li:hover .redline {

    display: block;

}



/* 鍦ㄤ竴绾ц彍鍗曚腑锛岄紶鏍囨斁涓婂幓鐨勬牱寮� */

.menuDiv > ul > li > a:hover {

    color: #d7000f;

    font-weight:bold;

}



/* 鍦ㄤ簩绾ц彍鍗曚腑锛岄紶鏍囨斁涓婂幓鐨勬牱寮� */

.menuDiv > ul > li > ul > li:hover {

    background-color: #D7000F;

}



.menuDiv > ul > li > ul > li:hover a{

    border-bottom: 0;

}



.menuDiv > ul > li > ul > li a:hover {

    color: #FFFFFF;

}



.menuDiv > ul > li .serviceUl li a{

    width: 151px;

    position: relative;

}



.serviceUl li a>i{

    display: inline-block;

    width: 15px;

    height: 15px;

    position: absolute;

    top: 14px;

    left: 0;

}



.serviceUl li:nth-of-type(1) a i{

    background: url(../img/i1.png) no-repeat top center;

}

.serviceUl li:nth-of-type(2) a i{

    background: url(../img/i2.png) no-repeat top center;

}

.serviceUl li:nth-of-type(3) a i{

    background: url(../img/i3.png) no-repeat top center;

}

.serviceUl li:nth-of-type(4) a i{

    background: url(../img/i4.png) no-repeat top center;

}

.serviceUl li:nth-of-type(1):hover a i{

    background: url(../img/i11.png) no-repeat top center;

}

.serviceUl li:nth-of-type(2):hover a i{

    background: url(../img/i22.png) no-repeat top center;

}

.serviceUl li:nth-of-type(3):hover a i{

    background: url(../img/i33.png) no-repeat top center;

}

.serviceUl li:nth-of-type(4):hover a i{

    background: url(../img/i44.png) no-repeat top center;

}



.menuDiv > ul > li .productUl li a{

    position: relative;

}



.productUl li a>i{

    display: block;

    width: 37px;

    height: 33px;

    position: absolute;

    top: 5px;

    right: 20px;

}



.fixnav{

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    padding-top: 0 !important;

}



.logoNew{

    width: 95px;

    height: 40px;

    margin-top: 15px;

    float: left;

}



.new{

    margin-top: 95px;

}



/************************瀵艰埅鏍忕粨鏉�***************************************/





/******************************浜у搧宸ュ叿鏍�*******************************/

#productTool{

    position: fixed;

    top: 50%;

    left: 0;

    width: 50px;

    height: 300px;

    background-color: #333333;

    z-index: 110;

    margin-top: -150px;

}



#productTool img{

    margin:0 auto;

    margin-top: 10px;

}



#productTool .wenzi{

    width: 22px;

    display: block;

    font-size: 16px;

    font-weight: bold;

    line-height: 28px;

    color: #ffffff;

    margin: 0 auto;

    margin-top: 8px;

    text-align: center;

}



#productTool .button{

    color: #FFFFFF;

    width: 40px;

    margin: 0 auto;

    padding: 20px 0;

    border-bottom: 1px solid #656565;

    text-align: center;

    cursor: pointer;

}



#productTool .button1{

    margin-top: 18px;

    border-top: 1px solid #656565;

}



#productTool .button i{

    color: #FFF;

    font-size: 26px;

}



#productTool .button1:hover i{

    color: #d7000d;

}



#productTool .button1:hover .selectProduct{

    display: block;

}



#productTool .button2:hover i{

    color: #d7000d;

}



#productTool .button2:hover .compareProduct{

    display: block;

}



.selectProduct,.compareProduct{

    display: none;

}



#productTool .selectProduct img{

    margin: 0;

    position: absolute;

    top: 166px;

    left: 42px;

}



#productTool .compareProduct img{

    margin: 0;

    position: absolute;

    top: 230px;

    left: 42px;

}



.productToolBox{

    width: 369px;

    height: 100%;

    border: 1px solid #e4e4e4;

    box-shadow: 10px 5px 5px #CCCCCC;

    position: fixed;

    background-color: #FFFFFF;

    left: -380px;

    top: 0;

    overflow: auto;

    display: none;

    padding-bottom: 20px;

}



#productTool .productToolBox .toolTop{

    width: 289px;

    margin: 18px auto;

    font-size: 22px;

}



#productTool .productToolBox .toolTop span{

    background-position:50% 50% ;

    vertical-align: middle;

}



.productToolBox .back{

    width: 11px;

    height: 25px;

    display: inline-block;

    margin-right: 85px;

    background: url(../img/productToolBox-Arrow.png) no-repeat;

    background-position-y: 7px;

}



.productToolBox .quit{

    width: 25px;

    height: 25px;

    display: inline-block;

    margin-left: 72px;

    background: url(../img/quit.png) no-repeat;

    cursor: pointer;

}



.selectBox{

    width: 289px;

    margin: 0 auto;

    border-top:1px solid #b2b2b2;

    border-bottom: 1px solid #b2b2b2;

}



.selectBox p{

    font-size: 12px;

    line-height: 12px;

    color: #ababab;

    width: 258px;

    display: none;

}



.subNav{

    cursor:pointer;

    font-size:18px;

    line-height:26px;

    background:url(../img/jiantou1.jpg) no-repeat;

    background-position:95% 50%;

    border-top:solid 1px #e5e3da;

    padding: 10px 0;

}



.currentDt{

    background-image:url(../img/jiantou.jpg);

}



.navContent{

    display: none;

    padding-left: 12px;

    padding-bottom: 20px;

}



.navContent li{

    display:block;

    height:24px;

    font-size:14px;

    line-height:24px;

    color:#333;

}



.progress{

    width: 289px;

    margin: 0 auto;

    padding: 0 20px 20px;

    border: 2px solid black;

}



.progress h2{

    font-size: 18px;

    line-height: 38px;

    margin-top: 10px;

}



output {

    display: inline-blockblock;

    font-size: 24px;

    font-weight: bold;

    text-align: center;

}



.rangeslider{

    margin: 12px 0;

}



.progress .max{

    margin-left: 228px;

}



.progressReset{

    border:0px;

    color: #FFFFFF;

    outline: none;

    width: 80px;

    height: 29px;

    background-color: #5d5d5d;

    border-radius: 5px;

    margin-top: 14px;

    cursor: pointer;

}



.toolBottom{

    width: 289px;

    margin: 0 auto;

    font-size: 14px;

}



.toolBottom p{

    margin-top: 10px;

}



.toolBottom .reset{

    border:0px;

    color: #FFFFFF;

    outline: none;

    width: 67px;

    height: 29px;

    background-color: #5d5d5d;

    border-radius: 5px;

    margin-top: 14px;

    cursor: pointer;

}



.toolBottom .sure{

    border:0px;

    color: #FFFFFF;

    outline: none;

    width: 67px;

    height: 29px;

    background-color: #D7000F;

    border-radius: 5px;

    margin-top: 14px;

    cursor: pointer;

}





/******杞﹀瀷瀵规瘮妗�******/

.selectDiv{

    padding: 0 35px;

}



.selectText{

    padding: 0 40px;

}



#productTool .selectTextinside{

    margin: 10px 0;

    padding: 10px;

    border-bottom: 1px solid #000000;

}



.selectDiv select{

    width: 300px;

    height: 34px;

    background-color: #ffffff;

    border-radius: 3px;

    border: solid 1px #cdcdcd;

}



.selectDiv select:nth-of-type(2){

    margin-top:6px;

    display: none;

}



.selectTextinside{

    display: flex;

    align-items: center;

}



.selectTextinside p{

    font-family: MicrosoftYaHei;

    font-size: 14px;

    color: #000000;

    text-align: left;

    width: 85%;

}



.selectDiv p{

    font-family: MicrosoftYaHei;

    font-size: 14px;

    line-height: 40px;

    color: #D7000F;

}



.selectTextinside .del{

    width: 18px;

    height: 18px;

    display: block;

    background: url(../img/quit.png) no-repeat;

    background-size:cover;

    cursor: pointer;

    margin-left: 10px;

}



.selectbox_buttons{

    display: flex;

    justify-content: space-between;align-items: flex-end;

}



.toCompare{

    width: 166px;

    height: 40px;

    line-height: 40px;

    background-color: #d7000f;

    border-radius: 5px;

    text-align: center;

    font-size: 18px;

    color: #ffffff;

    cursor: pointer;

}



.empty{

    cursor: pointer;

}