/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2024-07-16 09:45:52
 * @version $Id$
 */


/*公共*/


body{ font: 12px/18px "Microsoft Yahei"; font-weight: normal; color: #000; -webkit-font-smoothing: antialiased; width: 100%; height: 100%; background: #f1f1f1; }

h1{ margin: 0; }

p{ margin: 0; }

a{ color:blue; text-decoration: none; cursor: pointer; outline: 0 none; }

a:hover{ text-decoration: none; }

a:focus{ -moz-outline-style: none; border: 0px; blr:expression(this.onFocus=this.blur()); }

input:focus{ outline: none; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{ margin: 0; padding: 0; }

header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{ display: block; }

ol,li,ul,dl,dt,dd{ list-style: none; }

fieldset,img { border: 0; }

button,submit,input,select { vertical-align: middle; }

button,submit { cursor: pointer; }

h1,h2,h3,h4,h5,h6{ font-size: inherit; font-weight: normal; }

b,em,i{ display: inline-block; font-weight: normal; font-style: normal; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

.clearfix{ zoom: 1; }

img{ max-width: 100%; height: auto; display: block; }


/*开始*/


/*收藏会员*/

.member{ width: 100%; height: 31px; background: #ebebeb; border-bottom: 1px solid #c2c2c2; margin-bottom: 10px; }

.member-main{ width: 980px; height: 31px; margin: 0 auto; }

.collect{ float: left; margin-left: 10px; }

.collect .icon{ display: inline-block; width: 14px; height: 17px; margin-top: 8px; background: url(../image/collect.png) no-repeat; margin-right: 2px; vertical-align: middle; cursor: pointer; }

.collect .icon:hover{ background: url(../image/collect-hover.png) no-repeat; }

.collect .word{ display: inline-block; font-size: 12px; line-height: 18px; color: #555; margin-top: 8px; vertical-align: middle; }

.collect .word:hover{ color: #ff925c; }

.level{ float: right; margin-right: 10px; }

.level .icon{ display: inline-block; margin-top: 8px; margin-left: 2px; vertical-align: middle; }

.level .word{ display: inline-block; font-size: 12px; line-height: 18px; color: #555; margin-top: 8px; vertical-align: middle; }


/*头部*/

.header{ width: 100%; height: auto; }

.company{ width: 980px; height: 90px; margin: 0 auto; }

.company .logo{ display: inline-block; width: 90px; height: 90px; background: url(../image/logo.jpg) no-repeat; cursor: pointer; float: left; margin-right: 20px; }

.company .company-name{ display: inline-block; font-size: 24px; line-height: 90px; color: #c50000; float: left; }

.company .company-tel{ display: inline-block; font-size: 18px; line-height: 90px; color: #666; float: right; }

.company .company-num{ display: inline-block; font-size: 24px; font-weight: bold; line-height: 90px; color: #c50000; float: right; }

.nav{ width: 100%; height: 38px; background: #c50000; margin: 10px 0; }

.nav-main{ width: 980px; height: 38px; margin: 0 auto; }

.nav-ul{ width: 980px; height: 38px; background: #c50000; position: relative; z-index: 3; }

a{ color: #fff;  }

.nLi{ float: left; position: relative; display: inline;  }

.nLi h3{ float:left; }

.nLi h3 a{ display: block; padding: 0 20px; font-size: 16px; line-height: 38px; }

.sub{ display: none; width: 140px; left: 0; top: 38px; position: absolute; background: #9a0000; padding: 10px 0; }

.sub li{ zoom: 1; }

.sub a{ display: block; padding: 0 20px; font-size: 14px; line-height: 34px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }

.sub a:hover{ background: #730000; color :#fff;  }

.on h3 a{ background: #9a0000; color: #fff;   }



/*BANNER*/

.banner{ width: 980px; height: 306px; margin: 0 auto; margin-bottom: 10px; overflow: hidden; }

.banner img{ width: 100%; }

/*BANNER-VIP---------------------------------------------*/

.banner-box{ width: 980px; height: 306px; margin: 0 auto; margin-bottom: 10px; overflow: hidden; cursor: pointer; position: relative;}

.swiper-container{ width: 980px; height: 306px; }

.swiper-slide{ width: 980px; height: 306px; }

.swiper-slide img{ width: 100%; }

.pagination{ width: 100%; height: 12px; font-size: 0px; text-align: center; position: absolute; bottom: 8px; }

.swiper-pagination-switch{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ff90a8,endColorstr=#99ff90a8); margin-right: 6px; cursor: pointer; }

.swiper-active-switch{ background: rgba(197,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99c50000,endColorstr=#99c50000); }

.arrow-left{background: url(../image/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 2; } 

.arrow-right{background: url(../image/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 2; }

/*尾部*/

.footer{ width: 100%; height: 88px; background: white; border-top: 1px solid #ededed; margin-top: 20px; }

.footer h1{ font-size: 14px; line-height: 24px; color: #000; text-align: center; margin-top: 20px; }

.footer h2{ font-size: 14px; line-height: 24px; color: #000; text-align: center; margin-top: 6px; }


/*.zoomify-min*/

.zoomify{ cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }

.zoomify.zoomed{ cursor: -webkit-zoom-out; cursor: zoom-out; padding: 0; margin: 0; border: none; border-radius: 0; box-shadow: none; position: absolute; z-index: 999; }

.zoomify-shadow{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; z-index:998; background: rgba(0,0,0,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000); opacity:0; }

.zoomify-shadow.zoomed{ opacity: 1; cursor: pointer; cursor: -webkit-zoom-out; cursor: zoom-out; }