@charset "utf-8";
/* CSS Document */

body{line-height:25px; color:#333; font-size:12px; font-family:"宋体"; margin:0; padding:0; background:#f6f6f6 url(bg.jpg) top repeat-x;}
ul,li,div,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:normal; list-style:none;}
img{border:0; margin:0; padding:0;}
a:link, a:visited{color:#666; text-decoration:none;}
a:hover{color:#ff6633;}
.pagewidth, .picshow{margin:0 auto; width:1000px;}
#main{margin:10px auto; width:1000px; overflow:hidden; background:#fff;}
.newimg:hover img, #offou ul li:hover img, #case ul li:hover img, #programimg:hover img, #pright ul li:hover img, .down:hover img{opacity:.8;}

/************ 头部 style ************************/
#head{background:url(xietong.jpg) repeat-x; height:100px;}
.header{width:1000px; margin:0 auto;}
#logo{margin:5px 0 0 0; float:left; }
#logo a{width:530px; height:90px; display:block;}
#logo:hover img{opacity:.8;}
.hright{float:right; margin:10px 0 10px 0;}
.tel{text-align:right;}
#topmap ul{list-style:none;}
#topmap ul li{float:left; text-shadow:1px 1px 0 #fff;}
#topmap ul li a{padding:3px 10px 3px 25px; margin:0 0 0 10px;}
#topmap ul .one a{background:url(xietong.jpg) 0 -125px no-repeat;}
#topmap ul .two a{background:url(xietong.jpg) 0 -164px no-repeat;}
#topmap ul .three a{background:url(xietong.jpg) 0 -203px no-repeat;}
#topmap ul .four a{background:url(xietong.jpg) 0 -242px no-repeat;}

/*************** menu style ********************/
.mainNavWrap {background:url(xietong.jpg) 0 -281px repeat-x; height: 45px;}
.mainNavWrap .mainNav {width:1000px;}
.mainNavWrap .mainNav li {float:left; text-shadow:-1px -1px 0 #001e2f;}
.mainNavWrap .mainNav li img{float:left;}
.mainNavWrap .mainNav li a {color:#fff; font-size:14px; font-weight:bold; height:45px; line-height:45px; text-align:center; width:122px; display:block; float:left;}
.mainNavWrap .mainNav li a:hover{background:url(menu.jpg) center no-repeat; color:#ffff99;}
.subNavWrap {clear:both; display:none; margin:0 auto; overflow:hidden; position:absolute; top:45px; width:1000px; z-index: 5000;}
.subNavWrap a {color: #333333; display:inline-block; width:125px; line-height:25px; padding:6px 0 4px;}
.subNavWrap a:hover{background:#f25a29 url(xietong.jpg) 0 -380px no-repeat; color:#fff;}
.subNavlist {border-top: medium none; height:175px; text-align:center;}
#subNavWrap .current {background:#fff;}
.subnavdiv {background:#d4e4f0; height:175px; left:0; opacity:0.5; position:absolute; top:0; width:1000px; z-index:-1; filter: Alpha(Opacity=80);}
.fl {float:left;}
.abc{margin:0 0 0 122px;}
*html .abc{margin:0 0 0 61px;}
.clearself{text-align:center;}


/******************* banner style ************************/
.nivoSlider {position:relative;}
.nivoSlider img{left:0px; border-bottom:#000 1px solid; position:absolute; top:0px}
.nivoSlider a.nivo-imageLink {display:none; z-index:6; left:0px; margin:0px; width:100%; position:absolute; top:0px; height:100%;}
.nivo-slice {display:block; z-index:5; position:absolute; height:100%;}
.nivo-box {display:block; z-index:5; position:absolute;}
.nivo-caption {z-index:8; left:0px; width:100%; color:#fff; bottom:0px; position:absolute; opacity:0.8;}
.nivo-caption p {margin:0px; padding:5px;}
.nivo-caption a {display:inline!important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {z-index:9; cursor:pointer; position:absolute; top:45%;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {z-index:9; cursor:pointer; position:relative;}
.nivo-controlNav a.active {font-weight:bold}
.slideshow .nivoSlider {background:url(loading.gif) #fff no-repeat 50% 50%; position:relative;}
.slideshow .nivoSlider img{display:none; left:0px; position:absolute; top:0px;}
.slideshow .nivoSlider a {display:block;}
.slideshow .nivo-controlNav {z-index:99; right:470px; bottom:10px; position:absolute; height:10px; text-align:center; overflow:hidden;}
.slideshow .nivo-controlNav a {display:block; background:url(bullets.png) no-repeat; float:left; vertical-align:top; width:10px; text-indent:-9999px; margin-right:5px; height:10px;}
.slideshow .nivo-controlNav a.active {background-position:0px -10px;}
.slideshow .nivo-directionNav a {display:block; background:url(arrows.png) no-repeat; width:30px; text-indent: -9999px; height:30px;}
.slideshow a.nivo-nextNav {background-position:-30px 0px; right:10px;}
.slideshow a.nivo-prevNav {left: 10px;}
.slideshow .nivo-caption {font-family:Helvetica; text-shadow:none;}
.slideshow .nivo-caption a {color:#efe9d1; text-decoration:underline;}


/****************************** interoffice style *************************/
#interoffice{width:1010px; margin:3px auto 0; background:url(xietong.jpg) 0 -531px repeat-x; height:108px; }
.offright{width:10px; height:108px; background:url(xietong.jpg) -10px -420px no-repeat; float:left;}
.offleft{width:75px; height:108px; background:url(interoffice.jpg) no-repeat; float:left; position:absolute; margin:1px 0 0 0; display:block; left:0; top:0;}
#offou{float:left;}
#offou ul{margin:19px 13px 0 40px; overflow:hidden;}
#offou ul li{overflow:hidden; background:url(xietong.jpg) 0 -681px no-repeat; padding:10px 0 5px 25px; float:left;}
*html #offou ul li{padding:10px 0 10px 18px;}
#offou ul li img{float:left;}
#offou ul li .sing{float:left; width:150px; margin:0 5px 0 3px;}
#offou ul li .name a{color:#ff6633; font-weight:bold; font-size:12px;}
#offou ul li .name a:hover, #newt h3 a:hover, .newth a:hover, #pright .proname a:hover{color:#ff3300; text-decoration:underline;}
#offou ul li .jianjie{color:#666; line-height:18px;}
#offou ul .work{background:none; padding:10px 0 5px 0; position:relative; z-index:999;}
.empity{position:relative; left:0;}

/******************* News Media Case style **********************/
#news{width:375px; float:left; overflow:hidden;}
.newo{height:30px; border-bottom:1px solid #ccc;}
.newo h3{line-height:20px; padding:5px 15px 5px 28px; border-bottom:1px solid #ff6633; float:left; background:url(xietong.jpg) 2px -794px no-repeat; font-size:14px; font-weight:bold; color:#666;}
.more{float:right; text-indent:-99999px;}
.more a{width:46px; height:13px; background:url(more.jpg) no-repeat; display:block; overflow:hidden; margin:8px 10px 0 0;}
.more a:hover{background:url(more.jpg) 0 -13px no-repeat;}

#newt{border-bottom:1px dashed #ccc; margin:0 10px; padding:12px 0; overflow:hidden;}
*html #newt{height:59px;}
.newimg{float:left; border:1px solid #ccc; padding:1px;}

.newne{float:left; margin:0 0 0 10px; width:220px;}
#newt h3{text-align:center; font-size:12px; font-weight:bold; margin:0 0 3px 0;}
#newt h3 a, .newth a{color:#ff6633; line-height:20px;}
.newth{color:#999; line-height:18px;}
#news ul, #media ul{clear:both; padding:7px;}
#news ul li a, #media ul li a{line-height:26px; background:url(xietong.jpg) 0 -828px no-repeat; display:block; height:26px; overflow:hidden; text-indent:18px; color:#666;}
#news ul li a:hover, #media ul li a:hover{background:url(xietong.jpg) 0 -861px no-repeat; color:#ff3300;}

#media{width:375px; float:left; overflow:hidden; margin:0 0 0 10px;}
#case, #weibo{width:230px; float:left; margin:0 0 0 10px;}
#case ul{height:235px;}
#case ul li{float:left; margin:10px 7px 0 7px; border:1px solid #ccc; border-radius:4px; line-height:0px;}
*html #case ul li{margin:10px 5px 0 5px;}
#case ul li img{border-radius:4px;}
#case ul li:hover{border:1px solid #ff3300;}


/************** 解决方案 style ***********************/
#program{float:left; width:760px; margin:10px 0 0 0;}
.zzjs_net h3{line-height:20px; padding:5px 15px 5px 28px; border-bottom:1px solid #ff6633; float:left; background:url(xietong.jpg) 2px -794px no-repeat; font-size:14px; font-weight:bold; color:#666;}
#www_zzjs_net{width:760px;}
.zzjs_net {width:100%; background:#fff; height:30px; line-height:30px; border-bottom:1px solid #ccc;}
.zzjs_net ul{float:right; background:url(xietong.jpg) 0 -895px repeat-x;}
.zzjs_net li{float:left; display:block; cursor:pointer; width:78px; text-align:center; color:#666; font-weight:bold; border:1px solid #ccc; margin:0 0 0 -1px; height:29px; line-height:29px;}
.zzjs_net li.hover{padding:0px; background:#fff; color:#006699; font-weight:bold; height:29px; line-height:29px; border:1px solid #006699; border-bottom:none;}
.www_zzjs_net_3{clear:both; margin-top:0px; border-top:none; padding-top:5px;}

#programimg{float:left; margin:10px 0;}
#pright{float:left; margin:10px 12px; width:560px;}
#pright .proname a{color:#ff6633; font-weight:bold;}
#pright .projian{color:#999; line-height:20px; border-bottom:1px dashed #ccc; padding:0 0 10px 0; height:120px;}
#pright ul{clear:both; margin:12px 0; float:right;}
#pright ul li{float:left; margin:0 10px 0 18px;}

#weibo{margin:10px 0 0 10px;}
.wontent{height:215px; padding:0 5px; margin:12px 0;}
*html #weibo{margin:10px 0 0 4px;}


/*********************** other style **********************/
.nbanner{width:1000px; margin:0 auto 10px; height:80px;}
#left{width:220px; float:left; margin-right:10px; overflow:hidden;}
.lanmu{height:40px; padding-bottom:2px; background:url(list_03.jpg) no-repeat;}
.lanmu h3{font-size:14px; line-height:30px; padding:4px 0 6px 33px !important; padding:5px 0 5px 33px; color:#fff; font-weight:bold; float:left;}
.lefto{margin-bottom:15px;}
.lefto ul{margin-top:8px;}
.lefto li{margin-top:1px;}
.lefto li a{padding:7px 0 3px 30px; line-height:25px; background:#efefef url(list_01.gif) 5px 0 no-repeat; display:block; overflow:hidden; font-size:14px;}
*html .lefto li a{height:25px;}
.lefto li span{padding-left:10px; font-weight:bold; font-family:arial; font-size:10px;}
.lefto li a:hover{background:#cc3300 url(list_02.gif) 5px 0 no-repeat; color:#fff;}
.lefto li a:hover span{color:#fff;}
.phone{margin-bottom:10px;}

.adress{width:220px; height:208px; background:url(phone_address.jpg) no-repeat;}
.adress ul{padding:8px 13px 0; overflow:hidden;}
.adress ul li{font-family:arial; color:#999; line-height:19px; text-shadow:1px 1px 0 #fff;}
.adress ul .telp{text-indent:60px; padding-bottom:10px; border-bottom:1px dotted #ccc;}
.adress ul .addr{padding-top:10px;}


/******** 产品介绍 style *************/
#right{width:770px; float:left; overflow:hidden;}
.weizhi{overflow:hidden; height:35px; line-height:35px;}
.list{width:25px; height:35px; float:left; background:url(list_01.jpg) no-repeat;}
.listr{width:90px; height:35px; float:left; background:url(list_02.jpg) no-repeat;}
.listm{float:left; width:655px; background:url(list_04.jpg) repeat-x; color:#999;}
.listm a{padding:0 5px; color:#999;}
.listm a:hover{color:#cc6633;}
.listm span{color:#cc6633; padding:0 5px;}
.rmain{padding:15px 10px;}
.namep{color:#ff6600; font-weight:bold; padding:6px 0 4px; font-family:arial;}
.neironp{color:#999; padding:6px 20px 4px; line-height:20px; font-family:arial;}
.neironp span{font-weight:bold;}
.neironp p{margin-right:30px; color:#cc0000; float:left;}
.down{float:right; margin:15px 15px 0 10px;}

/********* 成功案例 style *************/
.caselogo ul{overflow:hidden;}
.caselogo ul li{padding:5px; border:1px solid #ccc; text-align:center; float:left; border-radius:5px; margin:0 5px 15px; height:69px;}
.caselogo ul li img{max-width:165px; max-height:69px; line-height:0px;}
*html .caselogo ul li img{max-width:165px; width: expression( ( this.width > 165) ? 165 : this.width ); }
*html .caselogo ul li img{max-height:69px; height: expression( ( this.height > 69) ? 69 : this.height ); }

/******** 公司新闻 style *************/
.news{padding-bottom:15px; margin-bottom:15px; overflow:hidden;  border-bottom:1px dotted #ccc;}
.news h3{background:url(news_01.jpg) 0 5px no-repeat; text-indent:25px; font-size:14px;}
.news h3 a, .up a, .down1 a{color:#006699;}
*html .rmain .news h3 a, .updown .up a, .updown .down1 a{color:#006699;}
.news h3 a:hover, .news1 a, .up a:hover, .down1 a:hover{color:#ff6600;}
*html .news .news1 a{color:#ff6600;}
.news1{line-height:20px; color:#999; padding-left:25px;}
.news1 a:hover{text-decoration:underline;}

.news h1{color:#006699; text-align:center; font-size:14px; font-weight:bold; padding-top:20px;}
.news2{line-height:20px; color:#999; text-align:center; font-family:arial; padding-bottom:15px; border-bottom:1px dotted #ccc;}
.news3{padding:15px 15px 0; color:#666; font-family:arial;}
.news3 p{text-indent:25px;}
.updown{padding:0 15px;}
.up{float:left; width:310px; height:25px; overflow:hidden;}
.up span, .down1 span{color:#999;}
.down1{float:right; width:310px; height:25px; overflow:hidden; text-align:right;}

/******** 关于我们 style *************/
.about{overflow:hidden;}
.about ul li{text-indent:25px; font-size:14px; color:#666;}
.about ul .about1{width:380px; float:left;}
.about ul .about1 span{color:#ff3300; font-weight:bold;}
.about ul .abimg{float:right; padding:2px; border:1px solid #ccc; text-indent:0; line-height:0px;}
.about ul .about2{text-indent:0px; font-weight:bold; color:#cc0000;}

/******** 解决方案 style *************/
.solution{margin-bottom:15px; overflow:hidden;}
.soluname, .soluname01, .soluname02, .soluname03, .soluname04, .soluname05, .soluname06, .soluname07, .soluname08, .soluname09{width:260px; height:40px; background:url(solutions.jpg) no-repeat;}
.soluname01{background:url(solutions.jpg) 0 -40px no-repeat;}
.soluname02{background:url(solutions.jpg) 0 -80px no-repeat;}
.soluname03{background:url(solutions.jpg) 0 -120px no-repeat;}
.soluname04{background:url(solutions.jpg) 0 -160px no-repeat;}
.soluname05{background:url(solutions.jpg) 0 -200px no-repeat;}
.soluname06{background:url(solutions.jpg) 0 -240px no-repeat;}
.soluname07{background:url(solutions.jpg) 0 -280px no-repeat;}
.soluname08{background:url(solutions.jpg) 0 -320px no-repeat;}
.soluname09{background:url(solutions.jpg) 0 -360px no-repeat;}
.solution ul{padding:10px 0;}
.solution ul li{width:235px; background:url(list_03.gif) 5px 11px no-repeat; float:left; text-indent:15px; margin-left:10px; color:#666;}

/******** 客户服务-加盟申请 style *************/
.zxly h3{height:24px; background:url(message.jpg) center no-repeat; text-indent:-9999px; width:100%;}
.customer, .wholesalers{margin:15px 0; line-height:30px; clear:both; overflow:hidden; padding:0; height:30px;}
.customer .red, .cuscontant .red, .wholesalers .red{color:#cc0000; padding:0 5px; float:left;}
.customer .customer3, .cuscontant .customer3, .wholesalers .wholesalers2{font-size:14px; color:#666; line-height:30px; float:left;}
.customer .customer1{line-height:20px; padding:5px 0 5px 5px !important; padding:4px 0 6px 5px; color:#999; font-family:arial; float:left; width:200px; border:1px solid #999;}
.cuscontant{line-height:30px;}
.cuscontant .customer2{clear:both; width:95%; min-height:150px; padding:10px; color:#666; height:150px; line-height:20px; border:1px solid #999;}
.tijiao{float:right; margin:15px 20px 0 0 !important; margin:15px 15px 0 10px;}

.jmsq{padding:0 0 0 15px; height:470px; background:url(wholesalers_01.jpg) bottom no-repeat;}
.jmsq h3{height:24px; background:url(qudao.jpg) no-repeat; text-indent:-9999px; width:100%;}
.wholesalers .wholesalers1, .wholesalers .wholesalers3, .wholesalers .wholesalers4, .wholesalers .wholesalers5, .wholesalers .wholesalers6{line-height:20px; padding:5px 0 5px 5px !important; padding:4px 0 6px 5px; color:#999; font-family:arial; float:left; width:300px; border:1px solid #999;}
.wholesalers .wholesalers3{width:500px;}
.wholesalers .wholesalers4{width:150px;}
.wholesalers .wholesalers5{width:100px;}
.wholesalers .wholesalers6{width:260px;}
.agin{margin-left:150px;}
.agin .tijiao{float:left; margin:5px 20px 0 0 !important; margin:5px 15px 0 10px;}


/******** 分页条 style ****************/
.sabrosus {padding:3px; margin:3px; text-align:center; font-family:Verdana; clear:both;}
.sabrosus a{border:1px solid #9aafe5; color:#2e6ab1; padding:2px 5px; margin-right:2px;}
.sabrosus a:hover{border:1px solid #2b66a5; color:#fff; background:#ff6600;}
.sabrosus .current {border:1px solid navy; background:#2e6ab1; padding:2px 5px; font-weight:bold; color:#fff; margin-right:2px;}
.sabrosus .disabled {border:1px solid #929292; padding:2px 5px; color:#929292; margin-right:2px;}


/************** foot style ***********************/
#foot{background:#e9e8e8 url(xietong.jpg) 0 -940px repeat-x; height:60px; clear:both;}
.footer{background:#e9e8e8 url(foot.jpg) top no-repeat; height:60px; width:1000px; margin:0 auto;}
.footer ul{padding:27px 0 0; float:left;}
.footer ul li{float:left; color:#666;}
.footer ul li a{padding:0 10px; color:#666; text-shadow:1px 1px 0 #fff;}
.footer ul li a:hover, #foot .copy a:hover{color:#ff6633;}
#foot .copy{padding:27px 10px 0 0; line-height:20px; color:#666; text-shadow:1px 1px 0 #fff; float:right;}
#foot .copy span{ font-family:Tahoma, Geneva, sans-serif; padding:0 20px 0 0;}
#foot .copy a{color:#515151;}


/******************* go top style ********************/
#totop{position:fixed; bottom:70px; right:120px; z-index:999; width:30px; cursor:pointer; display:none;}
*html #totop{position:absolute; cursor:pointer; right:10px; display:none; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-112+"px");}
#totop a{display:block; width:30px; height:20px; padding-top:30px; background:url(top.gif) no-repeat; text-align:center; color:#ccc; font-size:12px;}
#totop a.cur{background-position:-30px 0; text-decoration:none; color:#fff;}

/************************ QQ style **************************/
#contentid {width: 110px; height:161px; font-size: 12px; }
.qqbox{height:auto; overflow:hidden; position:absolute; right:0px; top:210px; width:110px; height:201px; z-index: 9999;}
.qqlv{width:110px; height:200px; overflow:hidden; position:relative; float:right; text-align:right;}
.qqkf{width:100px; height:135px; padding-top: 40px; height:auto; overflow:hidden; padding-left:10px; right: 0px; top:0; z-index:99; background:url(qqbg.gif)}
.qqkfhm {margin:5px 0 0 10px;}
.qqkfhm img{opacity:.7;}
.qqkfhm:hover img{opacity:1;}
.title02 {font-size: 14px; color:#000000; font-weight:bold;}