html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,img,em,font,strong,dl,dt,dd,ol,ul,li,form,label,textarea,table,tbody,tfoot,thead,tr,th,td,article,aside,details,figure,menu,nav,p,header,footer
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:14px;line-height:1.55;font-family:Microsoft yahei,Arial,simsun;background:transparent;color:#505050}
html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#FFF;height:205px;overflow-x:hidden}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section,summary{display:block}
ol,ul,li{list-style:none}
b,strong{font-weight:bold}
i,em{font-style:normal}
img{border:0;max-width:100%}
a{text-decoration:none;color:#333;transition: all 0.5s;}
a:hover{color:#f30;}
.fl{float:left}
.fr{float:right}
.wb100{width:100%}
.container{width:1200px;margin:0 auto;}
.hidd{font-size:0;line-height:0;overflow:hidden;display:block;color:transparent}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
.mb20{margin-bottom:20px}
.mt40{margin-top:40px}
.pr{position:relative}
.hide{display:none}
.pa{position:absolute}
.f12{font-size:12px}
.tc{text-align:center}
.tr{text-align:right}
#header{border-top:10px solid #f6ac00;padding:25px 0 20px}
#nav{width:798px}
.navbar a{display:inline-block;padding:0 10px;line-height:30px;height:27px;font-size:15px}
.navbar a i{background:url(../image/icon.png) no-repeat;width:30px;height:27px;display:inline-block;float:left}
.navbar a i.icon-tel{background-position:0 0}
.navbar a i.icon-weibo{background-position:0 -27px}
.navbar a i.icon-shop{background-position:0 -54px}
.nav{background:url(../image/nav.jpg) no-repeat;height:62px;text-align:center;margin-top:10px}
.nav a{display:inline-block;color:#fff;padding:0 20px;line-height:55px;font-size:16px}

.banner{margin-bottom:20px}
.flexslider {
	margin: 0px auto 20px;
	position: relative;
	width: 100%;
	height:600px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../image/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
 -webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
 *display: inline;
}
.flex-control-paging li a {
	background: url(../image/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active, .flex-control-paging li.active a {
	background-position: 0 0;
}
.flexslider .slides a img {
	width: 100%;
	height: 600px;
	display: block;
}

.about{width:786px;height:274px}
.about img{border-bottom:10px solid #1faeab}
.about .title{background:url(../image/tit-about.gif) no-repeat;height:54px;line-height:54px;padding-left:24px;left:268px;top:5px;width:222px;font-size:16px;font-weight:600;color:#333;z-index:888}
.about .aboutBox{width:442px;height:163px;background:#eaeaea;right:0;bottom:0;padding:30px 34px}

.joinBox{width:390px;height:288px;overflow:hidden;text-align:center;}
.joinBox img{width:390px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;max-width:150%}

.joinBox:hover img{width:404px;margin-left:-7px;margin-top:-7px;}
.joinBox a{display:block;width:390px;height:288px;z-index:7777;top:0}
.joinBox h3{top:94px;color:#FFF;font-size:30px;z-index:88;width:100%;}
.joinBox h3 .jInfo{text-transform:uppercase;color:#fff;font-size:15px}
.joinBox h3 .jInfo:before{content:"";text-align:center;border-top:2px solid #fdac0a;width:60px;display:block;margin:0 auto;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;}
.joinBox h3:hover .jInfo:before{width:120px;}
.joinBox .mask{opacity:0;left:0;top:0}
.joinBox:hover .mask{background:#000;opacity:0.2;z-index:10;display:block;width:100%;height:100%;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;}
.joinBox:before,.joinBox:after{position:absolute;z-index:777;content:"";width:323px;height:220px}
.joinBox:before{left:-100px;top:-100px;opacity:0}
.joinBox:after{right:-100px;bottom:-100px;opacity:0}
.joinBox:hover:before{border:1px solid #FFF;border-width:1px 0 0 1px;left:34px;top:30px;opacity:.7;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;}
.joinBox:hover:after{border:1px solid #FFF;border-width: 0 1px 1px 0;right:34px;bottom:30px;opacity:.7;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;}

.ProdBox{background:url(../image/bg_prodBox.jpg) no-repeat;padding-top:70px;margin:40px auto}
.ProdBox .title{background:url(../image/Prod_line.png) no-repeat center bottom;padding-bottom:24px;text-align:center;font-size:21px;margin-bottom:24px}
.ProdBox ul li{float:left;width:278px;margin:0 10px 20px}
.ProdBox ul li .pic{background:#fff;border:1px solid #dfdfdf;height: 276px;}
.ProdBox ul li .pic img{margin:0 auto;}
.ProdBox ul li p{text-align:center;color:#1faeab;font-weight:bold;line-height:1.5;height:45px;overflow:hidden}

/* tabbtn */
.tabbtn{height:60px;text-align:center}
.tabbtn li{display:inline-block;position:relative;background:url(../image/news_tab.png) no-repeat;width:135px;margin-right:10px}
.tabbtn li a{display:block;float:left;height:66px;line-height:39px;overflow:hidden;width:135px;text-align:center;font-size:14px;cursor:pointer;color:#fff}

.tabbtn li.current a{background:url(../image/news_tab.png) no-repeat -145px 0;}
/* tabcon */
.tabcon{position:relative;/*必要元素*/height:310px;overflow:hidden;width:1010px;margin:0 auto}
.tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}
.tabcon .sublist{padding:5px 10px;height:310px;}
/* leftcon */
#leftcon .subbox{width:9999em;}
#leftcon .subbox .sublist{float:left;width:1010px;}
/* sublist */
.sublist{padding:10px;}
.sublist li{height:40px;line-height:40px;border-bottom:1px solid #ddd}
.sublist li:hover{background:#f5f5f5}
.sublist li span{margin:0 50px;font-family:Arial;font-weight:400;color:#666;line-height:40px;font-size:14px;float:left}
.sublist li a{font-size:16px;width:715px;overflow:hidden;display:inline-block;line-height:40px;float:left}
.sublist li i{background:url(../image/icon.png) no-repeat 0 -267px;display:inline-block;width:36px;height:16px;float:left;margin-top:12px}
.sublist .newsmore{width:150px;height:36px;border:1px solid #333;line-height:36px;text-align:center;display:block;margin:15px auto;font-size:16px}
.sublist .newsmore i{background:url(../image/icon.png) no-repeat 0 -264px;display:inline-block;width:36px;height:16px;margin:0 8px}
.sublist .newsmore:hover{background:#f28100;color:#fff;border-color:#f28100;}
.sublist .newsmore:hover i{background-position:0 -282px}

#footer{background:#f28100 url(../image/bg-footer.gif) repeat-x left top;height:212px;padding-top:48px;margin-top:40px}
#footer:before{content:"";position:absolute;top:48px;left:0;width:100%;border-top:1px solid #f6a345;}
#footer:after{content:"";position:absolute;bottom:48px;left:0;width:100%;border-top:1px solid #f6a345;}
.shoplnk{padding-top:15px;border-right:1px solid #f6a345;padding-right:36px;height:146px}
.tf{width:125px;height:28px;line-height: 28px;border:1px solid #f5a345;background:#f39811;color:#fff;text-align:center;font-weight:bold;display:inline-block}
.shoplnk dd a{display:block;border-bottom:1px dotted #f6a345;color:#FFF;line-height:30px;text-align:center}

.finfo{padding-top:38px;width:852px}
.cols-3{width:33.3333%;float:left;text-align:center;height:85px;}
.cols-3 i{background:url(../image/icon.png) no-repeat;display:inline-block;height:53px;width:56px;vertical-align: middle;}
.cols-3 i.i-tel{background-position:0 -83px}
.cols-3 i.i-addr{background-position:0 -137px}
.cols-3 i.i-mail{background-position:0 -190px}
.cols-3 p{text-align:left;display:inline-block;color:#fff;vertical-align: middle;}

.flnk{background:url(../image/bg-frlink.gif) no-repeat;width:820px;padding-left:20px;height:36px;padding-top:5px;border-top:1px solid #f6a345;line-height:40px}
.flnk .tf{margin-right:7px}
.flnk .tf i{background:url(../image/icon.png) no-repeat 0 -252px;display:inline-block;width:20px;height:10px;margin-left:7px}
.flnkList li{float:left;line-height:30px;color:#fff;margin-right:12px}
.flnkList li a{color:#fff}
.weixin{border-left:1px solid #f6a345;width:168px;text-align:center;color:#fff;height:161px}
.weixin img{border:5px solid #fff;margin:20px auto 5px}

#footer .tc{color:#FFF;padding:15px 0;width:100%}

.Area{width:916px}
.proList li{position:relative;width:30%;float:left;margin:0 1.2% 20px;border:1px solid #dfdfdf;-moz-box-shadow:2px 2px 5px #cccccc; -webkit-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc}
.proList li:hover{box-shadow:0 0 0}
.proList li img{max-width:100%}
.proList li .prodnner{padding:10px 15px ;background:#fff;height:360px}
.proList li .view{border:1px solid #ccc;display:inline-block;padding:3px 15px;border-radius:30px;clear:both;margin-top:8px}
.proList li:hover .view{background:#21ADAC;border-color:#21ADAC;color:#FFF}
.proList li .title{display:block}
.proList li .pic{position:relative;width:245px;height:245px;display:block}
.proList li .pic .mask{position:absolute;z-index:77;background:#21ADAC;opacity:0;display:block;width:100%;height:100%;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s;}
.proList li:hover .pic .mask{opacity:.5}
.proList li .i5 {z-index:99; opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.proList li .i6 {z-index:99;opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.proList li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.proList li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.aside{width:270px;background:#FFF url(../image/bg-leftbar.jpg) no-repeat left bottom;padding-bottom:390px}
.tbox dt{background:#f6ac00;line-height:36px;font-size:16px;font-weight:700;color:#FFF;padding-left:20px}
.d6{width:90%;margin:24px auto}
.d6 li a{border-bottom:1px dotted #eee;display:block; padding: 0 0 10px 20px;;line-height:24px;background:url(../image/bg-classList.gif) no-repeat;font-size:15px}
.d6 li a:hover,.d6 li a.thisclass{background:#e9e9e9 url(../image/bg-classList.gif) no-repeat;}


#page{background:#efefef;padding-top:15px}

.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

.picview{width:500px;height:500px;margin-right:15px}
.picview img{display:block;max-width:100%}
.infoview{width:480px}
h1.title{font-size:25px;font-family: 'Arial', sans-serif;font-weight:700;line-height:70px;margin-bottom:24px;padding-left:20px;border-bottom:1px solid #dfdfdf;}
h1.title-P{border-bottom:4px double #CCC;font-size:25px;font-family: 'Arial', sans-serif;font-weight:700;padding:20px 0;margin-bottom:20px;color:#2286CD}

.mb30{margin-bottom:30px}

#pview{position:relative;float:left;width:650px;height:600px;overflow:hidden}
#pview img{display:block;}
.tabcon2 img{height:550px;}
.tabbtn2{position:absolute;top:0;right:0;width:80px;}
.tabbtn2 li{float:left;margin-right:5px;margin-bottom:8px}
.tabbtn2 img{cursor:pointer;border:1px solid #CCC;width:80px;height:80px}
.tabbtn2 img:hover{border:1px solid #999}

.wraper{background:#FFF;padding:10px}
.position{border-bottom:3px solid #CCC;margin-bottom:20px;line-height:36px;padding-left:20px}
.article .proList li{width:22.3%}
.title-3 h3{text-align:center;font-size:22px;line-height:60px;display:block;margin-bottom:15px;background:url(../image/tit-xiangguan.gif) no-repeat center bottom}
.dropMenu{position:absolute;top:0;left:-20px;z-index:100;display:block;visibility:hidden;background:#FFF;padding:16px 0;min-width:160px;border:3px solid #13a9a7;border-radius:15px}
.dropMenu li{float:none;}
.dropMenu a{width:auto;display:block;color:black;padding:7px 20px;background:none;float:none;text-align:left;white-space:nowrap;}
.dropMenu li a:hover{background:#13a9a7;display:block;color:#fff}

.news_list li{margin-bottom:15px;padding:15px 20px ;height:180px}
.news_list li em{font-style:normal;font-size:11px}
.news_list li .t{font-size:17px;margin-bottom:10px;display:block;color:#333}
.news_list li.frt{background:#e5e5e5}
.news_list li .preview{float:left;width:220px;margin-right:10px}

/*===============在线留言===============*/
.czlybs{overflow:hidden; width:450px; float:right;}
.czlybs input{ width:420px;*width:460px; border:1px solid #dedede;margin-bottom:12px;background:none;color:#aca194; font-size:14px; margin-right:12px;
outline: medium none;padding:12px 10px; -webkit-transition: all 0.5s ease-in-out;}
.czlybs input.a{background:url(404.png) no-repeat 10px 15px;}
.czlybs input.r{margin-right:0px;}
.czlybs input:hover,.czlybs textarea:hover{border:1px solid #ba9363;}
.czlybs input:hover,.czlybs textarea:hover{color:#ba9363;}
.czlybs textarea{height:150px;width:420px;*width:460px;border:1px solid #dedede;background:none;color:#aca194; font-size:14px;font-family:"Microsoft YaHei";
outline: medium none; padding:20px 10px;-webkit-transition: all 0.5s ease-in-out;}
.czlybs button{margin-top:10px;width:440px;height:40px;outline:medium none;line-height:40px; border:none; float:left;
text-align:center;color:#ba9363;font-size:14px; font-weight:bold;cursor:pointer;border:1px solid #ba9363; background:none;font-family:"Microsoft YaHei";-webkit-transition: all 0.5s ease-in-out;}
.czlybs button:hover{background:#ba9363; color:#fff;}

.scroll{width:80px;height:80px;background:#64BFAE;color:#fff;line-height:80px;text-align:center;position:fixed;right:20px;bottom:30px;cursor:pointer;font-size:14px;transition:width 2s;
-moz-transition:width 2s;	/* Firefox 4 */
-webkit-transition:width 2s;	/* Safari 和 Chrome */
-o-transition:width 2s;}
.scroll:hover{background:#555}