@charset "utf-8";
@import "reset.css";
/*globe*/

div, dl, dt, dd, ul, ol, li, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6,font{ padding:0; margin:0;}
em, i, del { font-weight:normal; font-style:normal;}
html{ height:100%;}
body{
	position:relative;
	background:#000;
	color:#7e7e7e;
	font: 12px/24px  "Times New Roman", Times, serif,"微软雅黑","华文细黑",Arial,sans-serif;
	padding:0;
	margin:0;
	height:100%;
	min-height:750px;
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
img { border:0;}

ol, ul { list-style:none;}
li{ float:left;}
a{
	color:#666;
	transition:color 0.3s;
	text-decoration: none;
}
a:hover{color:#fff;}
.new-bg {
	background:url(bg_news.jpg) no-repeat center top;
}

#main-logo {
	text-align: center;
	height: 75px;
	width: 100%;
	margin:30px 0px 0px 0px;
	position:absolute;
}

.hidden{ display:none;}
.clear{zoom:1;}
.clear:after{visibility:hidden;display:block;font-size:0;content:"1";clear:both;height:0;}
.fle{float:left;_display:inline;}
.fri{float:right;_display:inline;}
/*public*/
.header{ width:100%;position:absolute; height:115px; top:19px; left:0; z-index:9;}
.header .logo{ float:left; margin-left:33px;}
.header .jiashow{ float:right; margin-right:20px;}
.jiashow .jiathis_style .jiathis_txt{ color:#868686; font-family:"宋体"; font-size:14px;}
.jiashow .jiathis_style .jtico{ background:url(share.png) no-repeat;}
.jiashow .jiathis_style .jtico_tsina{ background-position:0 1px;}
.jiashow .jiathis_style .jtico_tqq{ background-position:-20px 1px;}
.jiashow .jiathis_style .jtico_douban{ background-position:-42px 1px;}
.jiashow .jiathis_style .jtico_renren{ background-position:-64px 1px;}
.jiashow .jiathis_style .jtico_qzone{ background-position:-86px 1px;}
ul.zt li a {
	color:#111 !important;
}
ul.zt li a.hover{ background:url(menu_bg03.jpg) no-repeat center 37px !important; top:0;}
.index-main{ position:relative; width:1000px; margin:0 auto; padding-top:200px;}
.main01{ width:533px; height:67px; position:relative;}
.main01-left{width:0px; height:67px; position:absolute; right:340px; top:0; background:url(../img/index_img02.png) no-repeat right 0; overflow:hidden;}
.main01-right{width:0px; height:67px; position:absolute; left:341px; top:0;background:url(../img/index_img01.png) no-repeat -341px 0;}
.main01-midd{ width:125px; height:67px; margin:0 auto; display:none;background:url(../img/index_img01.png) no-repeat center;overflow:hidden;}

.main02{width:533px; height:45px; margin:35px 0 25px; position:relative; overflow:hidden;}
.main02-midd{ display:none; width:31px; height:45px; background:url(../img/index_img03.png) no-repeat; margin:0 auto;}
.main02-left{width:195px; height:30px; position:absolute; left:-195px; top:8px; background:url(../img/index_img04.png) no-repeat; overflow:hidden;}
.main02-right{width:202px; height:30px; position:absolute; right:-202px; top:8px;background:url(../img/index_img05.png) no-repeat;overflow:hidden;}

.main03{ display:none;width:348px; height:54px; padding-left:185px; font:18px/18px "宋体"; color:#5b5c5f; overflow:hidden;}
.main03 span{ display:inline-block; opacity:0;filter:Alpha(opacity=0); margin-left:30px;}
.main04{display:none;width:533px;  text-align:center;overflow:hidden;}
.main04 a{display:inline-block; width:107px; height:31px; border:1px solid #27272c; color:#707074; font:16px/30px "Times New Roman"; transition:all 0.5s; margin-top:10px; opacity:0;filter:Alpha(opacity=0); }
.main04 a:hover{ color:#fff; border-color:#a8a8aa;}

.menu{
	width:860px;
	_width:980px;
	height:39px;
	margin:0 auto 17px;
	font:16px/39px "Times New Roman";
	text-align:center;
	position:relative;
	z-index:11;
}
.menu ul li{ width:auto;min-height:39px;_height:39px; display:inline-block; position:relative; margin:0 36px; z-index:5;}
.menu ul li a{ position:absolute; display:block; width:100%; height:39px; left:0; top:0; color:#a8a8a8;font:16px/39px "Times New Roman"; overflow:hidden;}
.menu ul li a div.navch{ position:absolute; width:100%; left:0;text-align:center;top:-39px;font-family:"微软雅黑"; font-size:14px;}
.menu ul li a div.naven{position:absolute; width:100%; left:0; text-align:center;top:0;}
.menu ul li a.hover{ background:url(menu_bg02.gif) no-repeat center 37px; top:0;}
.menulist-bg{
	display:none;
	position:absolute;
	left:0;
	top:-35px;
	width:100%;
	height:35px;
	background:url(menu_bg01.png) repeat;
	overflow:hidden;
	z-index:4;
	opacity:0.8 !important;
	filter: Alpha(Opacity=80);
}
.menu ul li .menulist{ display:none; position:absolute; height:35px; top:-35px; width:960px;z-index:3; overflow:hidden; z-index:6;  }
.menu ul li .menulist ul li{ width:140px; display:inline-block; height:35px; position:relative; overflow:hidden; margin:0 20px 0 0;}
.menu ul li .menulist ul li a{
	font:12px/35px "Times New Roman","微软雅黑";
*font-family:"微软雅黑","Times New Roman"; 	top:-35px;
	height:70px;
	color: #FFF !important;
}
.menu ul li .menulist ul li span{ display:block; }

.footer{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	z-index:9;
	background:url(bg00.png) repeat;
}
#.zt li a{
	color:#333;
}
.copyright{ width:100%; height:35px; border-top:1px solid #27272b; background:url(footer_bg.png) repeat; text-align:center; line-height:30px; font-family:"Times New Roman";}
.copyright1{ width:100%; height:35px; border-top:1px solid #27272b; text-align:center; line-height:30px; font-family:"Times New Roman"; color:#111;}
/**首页***/
.main01{
	width:510px;
	height:73px;
	position:relative;
	background:url(main01_bg.png) no-repeat right center;
}
.main02{width:510px; height:73px; margin:32px 0 35px; position:relative; overflow:hidden; background:url(main02_bg.png) no-repeat center;}

.main04{display:none;width:510px;  text-align:center;overflow:hidden;}
.main04 a{display:inline-block; width:117px; height:33px; border:1px solid #27272c; color:#707074; font:16px/32px "Times New Roman"; transition:all 0.5s; margin-top:10px; opacity:0;filter:Alpha(opacity=0); letter-spacing:2px; }
.main04 a:hover{ color:#fff; border-color:#a8a8aa;}

/**内页**/
.inner-banner{opacity:0;filter:Alpha(opacity=0);}
.inner-banner li{ display:block;}
.inner-main{ width:1000px; position:relative; margin:0 auto; padding-top:200px;}

/**联系我们**/
.contact-til{ font-size:56px; color:#fff; line-height:42px; background:url(contact_bg01.png) no-repeat 40px bottom; padding-bottom:20px;}
.contact-til span{ display:block; font-size:52px; padding-left:32px;}
.contact-con{
	padding:20px 0 0 40px;
	font:12px/24px "微软雅黑";
}

/**新闻中心**/
.news-wrap{ width:100%; height:400px; overflow:hidden; position:relative; margin:0 auto; padding-top:160px; opacity:0;filter:Alpha(opacity=0);}
.news-box{ width:100%;height:400px;overflow:hidden; position:relative; margin:0 auto;}
.news-box ul{ position:absolute; top:0;height:400px; left:80px;overflow:hidden;}
.news-box ul li{ float:left; display:inline-block; _display:inline; width:280px; height:390px; margin-right:50px; cursor:pointer;}
.news-box ul li h2{ font:13px/13px "微软雅黑"; color:#eeeeee;}
.news-box ul li h2 a{ color:#bbb;}
.news-box ul li h2 a:hover{ color:#fff;}
.news-box ul li h3{font:Italic 10px/30px "微软雅黑"; color:#424243;}
.news-box ul li img{ max-width:280px;}
.news-wrap .prev,.news-wrap .next{ position:absolute;width:80px; height:340px;top:200px; z-index:2; overflow:hidden; text-indent:-999em; }
.news-wrap .prev{ left:0; background:url(news_bg01.png) repeat-y;}
.news-wrap .next{ right:0;background:url(news_bg02.png) repeat-y; }

.news-content{position:relative;height:340px;width:280px;color:#3c3c3e; font:11px/23px Arial,"微软雅黑";*font-family:"微软雅黑",Arial;}

/*.NBox{position:relative;height:340px;width:280px; margin:0 auto;}
.NcontentBox{width:280px;height:340px;position:relative;overflow:hidden;}
.Ncontent{position:absolute;width:280px;top:0;left:0; color:#3c3c3e; font:11px/23px Arial,"微软雅黑";*font-family:"微软雅黑",Arial;}
.NscrollBox{position:absolute;width:3px;height:330px;top:5px;right:-19px;}
.Nscroll{position:absolute;width:3px;height:52px;top:0;left:0;background:#fff;z-index:1;cursor:pointer;}
.Nscroll_top,.Sscroll_bot{display:none;}
.Nscroll_bg{display:none;}

*/.info-top{ width:100%; min-width:900px; height:88px; background:url(news_bg03.jpg) no-repeat center top; overflow:hidden;}
.info-bot{ width:100%; min-width:900px; height:82px; background:url(news_bg05.jpg) no-repeat center top;overflow:hidden;}
.info-center{ width:100%; min-width:900px; background:url(news_bg04.jpg) repeat-y center top;}
.info-main{ width:900px; margin:0 auto;}
.info-til{ padding-bottom:40px; background:url(news_bg06.png) no-repeat center bottom;}
.info-til h2{ background:url(news_bg07.png) no-repeat center top; padding:0 135px 20px; font:28px/32px "宋体"; color:#fff; text-align:center;}
.info-til p{ text-align:center;}
.info-info{ margin:40px auto; font:12px/24px "微软雅黑"; color:#565657;}
.info-page{ border-top:1px solid #1e1e1f; line-height:24px; padding-top:15px;}
.info-page a{ color:#454547}
.info-page a:hover{ color:#909090;}


/***关于我们**/
.about-main{ width:100%; left:0; top:0; height:750px; position:relative; overflow:hidden;
opacity:0;filter:Alpha(opacity=0);}
.about-main ul{ position:absolute; left:0;width:100%; height:750px;top:0;}
.about-main ul li{ width:100%;height:750px; position:relative; margin:0 auto; overflow:hidden;}
.about-main ul li .about-content{ position:absolute; width:1000px; left:50%; top:500px; margin-left:-500px; }
.about-main .number,.join-main .number{ position:absolute; width:10px; right:30px; top:40%; z-index:2;}
.about-main .number span ,.join-main .number span{ display:block;margin-top: 4px; position:relative; background:url(about_bit01.png) no-repeat 0 -19px; width:19px; height:19px;cursor:pointer;}

.about-main .number span.on ,.join-main .number span.on{ background-position:0 0;}
.about-main .number span.hover ,.join-main .number span.hover{background-position:0 0;}
.about-main .number span .span-tip,.join-main .number span .span-tip{ width:0; height:20px; background:url(about_bg04.png) no-repeat; text-indent:10px; position:absolute; right:19px; top:0; font:12px/20px "微软雅黑"; color:#352f29; overflow:hidden;}
/**公司简介**/
.about-box1{
	width:458px;
	height:456px;
	margin:0 auto;
	background:url(about_bg01.png) no-repeat;
}
.about-til1{ padding-top:50px; text-align:center; margin-bottom:15px;}

.SBox{
	position:relative;
	height:170px;
	width:340px;
	margin:0 auto;
}
.ScontentBox{
	width:330px;
	height:170px;
	position:relative;
	overflow:hidden;
}
.Scontent{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	color:#EBEBEB;
	font:11px/21px Arial,"微软雅黑";


*font-family:"微软雅黑",Arial;}
.SscrollBox{position:absolute;width:1px;height:60px;top:5px;right:-15px;}
.Sscroll{position:absolute;width:1px;height:20px;top:0;left:0;background:#fff;z-index:1;cursor:pointer;}
.Sscroll_top,.Sscroll_bot{display:none;}
.Sscroll_bg{position:absolute;width:1px;height:60px;background:#fff;left:0; opacity:0.3;filter:Alpha(opacity=30);}

/**品牌介绍**/
.about-til2{
	margin-bottom:25px;
	text-align:center;
}
.SBox2{
	position:relative;
	height:84px;
	width:490px;
	margin:0 auto;
}
.ScontentBox2{
	height:84px;
	position:relative;
	overflow:hidden;
}
.Scontent2{
	position:absolute;
	top:0;
	left:0;
	color:#222;
	font:11px/21px Arial,"微软雅黑";
*font-family:"微软雅黑",Arial;}
.SscrollBox2{position:absolute;width:1px;height:74px;top:5px;right:-25px;}
.Sscroll2{position:absolute;width:1px;height:30px;top:0;left:0;background:#fff;z-index:1;cursor:pointer;}
.Sscroll_top2,.Sscroll_bot2{display:none;}
.Sscroll_bg2{position:absolute;width:1px;height:74px;background:#fff;left:0; opacity:0.3;filter:Alpha(opacity=30);}

/**品牌故事**/
.about-box3{ width:736px; height:300px; background:url(about_bg02.png) no-repeat 0 bottom; margin:0 auto;}
.about-til3{ text-align:center; margin:0 auto 25px; padding-top:28px;}
.SBox3{position:relative;height:167px;width:625px; margin:0 auto;}
.ScontentBox3{height:167px;position:relative;overflow:hidden;}
.Scontent3{position:absolute; top:0;left:0; color:#a6a6a6; font:11px/21px Arial,"微软雅黑";*font-family:"微软雅黑",Arial;}
.SscrollBox3{position:absolute;width:1px;height:157px;top:5px;right:-20px;}
.Sscroll3{position:absolute;width:1px;height:30px;top:0;left:0;background:#fff;z-index:1;cursor:pointer;}
.Sscroll_top3,.Sscroll_bot3{display:none;}
.Sscroll_bg3{position:absolute;width:1px;height:157px;background:#fff;left:0; opacity:0.3;filter:Alpha(opacity=30);}
.about-btn{ width:36px; height:34px; display:inline-block; margin:0 auto; background:url(about_bg03.png) no-repeat #fff; transition:all 0.3s ; margin-top:0;}
.about-btn:hover{ background-color:#4e6baf; margin-top:4px;}

/**品牌定位**/
.about-box4{ width:735px; margin:0 auto;}
.about-til4{ padding-bottom:25px; border-bottom:1px solid #333;}
.about-til4 h3{ text-align:center; font:italic 52px/62px "Times New Roman", Times, serif; color:#fff;}
.about-til4 p{ text-align:center; font:italic 18px/24px "Times New Roman", Times, serif; color:#c0c0c0;}

.about-til4{ text-align:center; margin:0 auto 30px;}
.SBox4{position:relative;height:190px;width:735px; margin:0 auto;}
.ScontentBox4{width:735px;height:190px;position:relative;overflow:hidden;}
.Scontent4{position:absolute;width:735px;top:0;left:0; color:#333; font: 12px/24px "微软雅黑";*font-family:"微软雅黑",Arial;}
.SscrollBox4{position:absolute;width:1px;height:180px;top:5px;right:-15px;}
.Sscroll4{position:absolute;width:1px;height:30px;top:0;left:0;background:#ccc;z-index:1;cursor:pointer;}
.Sscroll_top4,.Sscroll_bot4{display:none;}
.Sscroll_bg4{position:absolute;width:1px;height:180px;background:#666;left:0; opacity:0.9;filter:Alpha(opacity=90);} 

/**招商加盟**/
.join-main{width:100%; height:750px; position:relative; margin:0 auto; overflow:hidden; opacity:0;filter:Alpha(opacity=0);}
.join-main-bg{ position:absolute; width: 100%; height:190px; left:0; bottom:0;background:url(join_bg01.png) repeat-x 0 bottom; z-index:1;}
.join-main ul.join-left{ position:absolute; left:0;width:50%; height:750px;top:0; background:#0c0c0c;}
.join-main ul.join-right{ position:absolute; right:0;width:50%; height:750px;bottom:0;}
.join-main ul li{width:100%;height:750px; position:relative; overflow:hidden;}
.join-main ul.join-left li{ width:500px; float:right;height:612px; padding-top:138px; clear:both;}
.join-main ul.join-left li .join-til{ font: italic 36px/40px "Times New Roman", Times, serif; color:#c1c1c1; margin-bottom:25px;}
.join-main ul.join-left li .join-til span{ display:inline-block; width:30px; height:1px; background:#c5c5c5; margin-bottom:15px; overflow:hidden;}
.join-main ul.join-left li .join-con{ font:11px/21px Arial,"微软雅黑";*font-family:"微软雅黑",Arial; color:#585959; }


.JBox{position:relative;height:360px;width:400px;}
.JcontentBox{width:400px;height:360px;position:relative;overflow:hidden;}
.Jcontent{position:absolute;width:400px;top:0;left:0;  font:11px/21px Arial,"微软雅黑";*font-family:"微软雅黑",Arial; color:#585959;}
.JscrollBox{position:absolute;width:1px;height:350px;top:5px;right:-15px;}
.Jscroll{position:absolute;width:1px;height:30px;top:0;left:0;background:#fff;z-index:1;cursor:pointer;}
.Jscroll_top,.Sscroll_bot{display:none;}
.Jscroll_bg{position:absolute;width:1px;height:350px;background:#fff;left:0; opacity:0.3;filter:Alpha(opacity=30);}

/***产品首页**/
.product-main{ width:100%;height:750px; margin:0 auto; max-width:1440px; min-width:1000px;opacity:0;filter:Alpha(opacity=0); position:relative; overflow:hidden; z-index:0;}
.product-main ul li{ width:25%; height:750px; position:relative; background:#000; overflow:hidden;}
.product-main ul li img{ position:absolute; left:50%; top:0; margin-left:-180px;}
.product-main ul li img.pro-imgon{ opacity:0;filter:Alpha(opacity=0);}
.product-main ul li .product-name { position:absolute; width:100%; top:417px; left:0;opacity:0;filter:Alpha(opacity=0);text-align:center; z-index:1;}
.product-main ul li .product-name span{display:inline-block; width:25px; height:1px; background:#fff;opacity:0.3;filter:Alpha(opacity=30); margin-bottom:25px; overflow:hidden;}
.product-main ul li .product-name h2{ font: italic 26px/28px "Times New Roman", Times, serif; color:#fff;}
.product-main ul li .product-name h3{ font:18px/42px "宋体"; color:#808080;}
.product-chan{ width:100%; height:750px; position:absolute; left:0; top:0;  background:url(pro_img00.png) no-repeat center;opacity:0;filter:Alpha(opacity=0); overflow:hidden;  height:850px; z-index:2;}

/**产品列表***/
.product-wrap{
	width:100%;
	min-width:1024px;
	max-width:1440px;
	margin:0 auto;
	padding-top:150px;
	opacity:0;
	filter:Alpha(opacity=0);
	overflow:hidden;
}
.product-nav{
	width:880px;
	height:35px;
	text-align:center;
	margin: 0 auto 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #27272b;
}
/*.product-nav a{ margin:0 25px; font:14px/18px "宋体"; color:#fff;opacity:0.3;filter:Alpha(opacity=30); transition:all 0.3s}
.product-nav a:hover,.product-nav a.hover{opacity:0.8;filter:Alpha(opacity=80);}
*/
.product-nav ul li{width:210px;height:35px; display:inline-block;margin:0 5px;  position:relative; overflow:hidden;}
.product-nav ul li a{ position:absolute; display:block; width:100%;font:14px/35px "Times New Roman","微软雅黑"; *font-family:"微软雅黑","Times New Roman"; top:-35px; height:70px;opacity:0.5;filter:Alpha(opacity=50);color:#fff;}
.product-nav ul li span{ display:block; text-align:center;}
.product-nav ul li a:hover{opacity:1;filter:Alpha(opacity=100);}
.product-nav ul li.hover a{ top:0;opacity:1;filter:Alpha(opacity=100);}


.product-scroll{ width:80%; position:relative; margin:0px auto;}
.product-list{
	width:875px;
	margin:0 auto;
	height:370px;
	position:relative;
	overflow:hidden;
}
.product-list ul{
	position:absolute;
	left:0;
	top:0;
}
.product-list ul li{
	width:195px;
	float:left;
	display:inline-block;
	margin:5px 10px;
	font-size:13px;
	text-align:center;
	line-height:30px;
}
.product-list ul li a{
	color:#a8a8a8;
}
.product-list ul li img{
	width:194px;
	height:150px;
}
.product-scroll .prev,.product-scroll .next{ display:block; width:32px; height:64px; background:url(pro_btn01.png) no-repeat; position:absolute; top:110px; overflow:hidden;opacity:0.3;filter:Alpha(opacity=30); transition:all 0.3s}
.product-scroll .prev{ left:10px;}
.product-scroll .next{ right:10px; background-position:-32px 0;}
.product-scroll .prev:hover,.product-scroll .next:hover{opacity:0.9;filter:Alpha(opacity=100);}
.product-content { width:965px; margin:0 auto; position:relative; overflow:hidden;}
.pro-le {
	float: left;
	width: 450px;
	margin-right:20px;
}

.pro-ri {
	float: left;
	width: 450px;
}

.news-nav{
	width:800px;
	height:35px;
	text-align:center;
	margin: 0 auto 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #27272b;
}
.news-nav ul li{width:180px;height:35px; display:inline-block;margin:0 5px;  position:relative; overflow:hidden;}
.news-nav ul li a{ position:absolute; display:block; width:100%;font:14px/35px "Times New Roman","微软雅黑"; *font-family:"微软雅黑","Times New Roman"; top:-35px; height:70px;opacity:0.5;filter:Alpha(opacity=50);color:#fff;}
.news-nav ul li span{ display:block; text-align:center;}
.news-nav ul li a:hover{opacity:1;filter:Alpha(opacity=100);}
.news-nav ul li.hover a{ top:0;opacity:1;filter:Alpha(opacity=100);}

.news-list{ width:800px; margin:0 auto; height:302px; position:relative; overflow:hidden;}
.news-list ul{ left:0; top:0;}
.news-list ul li{ left:0; top:0; line-height:28px; float:none;}
.about-main .number span.on div, .join-main .number span.on div{width:80px !important;}


/*主窗*/
#scroll{	
	width:340px;
	height:170px;
	position:absolute;
	top:0px;
	text-align:center;
}
#scroll_1{	
	width:340px;
	height:170px;
	position:absolute;
	top:0px;
	text-align:center;
}

/*左边内容区*/
#scroLeft{
	float:left;
	height:100%;
	width:330px;
	color:#fff; font-size:14px;
	font-family:微软雅黑;
	line-height:23px;
	overflow:hidden;
}

/*右边滚动条轨道*/


/*滚动条*/
#scroLine{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	width:10px;
	background:url(images/opacity_70.png);
	background:rgba(199, 199, 199, 0.8);
	opacity:0.7;
	border-radius:10px;
	cursor:pointer;
}


#scroLeft img{
	margin:30px 60px;
	cursor:pointer;
}

.absolute{
	display:block;
	width:370px;
	height:300px;
}