*{margin:0 auto; padding:0; list-style-type:none; font-family: "Arial"; font-size:14px; color: #333; }
html, body { position: relative; height: 100%;}
*{margin:0;padding:0}
p{ text-indent:0; font-size:14px; font-family: "Arial";  color: #333;  }
ul{list-style:none;}
i{ font-style: normal;}
a,img{border:0;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
em{ font-style:normal}
a{text-decoration:none;font-family: Arial, Helvetica, sans-serif ; }
a:hover{color:#000;}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}

body {padding:0;margin:0;}


.hw_bg{ background:url(../images/hw_02.jpg) repeat-x center #eeeeee;}

.section{ width: 100%;}
.main{ margin: 0 auto; width: 1150px; padding: 0 15px; background: #FFF; overflow: hidden;}
.header{ padding: 20px 0; display: flex; justify-content:space-between}
.erweima{display: flex; }
.teel{ margin-left: 15px; line-height: 22px; font-size: 15px; color: #666;}


.daohang{margin:0 auto 10px;height:45px;background:#444 }
.daohan_main{ margin:0 auto; }
.index{ width:100%; z-index:22; }
.index ul{width:100%;background: #4844444;  line-height:45px; display: block; }
.index li{ line-height:45px;float:left; position:relative; text-align:center; cursor:pointer; padding:0 25px;}
.index li a{width:100%;float:left; line-height:45px; color:#FFF; text-transform:uppercase; font-size:16px; background: #444444;}
.index li.erji_meau_ab{ width:200px}
#erji_meau{background-color:#f2f2f2; width:151%;text-align:center; display:none;overflow: hidden;position:absolute; top:45px;   z-index:898800}
#erji_meau a{float:left; display:block; width:100%; height:30px; background:#f0f1f2; line-height:30px;color:#555; font-size:15px; text-align: left; text-indent: 1.8em;
 border-bottom:1px solid #e2e0e0; text-transform:none;}
.index li a:hover{width:100%; height:45px;float:left; background:#ba1c25; color:#FFF; }
.index li:hover{color:#555;}
.index li:hover #erji_meau,.index li:hover #erji_meau_ab{ display: block;transition:0.3s; }
#erji_meau a:hover{color:#f2f2f2;background:#ba1c25; transition:0.1s;}


.slide_y{overflow:hidden;position:relative;margin:0 auto ;}
.slide_y .box{overflow:hidden;position:relative;width:100%;height:377px;background:#000;}
.slide_y .list{overflow:hidden;height:9999px}
.slide_y .list li{overflow:hidden;position:relative;width:100%;height:377px;_vertical-align:top;}
.slide_y .list img{_vertical-align:top;}
.slide_y .list:hover img{filter:alpha(opacity=70);opacity:0.7;}
.slide_y .list:hover img:hover{filter:alpha(opacity=100);opacity:1;}
.slide_y .btn{overflow:hidden;position:absolute;bottom:0;right:0;width:12%;height:20px;padding:5px 0;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');}
.slide_y .btn li{float:left; width:20px;height:20px;margin:0 0 0 10px;border-radius:2px;background:#eee;color:#333;font:14px/20px Tahoma;
text-align:center;cursor:pointer;}
.slide_y .btn .selected{background:#a9021a;color:#fff;}
.slide_y .btn span{ width:50%; float:right}


.index_text{ margin: 30px 0;}
.bitoo{ margin: 0 0 30px;}
.bitoo h5{ font-size: 28px; color: #000; line-height: 30px;}
.text_left{ width: 563px;background: #ececec; height: 297px;}
.text_left h5{ font-size: 20px; color: #1b1b1b; line-height: 35px; margin: 25px 15px; padding-bottom: 15px; border-bottom:3px solid #a7010c; }
.text_left ul{ margin: 0 auto;}
.text_left ul li{ float: left; line-height: 25px; font-size: 16px; color: #333; padding: 0 20px 0 30px;background: url(../images/hw_45.png) no-repeat 10px 5px; }

.text_rrr{background:#9d9d9d;}
.text_rrr h5{ color: #FFF;border-bottom:3px solid #a7010c; }
.text_rrr ul li{ color: #FFF;background: url(../images/hw_46.png) no-repeat 10px 5px;}


.parts{ margin: 20px 0; width: 100%; }
.parts_top{ margin: 15px 0 15px; line-height: 50px;width: 100%; }
.parts_top span{ float: left; font-size: 21px; color: #000; text-transform: uppercase; font-weight: bold;background: url(../images/hw_27.jpg) no-repeat left; padding-left: 20px;}
.parts_top a{ font-size: 16px; float: right; color: #b70109;background: url(../images/hw_30.jpg) no-repeat right; padding-right: 16px;}
.parts_top a:hover{ text-decoration: underline;}
.parts_xia{ margin: 0 0 20px ;width: 100%; }
.parts_xia ul{ margin-left: -1.5%; overflow:hidden}
.parts_xia ul li{ width: 23.4%;  float: left; margin-left: 1.5% ;}
.parts_xia ul li a{ overflow: hidden; }
.parts_xia ul li a p{ font-size: 16px;text-align: center; font-weight: bold; color: #000; line-height: 30px; margin: 10px 0; float: left; ;width:100%; height:30px; overflow:hidden}
.parts_xia ul li a .img{display: block;overflow: hidden;width:100%; margin:0 0; position:relative ;  border: 1px solid #e2e0e0;}
.parts_xia ul li a .img img,.showcase_txia ul li a .img img{ width:100%; display:table;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform}
.parts_xia ul li a .img img:hover,.showcase_txia ul li a .img img:hover{transform:scale(1.2,1.2); }
.parts_xia ul li a:hover p{color: #b70109;text-decoration: underline;}

.showcase{margin: 10px 0 10px; width: 100%; }
.showcase_txia{width: 100%; margin:0px ;}
.showcase_txia ul{ margin-left: -1%;}
.showcase_txia ul li{ width: 15.6%;  float: left; margin-left: 1% ; margin-bottom: 20px;}
.showcase_txia ul li a{ float: left;width: 100%;  border: 1px solid #e2e0e0; }
.showcase_txia ul li a .ttr{border-top:none; padding: 10px; font-size: 15px; color: #333;border-top: 1px solid #e2e0e0;}
.showcase_txia ul li a .img{display: block;overflow: hidden;width:100%; margin:0 0; position:relative ; }
.showcase_txia ul li a .ttr P{line-height: 26px; height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;}
.showcase_txia ul li a:hover .ttr P{color: #b70109;text-decoration: underline;}

.footer{ background: #707070; padding: 30px 25px 40px; margin: 0 auto; width: 1130px; overflow: hidden;}
.footer h5{ font-size: 21px; color: #FFF; line-height: 35px; text-transform: uppercase; border-bottom: 1px solid #979797; padding-bottom: 15px;}
.footer_xia{ margin: 20px 0;}
.foot_left{ margin: 0 auto ;}
.foot_left p{ font-size: 17px; font-weight: bold; color: #FFF; line-height: 32px;background: url(../images/tu_01.png) no-repeat left; padding-left: 35px;}
.foot_left p.mail{background: url(../images/tu_02.png) no-repeat left; }
.foot_left span{ font-size: 14px; color: #FFF; line-height: 40px; }

.foot_midd{  margin: 50px 0 0 140px;}
.foot_midd a img:hover{ opacity: 0.6;}
.foot_rht{  margin: 30px 0 0 30px;}
.foot_rht img{ margin-left: 15px;}
/*------------------------------------------------------------------product-----------------------------------------*/
.product{margin: 20px 0;  overflow: hidden;}

.pro_left{ width: 230px; } 
.pro_top{ width: 100%; line-height: 60px; background:#b70109 ; text-align: center;}
.pro_top h5{ font-size: 19px; color: #FFF;}

.pro_xia{ margin: 0 0 30px;}
.pro_xia ul{ margin: 0 auto;}
.pro_xia ul li{float: left;width: 100%; margin-bottom: 5px;}
.pro_xia ul li a{ float: left;width: 100%; line-height: 25px; padding: 5px 0; background:  url(../images/hw_45.png) no-repeat 13px #f5f5f5; font-size: 16px; text-indent: 2em; color: #333;}
.pro_xia ul li a:hover{background:  url(../images/hw_46.png) no-repeat 13px #b70109; color: #FFF; }

.pro_right{margin: 0 auto; width: 890px;}
.pro_rt_top{ width: 100%; line-height: 35px; border-bottom:  1px solid #e2e0e0;}
.pro_rt_top span{ font-size: 17px; font-weight: bold; color: #333; float: left;}
.pro_rt_top p{ display: inline-block; float: right; font-size: 14px; color: #333; background: url(../images/Contact.gif) no-repeat left; padding-left: 15px;}
.pro_rt_top p a{font-size: 14px; color: #333;}
.pro_rt_top p a:hover{color: #b70109;text-decoration: underline;}

.prort_xia{ width: 100%; margin:20px 0 ;}
.prort_xia ul li{ margin-bottom: 10px;width: 31.7%; ;}
.prort_xia ul li a p{ font-size: 16px; height:40px;}

/*------------------------------------------------------------------Spare-----------------------------------------*/

.Spare_xia { margin-top: 20px;}
.Spare_xia ul li{ width: 23.3%;float: left;margin-left: 1.5%;}
.Spare_xia ul li a p{ font-size: 15px;}

/*------------------------------------------------------------------product_main-----------------------------------------*/

.product_main{ margin: 30px 0; width:100%}
.biaot{ width: 100%; margin: 0 auto; text-align: center;}
.biaot h5{ font-size: 19px; line-height: 30px; margin: 0 0 15px;}
.prrooo_top{ width: 90%; margin: 0 auto; text-align: center;}
.prrooo_top img{border: 1px solid #e2e0e0; }

.prrro_xia{ width: 100%; margin: 20px 0;}
.xia_ttop{ width: 100%; margin: 0 auto; text-align: center; line-height: 40px; background:#efeeee ;}
.xia_ttop span{ font-size: 16px; color: #FFF; text-transform: uppercase; font-weight: bold; width: 180px; background:#b70109 ;line-height: 40px; float: left;}

.prrr_manin{width: 100%; margin: 20px 0;}
.prrr_manin p{ font-size: 15px; line-height: 27px;}

.qitaa{width: 100%; margin: 20px 0;}
.qitaa h5{ font-size: 18px; font-weight: bold; width: 100%; border-bottom:  1px solid #e2e0e0; line-height: 35px; padding-bottom: 10px;}
/*------------------------------------------------------------------about-----------------------------------------*/

.about{ margin: 20px 0; width:100%}
.about p{font-size: 15px; line-height: 27px;}

/*------------------------------------------------------------------Sharing-----------------------------------------*/
.Sharing{width: 100%; margin: 20px 0;}
.Sharing ul{ margin: 0 auto;}
.Sharing ul li{ float: left; margin: 0 0 10px; border-bottom:  1px dotted #686868; padding-bottom: 10px; width: 98%;background: url(../images/hw_30.jpg) no-repeat left 12px; padding-left: 2%;}
.Sharing ul li a h5{ font-size: 15px; font-weight: bold; color: #333; line-height: 35px;height: 35px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;}
.Sharing ul li a p{ font-size: 14px;color: #333; line-height: 25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden; margin-bottom: 5px;}
.Sharing ul li span{ font-size: 14px; color: #666;}
.Sharing ul li a:hover h5{color: #b70109;text-decoration: underline;}

/*------------------------------------------------------------------Sharing-main----------------------------------------*/

.shhha{ border-bottom:  1px dotted #686868; padding-bottom: 10px;}
.shhha h5{ margin: 0;}
.shhha p{ line-height: 25px;}
.shhha p span{ color: #666; font-size: 14px; margin: 0 10px;}

.fanye{width: 100%; margin: 20px 0;border-top:  1px dotted #686868; padding-top: 15px;}
.fanye p{ line-height: 30px;background: url(../images/hw_30.jpg) no-repeat left ; padding-left: 10px;}
.fanye p a{ font-size: 15px;color: #333;}
.fanye p a:hover {color: #b70109;text-decoration: underline;}


.pagelist{text-align: center;}
.pagelist a{display: inline-block;vertical-align: middle;line-height: 32px;height: 32px;font-size: 14px;color: #333;margin:0 3px; padding:0 12px}
.pagelist a.active,.pagelist a:hover{color: #fff;background: #ababab;border-radius:3px;}
.pagelist .prev,.pagelist .next{width: 32px;height: 32px;border-radius:4px;border:1px solid #ddd;display: inline-block;vertical-align: middle;margin:0 3px;}
.pagelist .num,.pagelist .go{width: 32px;height: 32px;border:1px solid #ddd;border-radius:4px;text-align: center;font-size: 14px;color: #333;margin:0 3px;display: inline-block;vertical-align: middle;}
.pagelist .go{background: #fff;cursor: pointer;}
.pagelist .go:hover{color: #fff;background: #014e92;border-color:#014e92;}



.inquiryForm { clear:both; overflow:hidden;padding:1% 0 2%; }
.inquiryForm dl {margin-left:2%; text-align:left; line-height:33px}
.inquiryForm dt { font-size:16px; color:#333;}
.inquiryForm .row{ width:96%}
.inquiryForm font.red { color:red; font-size:18px; vertical-align:middle; height:14px; line-height:14px; display:inline-block;}
.inquiryForm .tip { color:red; padding-top:5px; display:none;}
.inquiryForm .input,.inquiryForm .select,.inquiryForm .textarea { width:100%; border:#ccc 1px solid; height:2.3125em; padding:.5em; line-height:20px;
 box-sizing:border-box; font-family:Arial;}
.inquiryForm .input:focus,.inquiryForm .select:focus,.inquiryForm .textarea:focus { -webkit-box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999; background:#fafafa; border-color:#999; outline:0 }
.inquiryForm .textarea { height:auto; resize:none;}
.inquiryForm .yzm { width:75%; margin-right:10px;}
.span-6,.full-row .row .span-6{float:left;transition:.2s width ease;margin-right:2%;*margin-right:1.89%;width:45.5%}
.row {width: 100%;}
.span-12, .full-row .row .span-12 {float: left;  transition: .2s width ease; margin-right: 2%; width: 95%;}
.submit{width:30%;height:40px; float:left; margin-right:20px; font-size:17px; color:#FFF;border:none; background:#d10101;}
.reset{background:#aaa9a9;}