﻿.clearfix:after {
content: ".";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/ *
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ie7 hack*/ 
*+html .clearfix { 
min-height: 1% ; 
}
/*重置*/
*{ font-family:"微软雅黑"; font-size:12px}
body{ margin:0}
a{ text-decoration:none; color: #666666;}
img{ border:none; }
input{ border:none; padding:0; margin:0;}
p{ margin:0}
.myZoomlion li{ display:block;list-style: none;}
.fixBar ul li{ display:block;list-style: none;}

ul{ margin:0; padding:0}
h1{ margin:0; font-weight:normal}
#mobile_qrcode{display: none;}

/*头部导航*/
.headBox{ background-color:#f3f3f3; height:36px; border-bottom:1px solid #dcdcdc; color:#666666; font-size:13px}
.headIndex{ width:1100px; margin:0 auto;}
.headIndex p{ float:left; font-size:13px; line-height:36px; color:#666666;}
.headIndex a{ float:left; font-size:13px;line-height:36px; color:#666666;}
.headIndex .login{ color:#86a529}
.headIndex img{ float:left; margin-top:11px}
.myZoomlion{ float:right;}
.myZoomlion li{ float:right}
.myZoomlion li img{ margin-left:15px; margin-right:5px}
#phoneMall{ position:relative}
#phoneMall img{ position:absolute;top:30px;right:-2px; z-index:20}

/*头部搜索*/
.zoomlionSearchBox{ overflow:hidden; width:1100px; margin:0 auto; padding-top:18px}
.zlLogo{ background-image:url(../images/common/zl_logo_new.png); background-repeat:no-repeat;background-size: 100% 100%; display:block; width:199px; height:61px; float:left; margin-right:132px}
.inputBox{
	float: left;
	height: 58px;
	padding-top: 2px;
	width:540px;
	line-height: 58px;
	
}
.inputBox input{
    line-height: 35px;
}
.inputBox input{ width:438px; height:35px; border:#aace3a 2px solid; font-size:14px; color:#333333; padding-left:4px;outline:none; float:left}
.searchBtn{ width:84px; background-color:#aace3a; height:35px; border:#aace3a 2px solid; font-size:16px;  display:block; line-height:35px; float:left; text-align:center; color:#333333;}
.hotword{ float:none; line-height:19px; clear:both; color:#999999; width:524px; padding-top:4px}
.hotword a{ color:#999999; border-right:1px #c2c1c1 solid}
.telephoneNumber{ margin-left:45px; float:left}

/*通用底部样式*/
.footerBox{  background-color:#f3f3f3; border-top:1px solid #dcdcdc; }
.productService{
    height: 108px;
    margin: 0 auto;
    width: 1100px;
}
.productService img{
    margin-top: 30px;
}
.footer{ width:1100px; margin:0 auto;padding-top:30px; overflow:hidden}
.footerInside{ float:left; padding-left:20px; padding-right:80px;}
.footerInside h1{ color:#595858; font-size:16px; line-height:30px}
.footerInside a{ color:#807e7e; font-size:12px; display:block; padding:4px 0}
#currentfooterInside{ float:left; padding-left:80px; padding-right:46px;}
.footerline{ height:1px; background-color:#999999; width:1100px; margin:0 auto; margin-top:40px; margin-bottom:10px}
.theFooterLast{ margin:0 auto; overflow:hidden; width:268px}
.theFooterLast a{ float:left; display:block; line-height:12px; color:#4c4c4c}
.theFooterLast img{ float:left; margin:0 10px}
.Copyright{color:#4c4c4c; text-align:center; margin-top:8px}

/*在线客服*/
.main-im{position:fixed;right:50px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/common/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;overflow: hidden}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/common/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/common/open_im.png) no-repeat left top;}

/*右侧固定边栏*/
.fixBar{ position:fixed; right:0; top:0; margin:0; background:#383841; z-index:900; height:1000px;}
.fixBar ul{ position:relative; top:150px; float:left; width:40px;}
.fixBar li{ position:relative; width:40px; height:35px; padding:5px 0; margin:15px 0 5px 0; text-align:center;}
.fixBar li a{ display:block;}
.fixBar li.hold{ background:#AACE39;}
.fixBar li .erwei{ border:solid 1px #dedede; background:#fff; padding:15px 15px 0; text-align:center; position:absolute; bottom:0; right:60px; display:none; white-space:nowrap;}
.fixBar li .erwei p{ line-height:25px; color:#666;}
.fixBar li .erwei i{ position:absolute; right:-8px; bottom:14px; display:block; font:16px/16px '宋体'; color:#fff;}
.fixBar li .erwei.tips{ padding:5px 30px; border:0; background:#444;}
.fixBar li .erwei.tips p{ font:12px/35px '宋体'; color:#fff;}
.fixBar li .erwei.tips i{ color:#444;}
.fixBar li.returnTop{ display:none; position:absolute; opacity:0; margin:20px 0 10px 0;}
.fixBar li.fixCart{ height:120px;border-top:1px solid #666666;border-bottom: 1px solid #666666;}
.fixBar li.fixCart span{ display:inline-block; width:14px; padding:8px; color:#fff;}
.fixBar li.fixCart i{ display:inline-block; width:20px; height:20px; border-radius:50%; background:#c00; color:#fff; text-align:center; line-height:20px; text-decoration:none;}
.fixClose{ display:none; position:absolute; top:0; left:0; width:40px; height:40px; background:url(../images/common/fixBar-close.png) no-repeat; opacity:.8; cursor:pointer;}
.fixClose:hover{ opacity:1;}
.fixCont{ display:none; float:left; width:300px; height:100%; background:#444; overflow-x:hidden; overflow-y:auto;}
.fixCont h1{ font:14px/30px 'microsoft yahei'; text-align:center; color:#fff; white-space:nowrap;}
.fixCont p.clearCookie a{ display:block; width:60px; height:20px; margin:10px auto; font:12px/20px 'microsoft yahei'; padding:0 10px; border-radius:10px; background:#666; color:#fff; text-decoration:none; text-align:center;}
.fixCont .history { width:220px; padding:40px;}
.fixCont .history .historyItem{ float:left; padding:5px;}
.fixCont .history .historyItem p{ padding:5px 0; text-align:center; color:#fff;}
.fixCont .history .nocontent{ text-align:center; color:#fff;}
.scrollTop{
    position: fixed;
    bottom: -5px;
    right: 5px;
    z-index: 1000;
    cursor: pointer;
}
/*活动促销*/
.sales_prom_box{ width:1100px; margin:0 auto; position:relative}
.btn01{ display:block; width:255px; height:70px; position:absolute; bottom:147px ; left:133px}
.btn02{ display:block; width:255px; height:70px; position:absolute; bottom:147px ; right:133px}
.clear{
    clear: both;
}
.fl{
    float: left;
}
input,textarea,select{outline:none}
input[type=text]:focus,textarea:focus,select:focus{
    border:1px solid #aace3a;

}
.fr{
    float:right;
}
.longline{ height:1px; background-color:#e1e0e0; margin-top:26px; margin-bottom:12px}
.sublongline{ height:1px; background-color:#e1e0e0; margin-top:26px; margin-bottom:12px;width: 1100px;margin-left: auto;margin-right: auto;}
/*弹窗部分 样式*/
.shadow{
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    position: fixed;
    -webkit-user-select: none;
    z-index: 100;
    background: rgba(0,0,0,0.5);
}
.alert-container{
    z-index: 200;
    width: 100%;
    height: 300px;
    position: fixed;
    top:30%;
}
.alert-box{
    z-index: 200;
    width: 380px;
    height: 300px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #cccccc;
    position: relative;
}
.alert-box .title{
    line-height: 30px;
    padding-left: 15px;
    background: #e2e1e1;
    font-size: 13px;
    color: #666666;
}
.alert-box .close-icon{
    position: absolute;
    top: 6px;
    right: 10px;
    cursor:pointer;
}
.alert-box .info{
    margin-top: 70px;
    text-align: center;
    margin-left: 50px;
}
.alert-box .info div{
    font-size: 15px;
    margin-left: 30px;
    float: left;

}
.alert-box .info .message{
    padding-top: 10px;
}
.alert-box .btn{
    width: 280px;
    margin: 40px auto;
}
.alert-box .shop-again,.to-cart{
    width:115px;
    height: 35px;
    line-height: 35px;
    background: #e3efc0;
    border: 2px solid #aace3a;
    text-align: center;
    font-size: 15px;
}
.alert-box .to-cart{
    background: #aace3a;
    margin-left: 25px;
}
.to-consult-container .alert-box .shop-again,.to-attention .alert-box .shop-again{
    margin-left: 100px;
}
.to-attention-container .alert-box .shop-again,.to-attention .alert-box .shop-again{
    margin-left: 100px;
}
.to-consult-container .info{
    margin-left: 20px;
}
.to-consult-container .info .message{
    padding-top: 0;
    width: 230px;
}
.left-nav .item{
    cursor: pointer;
}
.productService {width: 1100px; margin: 0 auto;}

/*删除弹窗样式*/
.del-alert-container{
    z-index: 200;
    width: 100%;
    height: 167px;
    position: fixed;
    top:30%;
}
.del-alert-box{
    z-index: 200;
    width: 379px;
    height: 167px;
    margin: 0 auto;
    background: #ffffff;
    position: relative;
    border:1px solid #cccccc;
    color: #3d3d3d;
}
.del-alert-box .title{
    line-height: 30px;
    padding-left: 15px;
    font-size: 16px;
    margin-top: 18px;
    margin-left: 35px;
}
.del-alert-box .tip{
    line-height: 30px;
    padding-left: 15px;
    font-size: 15px;
    margin-top: 16px;
    margin-left: 35px;
}
.del-alert-box .close-icon{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor:pointer;
    width: 20px;
    height: 20px;
}
.del-alert-box .close-icon img{
    width: 13px;
    height: 13px;
}
.del-alert-box .alert-btn{
    margin-left: 36px;
    margin-top: 12px;
}
.del-alert-box .confirm,.del-alert-box .cancel{
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
}
.del-alert-box .confirm{
    background: #aace3a;
    color: #000000;
}
.del-alert-box .cancel{
    margin-left: 14px;
    color: #000000;
    border: 1px solid #cccccc;
}
/*登陆弹窗部分样式*/
.login-alert-container{
    z-index: 200;
    width: 100%;
    height: 360px;
    position: fixed;
    top:30%;
}
.login-alert-box{
    z-index: 200;
    width: 410px;
    height: 360px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #cccccc;
    position: relative;
}
.login-alert-box .title{
    line-height: 30px;
    padding-left: 15px;
    background: #e2e1e1;
    font-size: 13px;
    color: #666666;
}
.login-alert-box .tip{
    font-size: 16px;
    color: #666666;
    margin-left: 50px;
    margin-top: 30px;
}
.login-alert-box .content{
    margin-left: 50px;
    margin-top: 16px;
}
.login-alert-box .close-icon{
    position: absolute;
    top: 6px;
    right: 10px;
    cursor:pointer;
}
.login-alert-box .login_name_box {
    border: 1px solid #bdbdbd;
    overflow: hidden;
    width: 300px;
}
.login-alert-box .login_name_icon {
    width: 38px;
    height: 38px;
    background-image: url(../images/login_and_register/login_name_icon.jpg);
    float: left;
    border-right: 1px solid #bdbdbd;
}
.login-alert-box .loginname {
    width: 243px;
    height: 36px;
    outline: none;
    padding-left: 16px;
    line-height: 36px;
}
.login-alert-box .login_code_box {
    border: 1px solid #bdbdbd;
    overflow: hidden;
    margin-top: 18px;
    width: 300px;
}
.login-alert-box .login_code_icon {
    width: 38px;
    height: 38px;
    background-image: url(../images/login_and_register/login_code_icon.jpg);
    float: left;
    border-right: 1px solid #bdbdbd;
}
.login-alert-box .logincode {
    width: 243px;
    height: 36px;
    outline: none;
    padding-left: 16px;
    line-height: 36px;
}
.login-alert-box .forg_code_box {
    margin-top: 20px;
}
.login-alert-box .forg_code_box input {
    padding-top: 3px;
    display: block;
    float: left;
    width: 15px;
    height: 15px;
}
.login-alert-box .forg_code_box a {
    line-height: 12px;
    color: #86a529;
    margin-left: 20px;
}
.login-alert-box .forg_code_box a {
    line-height: 12px;
    color: #86a529;
    margin-left: 20px;
}
.login-alert-box .login_btn {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #4c4c4c;
    background-color: #aace3a;
    line-height: 40px;
    font-weight: bold;
    margin-top: 13px;
    width: 300px;
}

.relative-position{
    position: relative;
}
table{
    border-collapse:collapse;
}