@charset "utf-8";
/* CSS Document */
body{ font-family:"宋体" Arial; font-size:12px;  padding:0; margin:0; position:relative;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,select,option,textarea,button,p,span{ margin:0;padding:0; font-size:12px; font-weight:normal;}
img{ border:0; vertical-align:top; font-size:0; line-height:0; overflow:hidden;}
ul,li,ol,ul { list-style:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none; color:#000;}
.red{ color:#a00;}
.l{ float:left}
.r{ float:right}
.mid{ width:1000px; margin:0 auto;}
.clear{ clear:both;}

.bgfff{ width:1020px; margin:0 auto; background:#fff;}

.homebg{  background:url(../images/homebg.jpg)}
.productbg{background:url(../images/homebg.jpg)}
.Artistbg{background:url(../images/homebg.jpg)}
.Distributorsbg{background:url(../images/homebg.jpg)}
.newsbg{background:url(../images/homebg.jpg)}

.header{ margin-bottom:10px;}
.header .top{ overflow:auto; height:80px;}
.header .top h1{ margin:10px 0 0 10px; float:left;}
.header .top .ecn{ float:right; margin:41px 10px 0 0;font-family:Arial, Helvetica, sans-serif;}
.header .nav{ height:31px; width:1000px; background:url(../images/nav.gif) no-repeat;}
.header .nav .menu{ float:left;}
.header .nav .menu ul li{ line-height:31px; float:left; margin-left:10px; width:100px; text-align:center;}
.header .nav .menu ul li a{ display:block;  height:31px; font-family:"微软雅黑"; color:#000;  font-weight:bold;}
.header .nav .menu ul li a:hover{ display:block;  height:31px; font-family:"微软雅黑"; color:#fff; background:url(../images/menu.gif) no-repeat center 6px;}
.header .nav .search{height:28px; float:right; margin:5px 10px 0 0;}
.header .nav .search input{ background:url(../images/search.png) no-repeat 0 0; width:150px; height:21px; border:none; float:left; color:#ccc; padding-left:5px;}
.header .nav .search .button{ width:25px; height:21px; float:left; background:none; padding:0;}

/********************banner*************************/
#inner { width: 1000px; margin: 0 auto; margin-top:10px;}
.hot-event { padding: 400px 0 0; position: relative; }
    .hot-event .switch-tab { text-align: center; padding: 20px 0; }
        .hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(../images/bg.png); background-position: -161px 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; }
        .hot-event .switch-tab .current { background-image: url(../images/bg.png); background-position: -195px 0; }
    .hot-event .switch-nav { position: absolute; right: 12px; top: 254px; z-index: 2; }
        .hot-event .switch-nav .i-prev { background-image: url(../images/bg.png); background-position: -127px 0; }
        .hot-event .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px; }
        .hot-event .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; }
        .hot-event .switch-nav .i-next { background-image: url(../images/bg.png); background-position: -144px 0; }
        .hot-event .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
            .hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
    .hot-event .event-item { height: 400px; width: 1000px; position: absolute; z-index: 1; left: 0; top: 0; }
        .hot-event .event-item .banner { display: block; }
        .hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; }
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }
    a .ico { cursor: pointer; }
.ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; }


.submenu{ position:absolute; z-index:100;}
.submenu ul li{ display:none;}
.menu ul li:hover .submenu ul li{ display:block; margin:0; margin-bottom:1px; float:left; margin-right:1px;}
.menu ul li:hover .submenu ul li a{ background:#f1f1f1;color:#555;}
.menu ul li:hover .submenu ul li a:hover{ background:none; color:#000;  background:#f1f1f1;}


.pro{height:230px;}
.pro ul li{ float:left; margin-right:11px; width:326px; height:221px; background:url(../images/touy.gif) no-repeat;}
.pro ul li img{ margin:8px 0 5px 8px;}
.pro ul li span a{  font-family:"微软雅黑"; color:#000; font-weight:bold;  display:block; background:url(../images/sjx2.gif) no-repeat 8px 5px; width:308px; height:20px; padding-left:18px;}
.pro ul li span a:hover{font-weight:bold;  font-family:"微软雅黑"; color:#000;  background:url(../images/sjx1.gif) no-repeat 8px 5px; width:308px; height:20px; padding-left:18px;}

.news{ height:227px; background:url(../images/newsmap.gif) no-repeat right 0; margin-top:16px;}
.newstitle{ font-family:"微软雅黑";  background:url(../images/news.gif) no-repeat 0 0; height:25px;  padding-left:20px;  font-weight:bold;}
.newscon ul li{ width:1000px; line-height:24px;}
.newscon ul li span{ float:left; color:#555; width:80px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.newscon ul li a{ background:url(../images/sjx2.gif) no-repeat 10px 5px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.newscon ul li a:hover{ background:url(../images/sjx1.gif) no-repeat 10px 5px; padding-left:20px;}

.bottom{ margin-top:20px; overflow:auto;}
.bottomleft{ float:left;}
.bottomleft dl{ width:198px; float:left;}
.bottomleft dl dt{ width:128px; border-bottom:solid 1px #000; font-family:"微软雅黑"; color:#000; height:20px; margin-bottom:5px; font-weight:bold;}
.bottomleft dl dt img{ margin-right:10px;}
.bottomleft dl dd{font-family:Arial, Helvetica, sans-serif; margin-left:26px; line-height:20px;}

.link{ float:left;}
.link dl{ width:198px; float:left;}
.link dl dt{ width:195px; border-bottom:solid 1px #000; font-family:"微软雅黑"; color:#000; height:20px; margin-bottom:5px; font-weight:bold;}
.link dl dt img{}
.link dl dd{ float:left; margin-left:10px; margin-bottom:6px;}
.cefc{ float:right; margin-top:25px; width:200px;}
.cefc ul li{ float:left; margin-left:20px; margin-bottom:6px;}
.bottomlogo{ text-align:right; margin-top:20px;}
.copr{ text-align:right; font-family:"微软雅黑"; color:#555; font-size:10px; margin-top:10px;}

.neiproduct{overflow:auto;}
.promenu{ overflow:auto; margin-bottom:10px;} 
.promenu ul li{ float:left;padding:10px; background:#f1f1f1; font-family:"微软雅黑"; color:#555; margin-right:1px;}
.promenu ul li a{}

.neipro{ overflow:auto; margin-bottom:20px;}
.protitle{font-family:"微软雅黑";  font-size:12px; background:url(../images/xin.png) no-repeat 0 0; padding-left:25px; font-weight:bold;}
.procon{ overflow:auto;}
.procon .proconcp ul li{width:198px; float:left; margin-top:10px; display:block; font-family:Arial, Helvetica, sans-serif;}
.procon .proconcp ul li a{ float:left; border:solid 1px #f1f1f1; margin-bottom:10px;}
.procon .proconcp ul li h1{ color:#000; font-weight:bold;}
.procon .proconcp ul li p a{ color:#555; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}
.procon .proconcp ul li h2{color:#555; margin-top:5px; display:block;}

.procon .proconvideo ul li{ margin-right:1px;}
.procon .proconvideo ul li h1{ margin-top:10px;}
.procon .proconvideo ul li{width:198px; float:left; margin-top:10px; display:block;}
.procon .proconvideo ul li h1{ color:#555; font-weight:bold; }
.procon .proconvideo ul li p a{ color:#555; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}
.procon .proconvideo ul li h2{color:#555; margin-top:5px; display:block; width:198px;}
.procon .proconvideo ul li h2 a{ margin-right:10px;}

.procon .ysleft{ float:left; width:700px;}
.ysleft .ystitle{ font-family:"微软雅黑"; font-size:16px; margin-top:10px; color:#555;}
.ysleft .ystitle p{}
.ysleft .yscon{ padding-top:10px;}
.ysleft .yscon img{ margin-bottom:10px;}
.ysleft .yscon p{ color:#555; text-indent:2em; line-height:24px;}
.ysleft .yscon p a{ color:#F00;} 
.ysleft .yszj{ border:solid 1px #ccc;  margin-top:10px; padding-left:10px;}
.ysleft .yszj h1{font-family:"微软雅黑"; font-size:16px; margin-top:5px; color:#555;}
.ysleft .yszj p{color:#555; line-height:24px; margin-top:5px;}

.procon .ysright{ float:right; width:280px;}
.ysright .ystitles{ font-family:"微软雅黑"; font-size:16px; margin-top:10px; color:#555;}
.ysright .yscons{ padding-top:10px;}
.yscons dl{ border-bottom:dashed 1px #ccc; margin-bottom:10px;}
.yscons dl dt{ border:solid 1px #ccc; }
.yscons dl dd{ margin-top:5px; margin-bottom:5px; color:#555;} 

.datu{ overflow:auto; margin-bottom:20px; border-bottom:1px solid #ccc;}
.datu ul li{ float:left;  margin-right:64px;}


/***************产品****************/
.miaoshu{ margin-top:20px; overflow:auto}
.mstitle{ font-family:"微软雅黑"; font-size:20px; background:url(../images/mstitle.gif) no-repeat 0 6px; height:30px; padding-left:20px;}
.msleft{ margin-top:10px; width:490px; float:left;}
.neims{ overflow:auto; margin-bottom:20px;}
.neimstitle{font-family:"微软雅黑"; font-size:16px; border-bottom:solid 1px #000; padding-bottom:5px;}
.neimscon{ margin-top:10px; overflow:auto; width:470px;}
.neimscon p{ color:#555;}
.neimscon .text{ overflow:auto;}
.neimscon .text p{ color:#555;}
.neimscon .text img{ float:left; border:solid 1px #ccc;}
.neimscon .ship{ float:left; margin-right:12px;}

.prosl{ float:left; width:680px; border:solid 1px #ccc; padding-left:10px; padding-bottom:10px; padding-right:10px;}
.prosl .neiprol{padding-bottom:10px; border-bottom:dashed 1px #ccc;}
.neiprol .proltitle{font-family:"微软雅黑"; font-size:12px; margin-top:10px; color:#000; font-weight:bold;}
.neiprol .prolcon{padding-top:10px;}
.neiprol .prolcon img{ margin-bottom:10px;}
.neiprol .prolcon p{ color:#555; line-height:24px;}

.prosr{ float:right; width:260px; border:solid 1px #ccc;}
.prosr .prosrkj{ overflow:auto;}
.prosr .prosrtitles{ font-family:"微软雅黑"; font-size:16px; margin-top:10px; color:#555; margin-left:15px; border-bottom:solid 1px #ccc; width:235px; height:25px;}
.prosrcons{padding-top:10px;}
.prosrmenu{padding-left:15px; width:235px; overflow:auto;}
.prosr ul li{  margin-top:0; width:235px; background:#f5f5f5; margin-bottom:2px; }
.prosr ul li a{ border:none; font-family:"微软雅黑"; padding-left:10px; margin:0;height:30px; line-height:30px;}
.prosr ul li ul li{ display:none;}
.prosr ul li:hover ul li{ display:block; background:#fff;}
.prosr ul li:hover ul li a{ background:none;}

.msright{ float:right; margin-top:10px; width:490px;}
.neimscon .dank{ float:left; margin-right:7px; margin-bottom:7px;}
.neimscon .xiaz{ overflow:auto;}
.neimscon .xiaz a{ width:150px; display:block; float:left; margin-bottom:10px;}
.neimscon .yinp{ overflow:auto;}
.neimscon .yinp a{ width:150px; display:block; float:left; margin-bottom:10px;}

/************新闻*********************/
.procon .newssleft{ float:left; width:700px; border:solid 1px #ccc; padding-left:10px; padding-bottom:10px; padding-right:10px;}
.newssleft .newsstitle{ font-family:"微软雅黑"; font-size:12px; margin-top:10px; color:#000; font-weight:bold;}
.newssleft .newsstitle p{}
.newssleft .newsscon{ padding-top:10px; font-family:Arial, Helvetica, sans-serif;}
.newssleft .newsscon img{ margin-bottom:10px;}
.newssleft .newsscon div{ color:#555;  line-height:24px;}
.newssleft .newsscon span a{ color:#F00;} 
.newssleft .newsszj{ border:solid 1px #ccc;  margin-top:10px; padding-left:10px;}
.newssleft .newsszj h1{font-family:"微软雅黑"; font-size:16px; margin-top:5px; color:#555;}
.newssleft .newsszj p{color:#555; line-height:24px; margin-top:5px;}
.newssleft .neinewss{padding-bottom:10px; border-bottom:dashed 1px #ccc;}

.procon .newssright{ float:right; width:260px; border:solid 1px #ccc; padding-bottom:10px;}
.newssright .newsstitles{ font-family:"微软雅黑"; font-size:12px; font-weight:bold; margin-top:10px; color:#000; margin-left:15px; border-bottom:solid 1px #ccc; width:235px; height:25px;}
.newssright .newsscons{ padding-top:10px;}
.newsscons a img{ margin-left:23px; margin-bottom:10px;}
.newssright .rightkj{ overflow:auto;}
.search1{height:28px; margin-left:15px;}
.search1 input{ background:url(../images/search.png) no-repeat 0 0; width:150px; height:21px; border:none; float:left; color:#ccc; padding-left:5px;}
.search1 .button{ width:25px; height:21px; background:none; padding:0;}
.nymenu{ padding-left:15px; width:235px; overflow:auto;}
.nymenu ul li{  margin-top:0; width:235px; background:#f5f5f5; margin-bottom:2px; }
.nymenu ul li a{ border:none; font-family:"微软雅黑"; padding-left:10px; margin:0;height:30px; line-height:30px;}
.nymenu ul li ul li{ display:none;}
.nymenu ul li:hover ul li{ display:block; background:#fff;}
.nymenu ul li:hover ul li a{ background:none;}

.tlfk{ width:235px; margin-left:15px; margin-top:10px;}
.tlfk .tlfk_title{font-size:12px; font-weight:bold; font-family:"微软雅黑";height:25px; border-bottom:1px solid #ccc;}
.tlfk .tlfk_con{ margin-top:10px; overflow:auto; margin-bottom:10px; width:235px;}
.tlfk .tlfk_con ul li{ float:left; height:86px;}

.tlfk .tlfk_con dl{ float:left; width:110px; margin-left:5px;}
.tlfk .tlfk_con dl dt{}
.tlfk .tlfk_con dl dd{ margin-top:5px;}


.neimenu{ margin-left:15px;}
.neimenu #subNav{}
.neimenu #subNav .subtitle{border-bottom:dashed 1px #ccc; padding-bottom:10px;}
.neimenu #subNav  li{font-family:'微软雅黑'; color:#000; margin-top:10px;}
.neimenu #subNav  li ul li a{ margin-right:10px;}




.newsscons .righttu{ padding-left:15px; width:235px; overflow:auto;}
.newsscons .righttu ul li{ float:left;}

.cpbanner{ height:400px; background:#666; margin-top:10px;}

/****************qa******************/
.qa{}
.qatitle{ font-family:"微软雅黑"; font-weight:bold; color:#000; border-bottom:solid 1px #ccc; padding-bottom:5px; margin-top:10px;}

.qa #subNav{}
.qa #subNav .subtitle{ font-weight:bold; border-bottom:dashed 1px #ccc; padding-bottom:10px;}
.qa #subNav  li{font-family:'微软雅黑'; color:#000; margin-top:10px;}
.qa #subNav  li ul li a{ margin-right:10px;}
.qa #subNav img{ margin-top:2px; margin-right:10px;}


/****************xz*********************/
.xz{ margin-top:10px; overflow:auto; padding-bottom:20px;}
.xztitle{ font-family:"微软雅黑"; font-weight:bold; color:#000; border-bottom:solid 1px #ccc; padding-bottom:5px; background:url(../images/bottom3.gif) no-repeat 0 2px; padding-left:20px;}
.xz dl{ float:left; margin-top:20px; width:200px;}
.xz dl dt{ float:left;}
.xz dl dd{ color:#555; height:20px; float:left; margin-left:5px;}
.xz dl dd a{ line-height:20px;}
.xz .xzcon{ overflow:auto}

.xzcon #subNav{}
.xzcon #subNav .subtitle{ font-weight:bold; border-bottom:dashed 1px #ccc; padding-bottom:10px; margin-top:10px;}
.xzcon #subNav  li{font-family:'微软雅黑'; color:#000;}
.xzcon #subNav  li ul li a{ margin-right:50px;}

.xzcon #subNav .subtitle #subNav{}
.xzcon #subNav li.xzimg{margin-top:20px;}
.xzcon #subNav li.xztext{ margin-left:74px;}

.xzcon #subNav li a{ cursor:pointer;}


.xz1{ margin-top:10px; overflow:auto; padding-bottom:20px;}
.xztitle1{ font-family:"微软雅黑"; font-weight:bold; color:#000; border-bottom:solid 1px #ccc; padding-bottom:5px; background:url(../images/bottom3.gif) no-repeat 0 2px; padding-left:20px;}
.xz1 dl{ float:left; margin-top:20px; width:200px;}
.xz1 dl dt{ float:left;}
.xz1 dl dd{ color:#555; height:20px; float:left; margin-left:5px;}
.xz1 dl dd a{ line-height:20px;}
.xz1 .xzcon1 ul li{ height:30px; border-bottom:dashed 1px #ccc; line-height:30px; }




.smsxz{ margin-left:15px; overflow:auto; width:235px;}
.smsxz ul li{margin-right:10px; height:30px; float:left; width:107px; line-height:30px;}

.abouttitle{font-family:"微软雅黑"; font-size:12px; margin-top:10px; color:#000; font-weight:bold; border-bottom:solid 1px #ccc; height:24px;}
.aboutcon{ color:#555; line-height:18px; margin-top:10px;}

.contactl{ float:left; width:310px;}
.contactr{ float:right; width:670px;}

.cuspages a:link,.cuspages a:visited{text-decoration:none; color:#999;}
.cuspages a:hover {text-decoration:underline}
/* pages */
.pages{clear:both;margin:10px 0}
	.pages em, .pages a, .pages strong{text-decoration:none;margin-left:3px;padding:2px 5px;border:1px solid #E5E5E5}
	.pages a:hover{text-decoration:none;border:1px solid #09C;background:#09C;color:#FFF}
	.pages strong{border:none;font-weight:700}
	.cuspages{margin:5px 0px;;line-height:200%; clear:both; text-align:center;}
	.cuspages .pages{display:inline;clear:none;margin-right:45px}