ul, ol { list-style: none outside none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td,div,a{ margin: 0;padding: 0;}
html{font-family:PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;font-size: 14px;}
.clearfix{zoom: 1;}
.clearfix::after,.clearfix::before{content: '';display: block; clear: both; height: 0; line-height: 0;}
.m-b-20{margin-bottom: 20px!important;}
.m-b-30{margin-bottom: 30px!important;}
.m-b-40{margin-bottom: 40px!important;}
.m-b-50{margin-bottom: 50px!important;}
.m-b-70{margin-bottom: 70px!important;}
.m-b-100{margin-bottom: 100px!important;}
img{border: none;}
a{text-decoration: none; color: #555;}
a:hover{color: #3e87c2;}
.layout-box-bg{ background-color: #fff;}
.layout{width: 1200px; margin: 0 auto;}
.bor-b-cls{border-bottom: none!important;}
.red{color: #df323e;}
.blue{color:#3E87C2;}
.f-l{float: left;}
.f-r{float:right;}

.crumbs{font-size: 14px; height: 20px; line-height: 20px;}
.crumbs a{text-decoration: none; color: #999; padding: 0 18px 0 0; margin: 0 12px 0 0; position: relative;}
.crumbs a::after{content: ''; width: 6px;height: 6px; line-height: 0;position:absolute; top: 7px; right: 0; background-color: #999; border-radius: 3px;}

.subhead{position: relative; padding-left: 12px; margin-bottom:20px;}
.subhead::before{content: ''; width: 4px; height: 18px; background-color: #3E87C2; position: absolute; top: 0; left: 0;}
.subhead h5{height: 18px;line-height: 18px;float: left;font-size: 18px; color:#555;}
.subhead h6{color: #999999;font-size: 14px;float: left; font-weight:normal; padding-left: 4px; line-height: 18px;}
.subhead a.more{font-size: 12px;color: #999999; text-decoration: none;}
.subhead a.more:hover{color:#3e87c2;}

.main-title{margin-bottom: 50px;}
.main-title h6{font-size: 18px; color: #555;text-align: center;line-height: 32px;}
.main-title .main-title-box{width: 320px; margin: 0 auto;}
.main-title .main-title-box div h3{font-size: 30px; color:#333333;text-align: center;z-index: 1; position: relative;width: 190px; margin: 0 auto;}
.main-title .main-title-box div{position: relative;}
.main-title .main-title-box div:before{width: 80px; content: ''; height: 2px; position: absolute; top: 20px;left:0;background-color: #DEDEDE;}
.main-title .main-title-box div:after{width: 80px; content: ''; height: 2px; position: absolute; top: 20px;right: 0; background-color: #dedede;}
.index-title{position: relative; height: 60px;}
.index-title h6{font-size: 56px;color: #F1F1F1;text-align: center;height: 60px;line-height: 60px;}
.index-title .main-title-box{position: relative;height: 60px;}
.index-title .main-title-box div{position: absolute;top: 0;margin-left: -108px;left: 50%;}
.index-title .main-title-box div h3{color: #333333;font-size: 54px;height: 60px;line-height: 60px;}

.sub-title{text-align: left; position: relative; height: 34px; line-height: 34px;}
.sub-title h3{font-size: 24px; float: left;color:#333;}
.sub-title h6{color: #555555; font-size: 18px; font-family: SourceHanSansCN-Regular; float: left;}

.news-title{position: relative; margin-bottom: 18px;}
.news-title h3{font-size: 18px; float:left;}
.news-title span{font-size: 14px; float:right;color: #999;}

.area{margin-bottom:70px;}
.area ul{margin-right: -20px; margin-bottom: 10px;}
.area ul li{width: 280px;margin:0 20px 20px 0; float: left;}
.area ul li .pic-box{ border: 1px solid #DEDEDE; background-color: #fff; margin-bottom: 20px;width: 280px; height: 280px; overflow: hidden; text-align: center;}
.area ul li .pic-box img{width: 280px;}
.area ul li .txt-box{ color: #555555;}
.area ul li:hover .pic-box{box-shadow:1px 1px 10px #aaaaaa;}

.hot-model{margin: 0 30px 0 0;}
.hot-model,.hot-model a{color: #555; font-size: 13px;}
.hot-model a:hover{color:#1e75d1;}
.hot-model i{width: 30px; height: 16px; display: inline-block; position: relative; vertical-align:bottom}
.hot-model i::after{content: ''; width: 1px; height: 16px; position: absolute; top:0; left: 14px; background-color: #999;}

.label-title{position: relative;margin:0 -38px 18px 0;}
.label-title li{float: left;margin: 0 38px 0 0;}
.label-title li a{color: #555555; font-size: 18px; padding: 0 2px 15px 2px; display: block;}
.label-title li a:hover,.label-title li a.active{color:#3E87C2; border-bottom: 2px solid #3E87C2;}

.more i::before{border-top: 6px solid transparent;border-left: 6px solid #555; border-bottom: 6px solid transparent; top:3px;left:7px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.more i::after{border-top: 6px solid transparent;border-left: 6px solid #fff; border-bottom: 6px solid transparent; top: 3px;left:5px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.more-a{height: 48px; line-height: 48px; border-radius: 25px; border: 1px solid #DEDEDE; font-size: 16px; color:#555; padding: 0 42px; display:inline-block; background-color: #fff;}
.more-b{ height: 28px; line-height: 28px; font-size: 24px; padding: 0 40px 0 0; position: relative; color:#999;}
.more-b i{border: 2px solid #999; width: 28px; height: 28px; border-radius: 18px; position: absolute; top: 0; right: 0;}
.more-b i::before{border-width: 10px; top: 4px; left: 10px;}
.more-b i::after{border-width: 10px; top: 4px; left: 7px;}
.more-c{ height: 18px; line-height: 18px; font-size: 14px; padding: 0 28px 0 0; position: relative; color:#999;}
.more-c i{border: 1px solid #999; width: 18px; height: 18px; border-radius: 10px; position: absolute; top: 0; right: 0;}
.more-d{ height: 28px; line-height: 28px; font-size: 24px; padding: 10px 48px 10px 0; position: relative; color:#999; background-color: #fff; display: block; width: 0;}
.more-d i{/* border: 2px solid #999; */ width: 28px; height: 28px;  position: absolute; top: 10px; right: 10px;}
.more-d i::before{border-width: 14px; top: 0px; left: 8px;}
.more-d i::after{border-width: 14px; top: 0px; left: 5px;}
.more-d:hover{background-color: #3e87c2;}
.more-d:hover i::before{border-left-color: #fff;}
.more-d:hover i::after{border-left-color:#3e87c2;}

.marquee{margin-right: -20px!important; height: 186px; overflow: hidden;}
.marquee li{float: left;text-align: center;margin: 0 20px 0 0;width: 285px;}
.marquee li a{display: block; border: 1px solid #fff; line-height: 0;}
.marquee li a:hover{border: 1px solid #3E87C2;}
.marquee li img{width: 283px; height: 183px;}
.marquee li dl dt{background-color: #fff;}
.marquee li dl dd{height: 44px;line-height: 44px;font-size: 14px;color: #555555;}
.marquee li dl dt a{display: block;border: 1px solid #dedede;padding: 16px;}
.marquee li dl dt a:hover{box-shadow:1px 1px 10px #aaaaaa;}
.more-box a{ width: 230px;height: 50px;line-height: 50px;font-size: 18px; border: 1px solid #DEDEDE;display: block;text-align: center;margin: 0 auto; color: #555555;text-decoration: none; background-color: #fff;}
.more-box a:hover{background-color: #3e87c2; color:#fff;}

.table-all{width: 100%;}
.table-all{border-bottom: 1px solid #dedede;}
.table-all .bro-l{border-left: 1px solid #dedede;}
.table-all .bro-r{border-right: 1px solid #dedede;}
.table-all tbody{padding: 4px; margin: 0 4px; overflow: hidden;}
.table-all tbody td{text-align: center;font-size: 14px;color:#4d4948;line-height:37px;border-bottom: 1px dashed #dedede; background-color: #fff;}
.table-all tbody tr:hover td{background-color: #E8F3FC;}
.table-all thead tr th{line-height: 37px;border-bottom: 1px solid #dedede;font-size: 14px;color: #fff;background: #3E87C2;}

.allMenue{width:190px;height:36px;background:#3E87C2;/* float:left; */position:relative;cursor:pointer;}
.allMenue h1{font-size:16px;color:#fff;float:left;margin-left:14px;line-height:36px;}
.allMenue u{display:block;width:18px;height:16px;float:right; margin:10px 14px 0 0;background:url(../image/icons.png) -93px -36px no-repeat;}
.allMenue .first-menu{width:190px;/* height:320px; */position:absolute;left:0;top:36px;background:rgba(255,255,255,.9);z-index:3;display:none;}
.allMenue .first-menu li{zoom: 0;}
.allMenue .first-menu li::after{content:''; clear: both; display: block;}
.allMenue .first-menu li .cover{padding: 16px 12px 0 12px; border-bottom:1px solid #fff;border-top:1px solid #fff; z-index: 3;position: relative;}
.allMenue .first-menu li .cover .pro-title{margin-bottom:5px;font-size:14px;color:#333333; position: relative;padding-left: 20px;height: 20px;line-height: 20px; position: relative;}
.allMenue .first-menu li .cover .pro-title i{display:block;width:16px;height:16px; left: 0; top:2px; position: absolute;}
.tradeName-icon{background: url(http://huaxiu2012.plasway.com/images/menueIcon.png) 0 0 no-repeat;}
.manufacturer-icon {background: url(http://huaxiu2012.plasway.com/images/menueIcon.png) -24px 0 no-repeat;}
.deliveryPlace-icon {background: url(http://huaxiu2012.plasway.com/images/menueIcon.png) -47px 0 no-repeat;}
.allMenue .first-menu li .cover .pro-content{font-size: 12px;color: #777777;display: inline-block;margin-right: 12px;border-bottom: 1px solid rgba(222, 222, 222, 0.9); height: 64px;}
.allMenue .first-menu li .cover .pro-content a{font-size:12px;color:#777777;display:inline-block;margin-right:12px;line-height:22px;}
.allMenue:hover .first-menu{display: block; }
.allMenue .first-menu li:hover .pro-content{border-bottom:1px solid #fff;}
.allMenue .first-menu li:hover .cover{border-bottom:1px solid #3E87C2;border-top:1px solid #3E87C2;border-bottom:1px solid #3E87C2;margin-right: -1px; background-color: #fff;}
.allMenue .first-menu li:hover .second-menu{display: block; position: absolute; left:0;top:0;}
.allMenue .second-menu{margin-left: 190px; display: none; width: 1010px;z-index:2; background-color: #fff;}
.allMenue .second-menu div{padding: 0 12px;border: 1px solid #3E87C2;height: 322px}
.allMenue .second-menu div a{font-size: 12px;color:#777777;margin-right:18px;margin-top:16px;display: inline-block;}
.allMenue .second-menu div a:hover{color:#3E87C2!important}

.foot{background-color: #333333;color: #fff; border-bottom: 1px solid #242424; padding: 16px 0;}
.foot .layout{position: relative;}
.foot .sub-logo-info{padding:0; font-size: 16px; text-align: center;}
.foot .sub-logo-info p.t{font-size: 14px;color:#B3B3B3; margin-bottom:4px;}
.foot .sub-logo-info .sub-logo{width: 360px; height: 120px; margin: 0 auto 14px auto; background: url(../image/sub_logo.png) no-repeat center center;}
.foot .middle-list{margin: 26px 236px 0 430px;height: 172px}
.foot .middle-list dt{margin-bottom: 14px;font-size: 16px;}
.foot .middle-list dd{font-size: 14px; margin-bottom: 8px;}
.foot .qr-info{ width: 146px; position: absolute; top: 0; right: 0; padding:0 0 0 90px;}
.foot .qr-info::before{width: 1px;height: 100px;background-color: #fff; position: absolute; left:0;top: 20px; content: '';}
.foot .qr-info .qr-info-box{width: 100px;}
.foot .qr-info .qr-info-code{ width: 100px; height: 100px;background-color: #fff; margin-bottom: 10px;}
.foot .qr-info .qr-info-code img{width: 100px; height: 100px;}
.foot .qr-info p{text-align: center;}

.copyright{background-color: #333333;color: #fff; line-height: 26px; padding: 10px 0;text-align: center;}
.copyright a{color: #fff; text-decoration: none;}

.btns{width:50px;height:26px;border:1px solid #3E87C2;color:#3E87C2;font-size: 14px;cursor: pointer;position: relative;line-height:26px;display: inline-block;border-radius: 3px;}
.btns span{position: relative;z-index: 1;}
.btns i{position: absolute;height:26px;left:0;top:0;background:#3E87C2;display: block;width:0px;z-index: 0;}
.btns i{
transition:width .2s;
-moz-transition:width .2s; /* Firefox 4 */
-webkit-transition:width .2s; /* Safari and Chrome */
-o-transition:width .2s; /* Opera */
}
.btns:hover{color:#fff;}
.btns:hover i{width: 50px;}
.advertising{height: 200px; line-height: 0; background: url(http://huaxiu2012.plasway.com/images/24h.png) no-repeat center center;}

.dh{position:absolute;width:44px;background:#e6e6e6;z-index:33;left: 50%; margin-left: 610px;top:720px;}
.dh li{position: relative;cursor: pointer;}
.dh .icon-box{padding:10px;}
.dh li:hover,.dh li.active{background:#3E87C2;color:#fff;}
.dh li:hover .tel{display: block;}
.dh li i{display: block;width:22px;height:22px;font-size: 0;color:#fff;line-height:0}
.dh li .icon-txt{background-color: '#df323e'; font-size: 14px; display: none; width: 100%; height: 42px; line-height: 42px;text-align: center;}
.dh li.phone-part:hover .icon-txt{display: block;}
.dh li.phone-part:hover .icon-box{display:none;}
.dh li .phone{background:url(../image/icons.png) 0 -28px no-repeat;}
.dh li .qr-code{background:url(../image/icons.png) -29px -28px no-repeat;border-bottom:none!important}
.dh li.toTop-box{padding:16px 10px;}
.dh li.toTop-box .toTop{background:url(../image/icons.png) -83px 0px no-repeat;width:22px;height:10px;display: block;margin:0 auto}
.dh li .tel{position: absolute;border:1px solid #3E87C2;top:0;left:-175px;display: none;background:#fff;z-index: 11;padding:6px 7px;width: 160px;}
.dh li .tel span{font-size: 14px;color:#555555;display: block;line-height:24px}
.dh li .qr-code-info{height:150px;background:#fff;padding-top:10px;width:116px;border:1px solid #3E87C2;position: absolute;top:0;left:-118px;text-align: center;display: none}
.dh li .qr-code-info span{font-size: 12px;color:#808080;display: block;line-height:18px}
.dh li:hover .qr-code-info{display: block;}

.crumbs-box{margin-bottom: 70px;}