#logo {display: inline-block; float: left; }
#logo a { display: block; width: 260px; height: 60px; }
#logo b { font-size: 26px; color: #c5271e; }
.tcred { color: #c5271e; }
.el-row { position: relative; box-sizing: border-box; }
.el-col-16 { width: 66.66667%; }
.el-col-8 { width: 33.33333%; }
.bleft { float: left; display: block; }
.bright { float: right; display: block}
#logo_split { background-color: #a9a9a9; width: 1px; height: 40px; float: left; margin-top: 20px; margin-left: 16px; }
#logo_note { margin-top: 18px; margin-left: 16px; }
#contact { position: absolute; top: 5px; right: 0px; margin-top: 15px}
#contact_note { width: 211px; height: 20px; background-image: url(../style/phone_split.png); background-position: center; background-repeat: no-repeat; text-align: center; }
#contact_icon { background-image: url(../style/icon_phone.png); width: 25px; height: 21px; float: left; margin-left: 5px; margin-right: 15px; margin-top: 6px; }
#contact_phone { margin-top: 6px; color: #c5271e; float: left; font-size: 22px; font-weight: 100; font-family: Impact}
#header { background-color: #fff; }
#header .el-col-8 { height: 90px; background-position: right 20px; }
.homenav li { text-align: center; color: #fff; float: left; font-size: 14px; height: 50px; line-height: 50px; padding: 0px 5px; }
.homenav li:first-child { padding-left: 0px; }
.homenav a { display: block; border-left: 1px solid #d83432; padding-left: 45px; padding-right: 45px; }
.homenav a.on { padding-left: 50px; padding-right: 50px; margin-top: 5px; height: 40px!important; line-height: 40px!important; background: #fff; color: #d83432!important; border-radius: 2px; }
#pubban { background-color: #fff; overflow: hidden; height: 116px; }
#bancon { background: url(../style/pubban.jpg) no-repeat center top; height: 116px; position: relative; color: #c5271e; }
#bantitle { position: absolute; font-size: 28px; font-weight: 800; left: 0px; top: 35px; }
#banen { position: absolute; font-size: 14px; font-weight: 700; left: 0px; top: 65px; color: #ccc; }
.banner { height: 420px; overflow: hidden; background-color: #fff; }
.banner .focusBox { border: none; float: none!important; width: 1200px; height: 420px; margin: 0px auto; box-shadow: none; }
.banner .focusBox .pic li { width: 100%; height: 420px; display: block; border-radius: 0px; }
.banner .focusBox .num { position: absolute; z-index: 3; bottom: 15px; right: 20px; }
.banner .focusBox .num li { margin-left: 5px; width: 20px; height: 20px; line-height: 20px; }
.slist,
#product { width: 1160px; border-radius: 4px; background-color: #fff; padding: 20px; padding-bottom: 30px; margin-top: 20px; }
.title { height: 56px; overflow: hidden; border-bottom: 1px dashed #dfdfdf; }
.title span a { font-size: 12px; font-weight: normal; line-height: 50px; margin-right: 20px; }
.title i { display: inline-block; height: 55px; font: 14px Arial, Helvetica, sans-serif; color: #b1b1b1; text-transform: uppercase; line-height: 24px; font-weight: bold; line-height: 17px; }
.title i em { display: block; float: left; font: 42px Arial, Helvetica, sans-serif; color: #c5271e; font-weight: bold; margin-right: 5px; }
.title i a { display: block; font: 14px"Microsoft Yahei"; color: #333; font-weight: bold; padding: 5px 0 0 0; width: 135px; }
.lh { padding-top: 15px; overflow: hidden; }
.lh li { width: 25%; float: left; list-style: none; margin-top: 20px; }
.lh li .p-img { display: inline-block; margin: 0 auto; text-align: center; border: 1px solid #fff; border-radius: 4px; }
.lh li .p-img:hover { border: 1px solid #c5271e; }
.lh li .p-img img { border-radius: 4px; width: 190px; height: 130px; }
.lh li .p-name { margin-top: -14px; margin-right: 10px; height: 36px; line-height: 36px; word-break: break-all; word-wrap: break-word; overflow: hidden; }
.p-price { color: #999; }
.p-price span,
.p-price a { float: right; width: 16px; height: 16px; background-image: url(../style/king.jpg); text-indent: -9999px; margin-right: 20px; }
.p-price strong { color: #c5271e; font-size: 14px; }
.fright { float: right; }
.about { float: left; width: 800px; text-indent: 2em; padding: 30px; font-size: 14px; line-height: 30px; overflow: hidden; }
.aboutc { width: 300px; float: right; }
.aboutc .userbox { margin-left: 10px; color: #000; background-color: #fafafa; border: 1px dashed #dfdfdf; }
.aboutc .userbox h3 a { color: #db0402; }
.aboutc .lcontact .tcred { color: #db0402; }
.ctitle { padding-top: 30px; padding-bottom: 5px; font-size: 25px; font-weight: bold; text-align: center; }
.cinfo { text-align: center; line-height: 30px; font-size: 16px; }
.probox .lh { overflow: hidden; }
.probox .lh li { width: 270px; padding: 0 10px; float: left; text-align: center; }
.probox .lh li .p-img { width: 240px; height: 180px; margin: 0 auto; position: relative; overflow: hidden; }
.probox .lh li .p-img img { width: 240px; height: 180px; border-radius: 4px; }
.probox .lh li .p-img em { top: 20px; *display: none; position: absolute; left: -280px; float: left; width: 240px; height: 240px; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); -moz-transition: 0s; -o-transition: 0s; -webkit-transition: 0s; transition: 0s; }
.probox .lh li .p-img em { background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); }
.probox .lh li .p-img em { background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); }
.probox .lh li .p-img em { background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); }
.probox .lh li .p-img:hover em { left: 320px; transition: .5s; -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s; }
.probox .lh li .p-img:hover img { border-color: #ccc\9; }
.probox .lh li .p-name { padding: 0px 13px 0 13px; height: 36px; line-height: 36px; word-break: break-all; word-wrap: break-word; overflow: hidden; text-align: center; }
#subnews { margin-bottom: 20px; }
.technology_list dl { float: left; width: 560px; padding: 10px 8px 20px 12px; }
.technology_list dl dt { float: left; width: 69px; height: 54px; background-color: #c5271e; border-radius: 4px; position: relative; font-size: 36px; color: #fff; text-align: center; font-weight: bold; line-height: 36px; padding-top: 15px; margin-top: 4px; }
.technology_list dl dt span { display: block; font-size: 12px; line-height: 14px; }
.technology_list dl dt em { position: absolute; top: 0; left: 0; width: 69px; height: 35px; background-color: rgba(0, 0, 0, 0.2); _background-color: #9e1f18; }
.technology_list .day { font-size: 36px; line-height: 36px; height: 36px; position: absolute; width: 69px; z-index: 1; }
.technology_list .year { position: absolute; width: 69px; bottom: 4px; }
.technology_list dl dd { float: right; width: 465px; }
.technology_list dl dd h4 { font-size: 16px; color: #373737; line-height: 26px; margin-bottom: 6px; }
.technology_list dl dd p { margin: 6px 0px; padding: 0px; font-size: 14px; color: #373737; line-height: 22px; height: 50px; overflow: hidden; }
.technology_list dl a:hover p,
.technology_list dl a:hover h4 { color: #068b4b; }
.ellipsis a { font-size: 14px; font-weight: 700; }
.wz_list .newsinfo { width: 900px; }
.list_news_info { float: right; margin-right: 15px; }