﻿
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,select,input{margin:0;padding:0;border:0;}
*:focus { outline: none; }
html{height:100%;}
body{font:12px/1.5 Arial,"Microsoft YaHei","宋体"; color:#000; background-color: #fff;}
address,cite,dfn,em,var,i{font-style:normal;}
input,button{ font-family: Arial;}
body,div,p{word-wrap:break-word;}
b,strong,.strong{font-weight:700;}
ul,ol,li{list-style:none;}
a{text-decoration:none; cursor:pointer; outline:none;}
a:hover{color:#356fb9;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
input[type="text"]{-webkit-appearance: none;}
.rel{position:relative;}
.abs{position:absolute;}
.hide{display:none;}
.show{display:block!important;}
.normal{font-weight: 400;}
.clearfix{zoom:1;}
.overflow{overflow: hidden;}
.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt-l{text-align:left!important;}
.txt-idt{text-indent: 2em;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.w1190{width:1190px; margin:auto;}

.f10{font-size: 10px!important;}
.f12{font-size: 12px!important;}
.f14{font-size: 14px!important;}
.f15{font-size: 15px!important;}
.f16{font-size: 16px!important;}
.f18{font-size: 18px!important;}
.f20{font-size: 20px!important;}
.f22{font-size: 22px!important;}
.f24{font-size: 24px!important;}
.f26{font-size: 26px!important;}
.f28{font-size: 28px!important;}
.f30{font-size: 30px!important;}

.mt2{margin-top: 2px;}
.mt10{margin-top: 10px;}
.mt12{margin-top: 12px;}
.mt14{margin-top: 14px;}
.mt17{margin-top: 17px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt27{margin-top: 27px;}
.mt40{margin-top: 40px;}
.mt43{margin-top: 43px;}

.mb13{margin-bottom: 13px;}
.mb16{margin-bottom: 16px;}

.pl30{padding-left: 30px;}

.color-000{color: #000!important;}
.color-fff{color: #fff!important;}
.color-333{color: #333!important;}
.color-666{color: #666!important;}
.color-888{color: #888!important;}
.color-f00{color: #f00!important;}
.color-cacaca{color: #cacaca!important;}
.color-1d1d1d{color: #1d1d1d!important;}
.color-313131{color: #313131!important;}
.color-3d3d3d{color: #3d3d3d!important;}
.color-9a9a9a{color: #9a9a9a!important;}


.i-ico{background: url('../image/icons.png') no-repeat; vertical-align: middle; display: inline-block;}

/*顶部导航*/
.i-icos{background: url(../image/icons1.png) no-repeat; vertical-align: middle; display: inline-block;}
.top-nav{width: 100%;min-width: 1190px; height: 31px; color: #888; line-height: 31px; background-color: #f8f8f8; border-bottom: 1px solid #e9e9e9;position: relative;z-index: 999;}
.top-nav a{color:#888;}
.top-nav a:hover{color: #f84a0e;}
.top-nav .i-sjjt{ width: 7px; height: 4px;background-position: -2px -3px; position: relative;left: 4px;}
.top-nav .i-caidan{width: 9px; height: 7px;background-position: -22px -3px; position: relative;left: -6px; top: -1px;}
.top-nav-left .login-after a{margin: 0 8px;}
.top-nav-right{height: 31px; }
.top-nav-right a{padding: 0 12px 0 13px;transition: color 0.3s;-moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; }
.top-nav-right .nav-ul{z-index: 999999;}
.top-nav-right .nav-ul li{padding: 0 12px 0 13px;display: none;}
.top-nav-right .nav-ul li a{padding: 0;transition: color 0.3s;-moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; }
.top-nav-right .nav-ul li .i-sjjt{width: 7px; height: 4px;background-position: -2px -3px; position: relative;left: 4px;}
.top-nav-right .nav-ul:hover{background: #fff;border: 1px solid #e6e6e6;border-top: 0;}
.top-nav-right .nav-ul:hover li{display: block;padding:  0 11px 0 12px;}
.top-nav-right .nav-ul:hover li .i-sjjt{background-position: -11px -3px;}
.top-nav-right .nav-hover-box{position: relative;}
.top-nav-right .nav-hover-box .web_nav{display: none; position: absolute;top: 31px;border: 1px solid #e5e6e6;border-top: 0;background: #fff; width: 230px; padding: 5px 0px; font-size: 12px;  height: auto; overflow: hidden; z-index: 1000;}
.top-nav-right .nav-hover-box .web_nav li{display: block!important;padding: 0!important; float: left;height: 22px;text-align: left;line-height: 22px;width: 115px;z-index: 1000;}
.top-nav-right .nav-hover-box .web_nav li.header_title {font-weight: bold;font-size: 12px;padding-left: 15px!important; line-height: 25px; color: #333; display: block;}
.top-nav-right .nav-hover-box .web_nav:hover li{padding: 0!important;}
.top-nav-right .nav-hover-box .web_nav:hover li.header_title{padding-left: 15px!important;}
.top-nav-right .nav-hover-box .web_nav a {height: 22px;width: 100px; padding: 0 0 0 15px!important; color: #666; text-decoration: none; z-index: 1000;}
.top-nav-right .nav-hover-box .web_nav a:hover{color: #f84a0e;}
.top-nav-right .nav-hover-box .web_nav_left{left: 0;}
.top-nav-right .nav-hover-box .web_nav_right{right: 0;width: 140px;}
.top-nav-right .nav-hover-box .web_nav_right li{width: 70px;}
.top-nav-right .nav-hover-box:hover .web_nav{display: block;}
.top-nav-right .nav-hover-box:hover .i-sjjt{background-position: -11px -3px;}

/*header*/
.header-shop{padding: 23px 0 20px 0; width: 100%;min-width: 1190px;border-bottom: 1px solid #d2d2d2;}
.header-shop .logo div{margin:2px 0 0 15px; padding-left: 15px;border-left: 1px solid #f2f2f2;height: 40px;}
.header-shop .logo div p strong{ color: #1b1b1b; line-height: 14px; display: inline-block;}
.ico-text{display: inline-block;height: 16px; margin-right: 8px; line-height: 18px;text-align: center;}
.ico-text i{display: inline-block;width: 14px; height: 14px; color: #fff;}
.ico-text em{display: inline-block;padding: 0 5px; height: 16px; line-height: 16px;background: #fff;}
.gold-text{border: 1px solid #ff900e;background: #fff;}
.gold-text i{border: 1px solid #ff900e; line-height: 14px;background: #ffa800;}
.gold-text em{ color: #ff900e; }
.authentication{border: 1px solid #32ad38;background: #fff;margin-left:10px;}
.authentication i{border: 1px solid #32ad38; line-height: 14px;background: #43bd4d;}
.authentication em{ color: #32ad38; }
.not-certified{border: 1px solid #a0a0a0;background: #fff;}
.not-certified i{border: 1px solid #a0a0a0; line-height: 14px;background: #b6b5b5;}
.not-certified em{ color: #a0a0a0; }
.header-shop .search input[type=text]{width: 336px; color: #a4a4a4; height: 23px;padding: 5px; border:2px solid #f84a0e; border-right: 0;}
.header-shop .search .search-btn{width: 90px; height: 37px; font-size: 16px; color: #fff;font-family: "微软雅黑"; cursor: pointer;}
.header-shop .search .shop-btn{background: #f84a0e;margin-right: 2px;}
.header-shop .search .totalstation-btn{background: #707070;margin-right: 1px;}
.header-shop .tabewm{line-height:38px; text-align:center;width:52px;position:relative;}
.header-shop .tabewm:hover div{display:block;}
.header-shop .tabewm .ewmBox{margin:0;display:none;width:99px;height:149px;border:1px solid #dfdfdf;position:absolute;top:-4px;left:64px;background-color:#fff;z-index:99999;padding:14px 14px 0 14px;}
.header-shop .tabewm .ewmBox div{margin:0;padding:0;border-left:0;height:auto;}
.header-shop .tabewm div span{display:inline-block;width:100px;height:100px;}
.header-shop .tabewm div span img{width:100px;height:100px;}
.header-shop .tabewm div p{line-height:18px;margin-top:5px;}
.super{border: 1px solid #ff580e;background: #ff580e;}
.super i{width: 16px;height: 16px; background: url(../image/supervip.png) no-repeat;margin:0 1px;}
.super em{ color: #ff580e; }

/*company*/
.company{height: 105px;background: url(../image/company_bg.png) no-repeat center; width: 100%;min-width: 1190px;}
.company .company-logo{font-size: 28px; color: #333; line-height: 105px;}
.company .company-logo span{float: left;width: 140px;height: 60px;margin: 22px 15px 0 0;background: #fff;display: inline-block;}
.company .company-logo a{line-height: 0;display: table-cell;text-align: center;vertical-align: middle;width: 140px;height: 60px;background: #fff;}
.company .company-logo img{max-width: 140px;max-height: 60px;}
.company .tel-consultation{padding-left: 47px;position: relative;z-index: 9;margin-top: 25px;}
.company .tel-consultation p{line-height: 26px; height: 26px;}
.company .tel-consultation p span{margin-left: 4px;}
.company .tel-consultation .consultation{line-height: 20px; height: 20px;}
.company .tel-consultation i{width: 37px; height: 37px;background-position: -5px -296px;position: absolute;left: 0;top: 5px;}

/*nav*/
.nav{width: 100%;min-width: 1190px;background: url(../image/nav_bg.png) repeat-x;height: 47px;}
.nav ul li{float: left; line-height: 35px; height: 47px;background: url(../image/nav_libg2.png) no-repeat center right;}
.nav ul li a{-webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; display: inline-block;padding: 0 30px; height: 41px; margin-top: 7px; color: #fff; font-size: 14px;float: left;}
.nav ul .selected a{background: url(../image/nav_libg.png) repeat-x; color: #000;}
.nav ul li:hover a{background: url(../image/nav_libg.png) repeat-x; color: #000;}

/*container*/
.container .breadcrumb{line-height: 40px;}
.container .breadcrumb span{font-family: "宋体";margin: 0 5px;}
.container .breadcrumb a{color: #02518a;}
.container .breadcrumb a:hover{text-decoration: underline;}

.container .con-l{width: 230px;}
.container .con-r{width: 940px;}
.container .con-r h3{height: 40px; line-height: 40px;background: url(../image/h3bg.png) repeat-x;padding-left: 13px; color: #242424; font-size: 16px;font-weight: normal;border: 1px solid #e6e6e6;}
.container .con-r h3 span{ display: inline-block;width:2px;height: 14px;background: #0070ce; margin: 13px 10px 0 0;}
.container .con-r h3 p{margin-top: 7px; margin-right: 21px;}
.container .con-r h3 p input[type=text]{border: 1px solid #cbcbcb;border-right: 0; background: #fff; width: 185px; height: 15px;padding: 5px 0 5px 13px; color: #a4a4a4;}
.container .con-r h3 p input[type=button]{width: 56px; height: 27px;cursor: pointer;background: #0971cd;color: #fff;}

.container .product-nav{width: 230px; margin-bottom: 18px;}
.container .product-nav h3{height: 42px;background: url(../image/left_bg.png) no-repeat; margin-bottom: 7px; line-height: 40px; color: #fff;font-size: 16px;}
.container .product-nav h3 .i-ico{background-position: -2px -18px; width:19px; height: 14px; float: left; margin: 14px 13px 0 23px;}
.container .product-nav .product-border{width: 228px;border: 1px solid #cecece;}
.container .product-nav .product-nav-box{border-bottom: 1px solid #cecece;}
.container .product-nav .product-nav-box .h2{background: url(../image/nav_libg.png) repeat-x; height: 40px; line-height: 40px; padding-left: 29px; color: #494949;font-size: 14px; cursor: pointer;position: relative;}
.container .product-nav .product-nav-box .h2 a{color: #494949; display: inline-block;width: 150px; height: 40px;overflow: hidden;}
.container .product-nav .product-nav-box .h2 a:hover{color: #356fb9;}
.container .product-nav .product-nav-box .h2 span{display: inline-block;width: 50px;height: 40px;position: absolute;right: 0;top: 0;}
.container .product-nav .product-nav-box .h2 i{display: inline-block;width: 6px; height: 11px;position: absolute; right: 28px; top: 15px;background-position: -53px -29px;}
.container .product-nav .product-nav-box.selected .h2{border-bottom: 1px solid #cecece;}
.container .product-nav .product-nav-box.selected .h2 i{ width: 11px; height: 6px;background-position: -52px -21px; top: 17px;right: 26px; }
.container .product-nav .product-nav-box ul{display: none;}
.container .product-nav .product-nav-box.selected ul{display: block;}
.container .product-nav .product-nav-box ul li{ height: 39px;line-height: 39px;  }
.container .product-nav .product-nav-box ul li a{display: block;color: #494949;font-size: 14px;padding-left: 29px;position: relative; background: #fff; height:39px; }
.container .product-nav .product-nav-box ul li.selected a{background: #ececec;}
.container .product-nav .product-nav-box ul li a:hover{background: #ececec;}
.container .product-nav .product-nav-box ul li a i{width: 6px; height: 11px; background-position: -71px -19px; position: absolute;right: 29px; top: 14px;}

.container .con-info {margin-bottom:20px;}
.container .con-info h3{height: 42px;background: url(../image/left_bg.png) no-repeat; line-height: 40px; color: #fff;font-size: 16px;}
.container .con-info h3 .i-ico{background-position: -28px -16px; width:16px; height: 16px; float: left; margin: 13px 14px 0 25px;}
.container .con-info h3 .i-ico2{background-position: -87px -17px; width:16px; height: 16px; float: left; margin: 13px 14px 0 25px;}
.container .con-infobox{padding: 17px 10px 21px 21px; border: 1px solid #cecece;border-top: 0;}
.container .con-infobox p{ line-height: 30px; color: #494949;word-break: break-all; }
.container .con-infobox p a{ color: #494949;margin-right: 5px; }
.container .con-infobox p a:hover{color: #356fb9;}
.container .con-infobox p strong{font-size: 14px;}
.container .con-infobox p span{color: #7b7b7b;}

/*footer*/
.footer{background: #0e77e4; width: 100%;min-width: 1190px;padding: 20px 0 20px 0;}
.footer-logo{margin:12px 23px 0  127px;}
.footer-nav{line-height: 30px;color: #fff;text-align: center;width: 1190px;}
.footer-nav a{color: #fff;}
.footer-nav a:hover{text-decoration: underline;}
.footer-nav span{margin: 0 20px;}

.vip-text{border: 1px solid #ff0000;background: #fff;}
.vip-text i{border: 1px solid #ff0000;background: url(../image/vip.png) no-repeat;}
.vip-text em{ color: #ff0000; }
/*pages*/
/*.pages{text-align: center;}
.pagination{margin-top: 55px; display: inline-block;}
.pagination a{float: left; background: #fff; display: inline-block;padding: 0 11px; height: 28px; line-height: 28px;border: 1px solid #ccc; font-size: 14px;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color: #333;margin-right: 5px;}
.pagination span{color: #333;font-size: 13px; line-height: 30px;}
.pagination .number{margin-right: 4px;}
.pagination a:hover{color: #1464b4;}
.pagination .current{background: #2b79fa; color: #fff;border: 1px solid #2b79fa;}
.pagination .current:hover{color: #fff;}
.pagination .prev,.pagination .next{width: 6px;}
.pagination .prev{background: url(../../../../img/web/shop/08/prev01.png) no-repeat center; }
.pagination .next{background: url(../../../../img/web/shop/08/next01.png) no-repeat center; margin-right: 13px;}
.pagination .prev.disbled{background: url(../../../../img/web/shop/08/prev02.png) no-repeat center;}
.pagination .next.disbled{background: url(../../../../img/web/shop/08/next02.png) no-repeat center;}
.pagination input[type=text]{width: 28px; height: 28px;border: 1px solid #ccc;margin: 0 11px 0 13px;text-align: center; color: #666; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.pagination .submit{margin-left: 18px;}*/
/*pages*/
.pages{text-align: center;}
.pagination{margin: 25px 0; display: inline-block;}
.pagination a{background: #fafafa; display: inline-block;padding: 0 10px; height: 25px; line-height: 25px;border: 1px solid #d7d7d7; font-size: 14px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #333;margin: 0 4px;}
.pagination span{color: #666;margin-left: 18px; font-size: 14px;}
.pagination a:hover{color: #1464b4;}
.pagination a.pageNow{background: #008cff; color: #fff;border: 1px solid #008cff;}
.pagination .disbled{color: #999;}
.pagination .disbled:hover{color: #999;}

/*广告标识*/
.ad-label-lt{position: absolute;left: 2px;top: 2px;display: inline-block;width: 30px;height: 15px;line-height: 15px;text-align: center;background: #888;color: #fff;border-radius: 2px;z-index:99;}
.ad-label-lb{position: absolute;left: 2px;bottom: 2px;display: inline-block;width: 30px;height: 15px;line-height: 15px;text-align: center;background: #888;color: #fff;border-radius: 2px;z-index:99;}
.ad-label-rt{position: absolute;right: 2px;top: 2px;display: inline-block;width: 30px;height: 15px;line-height: 15px;text-align: center;background: #888;color: #fff;border-radius: 2px;z-index:99;}
.ad-label-rb{position: absolute;right: 2px;bottom: 2px;display: inline-block;width: 30px;height: 15px;line-height: 15px;text-align: center;background: #888;color: #fff;border-radius: 2px;z-index:99;}
/*微信图标*/
.wechatpic{background: url(../image/wx.jpg) no-repeat;background-size: cover;height: 18px;line-height: 16px;width: 18px;display: inline-block;position: relative;top: 4px!important;}
.wechat-big-img-box {position: absolute;left: -100px;top: 25px;border: 0;margin-right: 0;box-shadow: 0 0 10px #888;z-index: 99;}
.wechat-big-img-box img {max-height: 300px;max-width: 300px;}