/*锟斤拷锟叫硷拷锟绞�*/
.nav {padding:0 10px 15px 22px;height:24px;line-height:24px;font-size:14px;}
.nav div {float:right;}
.nav i {font-style:normal;color:#777;padding:0 0px;font-family:simsun;}
.nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.nav a{color:#777}
.nav a:hover{color:#7DBF1D}
input.copyurl{padding-left:27px;border:none;display:block;margin-top:3px}
input.copyurl:hover{text-decoration:underline}
.first-screen{ background:white;overflow:hidden;padding:20px;box-shadow: 0px 0px 15px #dadada;}
.salebox_l{width:360px;float:left;padding:0px 30px 20px 0px;overflow:hidden}
.base{padding-top:10px}
.base dl{overflow:hidden;width:100%;padding:5px 0px;font-size:14px;line-height:24px;border-bottom: 1px dashed #e9e9e9;}
.base dt{float:left;color:#777;width: 80px;padding-right: 10px;text-align: right;}
.base dd{overflow:hidden;color:#555}
.base dd .product_tel{font-size: 20px; color: #7DBF1D;}
.buynow{padding-top:25px;width:100%;position: relative}
.buynow a{background:#7DBF1D;display:block;float:left;margin-right:20px;padding:12px 30px;font-size:16px;color:white;border-radius:4px; cursor:pointer}
.buynow a.demo{background:#7DBF1D}
.buynow a:hover{background:#7DBF1D}
.buynow a i{color: white;font-size: 22px;margin-right: 10px;}
.buynow img{position: absolute;left: 170px;bottom: 0px;display: none;}
.step_price {background:#EEEEEE;text-align:center;margin-right:20px;}
.step_price td {border-right:#DDDDDD 1px solid;}
.left-side{width:240px;float:left;}
.right-side { width: 950px;float:right;}
.right-side h3{border-bottom:1px solid #e9e9e9;height:45px;font-size:18px;line-height:45px;}
.proInfo{width:518px;  float:left; border-right:1px solid #f3f3f3;font-size:14px;}
.proInfo h1{font-size: 22px; line-height: 30px; overflow: hidden; color: #000; margin-bottom: 15px; max-height: 60px; font-weight:normal}
.proInfo h5{font-size:14px;color:#7DBF1D;margin-bottom:15px;margin-top:-10px;padding-right:20px;}
.proInfo p{font-size:14px;line-height:41px;color:#4c4c4c;height:41px;}
.proInfo i{color:#888;margin-right:20px;float:left; text-align:justify}
.proInfo .proPrice{width:479px;height:62px;line-height:31px; padding:15px 0; margin-bottom:10px; font-size:12px; position:relative}
.proInfo .proPrice p{ height:31px; line-height:31px;padding-left:10px;margin:0px}
.proInfo .proPrice span{color:#7DBF1D;float:left;line-height:31px;font-size:18px;}
.proInfo .proPrice em{margin-right:10px; color:#000; font-size:13px;}
.proInfo .proPrice font{font-size:24px;margin-left:5px;font-weight:bold;}
.proInfo p a:hover{color:#7DBF1D}
.proInfo p a{color:#4c4c4c;font-size:14px}
.proInfo p font{color:#7DBF1D}
.proInfo a.onlineInquiry{ display:block; width:175px; height:43px; background:#7DBF1D; border-radius:3px; text-align:center; line-height:43px; color:#fff; font-size:16px; margin-top:30px;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s}
.proInfo a:hover.onlineInquiry{ background:#7DBF1D}
.qrcode { width:47px;position: absolute;right:10px;top:23px;z-index:1000}
.qrcode p{font-size:12px;}
.qrcode dl{display:none}
.qrcode:hover dl {display: inline-block;position: relative;z-index:10000;background:white;width:110px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);top:10px;padding:5px;left:-30px}
.qrcode:hover dl img{width:110px;height:110px;}

/*锟斤拷锟斤拷锟斤拷诳锟�*/
.shopInfo{width:215px; float:right; padding:0 15px; overflow:hidden;}
.shopInfo h2{ font-weight:normal; text-align:left; height:44px; line-height:44px; font-size:16px; padding-top:4px;}
.shopInfo h3{border-bottom:1px solid #e9e9e9;height:45px;font-size:18px;line-height:45px;}
.shopInfo a{width:110px;height:90px; display: block; color: #333; font-size: 12px; padding:19px 0px 19px 102px; border-bottom:1px solid #f3f3f3; position: relative; overflow:hidden;}
.shopInfo a img {width: 90px; height: 90px; position: absolute; left: 0; top: 19px;}
.shopInfo a b{display: block;  line-height:20px; color: #333; overflow: hidden; font-weight: 400;}
.shopInfo a:hover b{ color:#7DBF1D}
.shopInfo a span {display: block; height: 25px; line-height: 25px; overflow: hidden; color: #7DBF1D; margin-top:5px;}
.shopInfo a:last-child{ border:none}
.sx { width:100%; overflow:hidden;margin-bottom:20px;font-size:14px;}
.sx dl{height:30px;line-height:30px; float:left;width:33%;overflow:hidden;padding:0px;}
.sx dl dt{float:left;color:#777}
.sx dl dd{overflow:hidden}
.content{padding:15px 0px;overflow:hidden}
.content img{max-width:100%;}
.content h2{font-size: 20px;text-align: center}
.s-shopInfo{background:white;margin:15px 0;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);overflow:hidden}
.s-shopInfo h2{ padding:0px 15px; height:45px; line-height:45px; font-size:16px;border-bottom:#eee 1px solid;background:#7DBF1D;color:white}
.s-shopInfo dl{padding:0 15px;padding:0 15px; overflow:hidden}
.s-shopInfo a{width:95px;height:90px; display: block; color: #333; font-size: 12px; padding:19px 0px 19px 102px; border-bottom:1px solid #f3f3f3; position: relative; overflow:hidden;}
.s-shopInfo a img {width: 90px; height: 90px; position: absolute; left: 0; top: 19px;}
.s-shopInfo a b{display: block;  line-height:20px; color: #333; overflow: hidden; font-weight: 400;}
.s-shopInfo a:hover b{ color:#7DBF1D}
.s-shopInfo a span {display: block; height: 25px; line-height: 25px; overflow: hidden;font-weight:bold; color: #7DBF1D; margin-top:5px;}
.s-shopInfo a:last-child{ border:none}
#mid_pos {position:absolute;}
#mid_div {width:360px;cursor:crosshair;border:#eee 1px solid}
#mid_div img{width: 100%;}
#zoomer {border:#333333 1px solid;width:120px;height:90px;position:absolute;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:400px;height:500px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;z-index:1000}
#big_pic {position:absolute;}
.ab_im {padding:2px;margin:10px 0 10px 32px;border:#C0C0C0 1px solid;}
.ab_on {padding:2px;margin:10px 0 10px 32px;border:#7DBF1D 1px solid;background:#7DBF1D;}

@media screen and (max-width: 768px){
    .left-side{
        display: none;
    }
    body,
    .m,
    .salebox_l,
    #mid_div,
    .proInfo,
    .shopInfo,
    .right-side{
        width: 100%;
        min-width: 100%;
        box-sizing: border-box;
    }
    .shopInfo,
    .salebox_l{
        padding: 0;
    }
    #mid_div{
        width: 100%;
        height: auto;
    }
}