/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px;outline:none; }
input, select { font-size: 13px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 13px; color: #333333; }/*google浏览器字体兼容*/
body { font-family:"微软雅黑", "宋体",Arial, Helvetica, sans-serif; width: 100%; background: #ffffff; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333333; outline: none; }
a:hover { color: #52290b; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #2e9571 }
.green { color: #007b3f }
.red { color: #f66139 }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #007e40 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold;}
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }



/* @media screen and (max-width:1200px){.w1200{padding:0 20px;}}
@media screen and (max-width:1280px){.w1280{padding:0 20px;}}
@media screen and (max-width:1400px){.w1400{padding:0 20px;}}
@media screen and (max-width:1440px){.w1440{padding:0 20px;}}
@media screen and (max-width:1600px){.w1600{padding:0 20px;}} */

.ibj{ padding:30px 0 60px 0;width:85%;margin:auto;}
.ibjt{ margin-bottom:26px;}
.ibjt ul{ display:grid; grid-template-columns:repeat(4, 1fr);gap:20px;}
.ibjt ul li{ border:1px #efefef solid; padding:30px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.ibjt ul li:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px); border:1px #ff4800 solid;box-shadow:0 0 10px 0 rgba(229, 1, 32, 0.45); cursor:pointer;}
.ibjtl{ width:153px; height:auto;}
.ibjtl .tit{ font-size:18px; color:#3d3d3d; line-height:32px;}
.ibjtl .info{ font-size:14px; color:#999999; line-height:28px;}
.ibjtr{ width:68px; height:auto;}

.ibjt ul li:hover .tit{ color:#ff4800;}

.ibjc{box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);}
.ibjcl{ width:499px; height:328px; padding:40px 45px; color:#fff;}
.ibjcl .tit{ font-size:34px; line-height:40px; letter-spacing:2px; font-weight:bold;}
.ibjcl .info{ font-size:16px; line-height:32px; margin:10px auto 20px auto;}
.ibjcl .line{ width:28px; height:2px; background:#ff4800;}

.ibjcm{ width:531px; height:328px; background:url(/skin/images/i_bj_jiantou.jpg) no-repeat left 30px #fff; padding:35px 35px 0 30px;}
.ibjcm .tit{ font-size:24px; line-height:40px; letter-spacing:1px; font-weight:bold;}
.ibjcm .info{font-size:16px; line-height:32px; margin:10px auto 30px auto; color:#999999;}
.ibjcm .con{ height:65px;}
.scroll-bar{ height: 65px;position: relative; border-radius:65px;}
.entire-bar{ width:100%;height: 12px;top: 12px;left: 0;position: absolute;background: #eeeeee;border-radius:65px;}
.action-bar{ top: 12px;height: 12px;position: absolute;background: #ff4800;border-radius:65px;}
.action-block{ top: 2px; left:-20px;width: 50px;height: auto;cursor: pointer;position: absolute; padding-top:40px; background:url(/skin/images/ibjcm_con_on.jpg) no-repeat 50% top; font-size:14px; color:#999999; font-weight:bold; text-align:center;}

.ibjcm .ibjcm_mss{ margin-top:40px;}
.ibjcm .ibjcm_mss .ibjcm_mss_tex{ width:290px; height:50px; border:1px #dddddd solid; line-height:48px; background:url(/skin/images/i_bj_phone.jpg) no-repeat 15px 50% #fff; font-size:14px; color:#999999; text-indent:44px;}
.ibjcm .ibjcm_mss .ibjcm_mss_a{ display:block; width:160px; height:50px; line-height:50px; background:#ff4800; color:#fff; font-size:15px; text-align:center;}

.ibjcr{ width:250px; height:328px; background:url(/skin/images/i_bj_right.jpg) no-repeat left 50% #fff; padding:30px 25px 0 26px;}
.ibjcr .tit{font-size:18px; line-height:32px; letter-spacing:1px; font-weight:bold;}
.ibjcr .num{ margin:10px 0; font-size:14px; font-weight:bolder; color:#ff4800;}
.ibjcr .num span{ font-family:Arial, Helvetica, sans-serif; font-size:48px; padding-right:5px;}
.ibjcr .con{ border:1px #ebebeb solid; padding:12px 15px; border-radius:10px; margin-bottom:15px; color:#666666; font-size:14px; line-height:23px;}
.ibjcr .con span{ color:#333333; font-weight:bolder; padding-right:5px;}
.ibjcr .info{ font-size:12px; color:#999999; line-height:20px;}

.ibjc2 .ibjcl {height: 300px;}
.ibjc2 .ibjcm {height: 300px;}
.ibjc2 .ibjcr {height: 300px;}
.ibjc2 .ibjcr .num {margin: 24px 0 40px;}
.ibjc2 select{ width:220px; height:50px; line-height:50px; border:1px #eeeeee solid; margin-right:19px; text-indent:10px; color:#555555;}
.ibjc2 .size {margin-top: 16px;position: relative;}
.ibjc2 .size input {width: 465px;height: 50px;line-height: 50px;padding: 0 15px;border: 1px #dddddd solid;}
.ibjc2 .size span {position: absolute;z-index: 1002;font-size: 15px;color: #080808;top: 16px;right: 18px;font-weight: bolder;}
.ibjc2 .ibjcm .ibjcm_mss {margin-top: 16px;}
.ibjc2 .area {margin-top: 16px;}
.ibjc2 select:nth-of-type(2) {margin-right: 0;}

@media screen and (max-width:1400px) {
    .itwol {width: 600px;}
    .imoviecl {width: 820px;overflow: hidden}
    .ffloatr {width: 850px;}
    .online {top: 13%;}
}

@media screen and (max-width:1366px) {
/* *报价计算器* */
.ibjcl {
    width: 300px;
    height: 328px;
    padding: 40px 45px;
    color: #fff;
}
.ibjcm {
    width: 400px;
    height: 328px;
    background: url(/skin/images/i_bj_jiantou.jpg) no-repeat left 30px #fff;
    padding: 35px 35px 0 30px;
}
.ibjc2 select {
    width: 188px;
    height: 50px;
    line-height: 50px;
    border: 1px #eeeeee solid;
    margin-right: 19px;
    text-indent: 10px;
    color: #555555;
}
.ibjc2 .size input {
    width: 368px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border: 1px #dddddd solid;
}
.ibjcm .ibjcm_mss .ibjcm_mss_tex {
    width: 260px;
    height: 50px;
    border: 1px #dddddd solid;
    line-height: 48px;
    background: url(/skin/images/i_bj_phone.jpg) no-repeat 15px 50% #fff;
    font-size: 14px;
    color: #999999;
    text-indent: 44px;
}
.ibjcm .ibjcm_mss .ibjcm_mss_a {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    background: #ff4800;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
}


@media screen and (max-width:1280px) {
/* *报价计算器* */
.ibj {
    padding: 30px 0 60px 0;
    width: 95%;
    margin: auto;
}
.ibjcl {
    width: 300px;
    height: 328px;
    padding: 40px 45px;
    color: #fff;
}
.ibjcm {
    width: 400px;
    height: 328px;
    background: url(/skin/images/i_bj_jiantou.jpg) no-repeat left 30px #fff;
    padding: 35px 35px 0 30px;
}
.ibjc2 select {
    width: 188px;
    height: 50px;
    line-height: 50px;
    border: 1px #eeeeee solid;
    margin-right: 19px;
    text-indent: 10px;
    color: #555555;
}
.ibjc2 .size input {
    width: 368px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border: 1px #dddddd solid;
}
.ibjcm .ibjcm_mss .ibjcm_mss_tex {
    width: 260px;
    height: 50px;
    border: 1px #dddddd solid;
    line-height: 48px;
    background: url(/skin/images/i_bj_phone.jpg) no-repeat 15px 50% #fff;
    font-size: 14px;
    color: #999999;
    text-indent: 44px;
}
.ibjcm .ibjcm_mss .ibjcm_mss_a {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    background: #ff4800;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.ibjcr {
    width: 230px;
    height: 328px;
    background: url(/skin/images/i_bj_right.jpg) no-repeat left 50% #fff;
    padding: 30px 25px 0 26px;
}
}