@charset "gbk";
/*�����̳�201701�汾ǰ̨ҳ�湫�õ�����ʽ */

.shop-main-menu, .shop-main-menu span {width:200px; height:40px;}
.shop-main-menu span {display:block; background:#dd2828 url(../../images/shop201701/icon_index.png) no-repeat -280px 3px; font-size:16px; color:#fff; line-height:40px; width:155px; padding-left:45px;}
.shop-main-nav {width:835px; padding-left:45px; height:40px; line-height:40px;}
.shop-main-nav a, .shop-main-nav a:link {color:#333;}
.shop-main-nav a {margin-right:35px; font-size:16px;}
.shop-main-nav a:hover, .shop-main-nav a.current {color:#dd2828;}
.shop-hotline {width:120px; height:40px; background:url(../../images/shop201701/img_hotline.png) no-repeat right 11px;}
dl.shop-sub-menu {width:200px; height:400px; position:absolute; left:0; top:40px; z-index:10000;}
dl.shop-sub-menu dt a {display:block; height:40px; line-height:40px; font-size:14px; color:#333; background:url(../../images/shop201701/icon_index.png) no-repeat; position:relative; padding-left:40px;}
dl.shop-sub-menu dt a img {position:absolute; left:10px; top:10px;}
dl.shop-sub-menu dt a.company {background-position:0 -193px;}
dl.shop-sub-menu dt a.term {background-position:0 -241px;}
dl.shop-sub-menu dt a.brand {background-position:0 -289px;}
dl.shop-sub-menu dt a.extend {background-position:0 -337px;}
dl.shop-sub-menu dd {height:60px; background:url(../../images/shop201701/opacity_bg_white_75.png);}
dl.shop-sub-menu .icon_nav_list1:hover a.company {background-position:-210px -193px;}
dl.shop-sub-menu .icon_nav_list2:hover a.term {background-position:-210px -241px;}
dl.shop-sub-menu .icon_nav_list3:hover a.brand {background-position:-210px -289px;}
dl.shop-sub-menu .icon_nav_list4:hover a.extend {background-position:-210px -337px;}
dl.shop-sub-menu .icon_nav_list1:hover dd,dl.shop-sub-menu .icon_nav_list2:hover dd,dl.shop-sub-menu .icon_nav_list3:hover dd,dl.shop-sub-menu .icon_nav_list4:hover dd {background:url(../../images/shop201701/opacity_bg_white.png);}
dl.shop-sub-menu dd a, dl.shop-sub-menu dd a:link {display:inline-block; width:75px; margin-left:25px; padding-top:8px; color:#666;}
dl.shop-sub-menu dd a:hover {color:#dd2828;}

/*�Ҳ���ٲ˵�*/
.quick-wrap {width:40px; height:169px; background:url(../../images/shop201701/float_menu_bg.png) no-repeat; position:fixed; left:50%; bottom:20px; margin-left:615px; z-index:10000;}
.quick-wrap ul li {width:40px; height:40px; margin-bottom:3px;}
.quick-wrap ul li a {display:block; width:40px; height:40px;}
.quick-wrap ul li.back2top {cursor:pointer; margin-bottom:0;}
.quick-wrap ul li.q-wx:hover {background:url(../../images/shop201701/float_menu_bg.png) no-repeat -40px 0;}
.quick-wrap ul li.q-call:hover {background:url(../../images/shop201701/float_menu_bg.png) no-repeat -40px -86px;}
.quick-wrap ul li.q-online:hover {background:url(../../images/shop201701/float_menu_bg.png) no-repeat -40px -43px;}
.quick-wrap ul li.back2top:hover {background:url(../../images/shop201701/float_menu_bg.png) no-repeat -40px -129px;}
.quick-wrap .q-wx-box {width:164px; height:178px; position:absolute; right:45px; top:-60px; background:url(../../images/shop201701/float_menu_wx_bg.png) no-repeat; display:none; z-index:100000;}
.quick-wrap .q-call-box {width:162px; height:135px; position:absolute; right:45px; top:40px; background:url(../../images/shop201701/float_menu_call_bg.png) no-repeat; display:none; z-index:100000;}
/*�Ҳ����ȯ����*/
.fwqsl{position: fixed;left: 50%;bottom: 189px;margin-left: 615px;margin-bottom: 3px;}
.fwqsl a{display: block;width: 40px;height: 150px;background: url(../../images/shop201701/fwqsl.png) 0 0 no-repeat;}
.fwqsl a:hover{background-position-x: -40px;}
/*����չʾģ��*/
.shop-data {height:220px; width:100%; background:url(../../images/shop201701/shop_data_bg.jpg) no-repeat center 0; margin-top:30px;}
ul.shop-data-list li {float:left; width:300px; padding-top:40px;}
ul.shop-data-list li p {text-align:center; color:#ddd; font-weight:700; font-size:22px;}
ul.shop-data-list li p.shop-data-name {font-size:12px; font-weight:normal; padding:10px 0 30px;}