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

html{color:#000;background:#FFF; }
body { color:#666;font:14px/1.231 'Microsoft YaHei','微软雅黑'; background:url(../images/titlebg.jpg) repeat-x;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { color:#F09; text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
ul{ list-style:none;}
.clear{ clear:both;}
/* -- 页面整体布局 -- */

.header , .content { width:1200px; margin:0 auto;font-family: '微软雅黑'; }
.nav{ width:1050px; margin:0 auto;}

/*头部开始*/
.header{ height:135px;}
.header img{ margin:30px 0 0 100px; float:left;}
.header h2{ float:right; margin-right:200px; font-size:16px; margin-top:50px;}
.header h2 b{ color:#F00; font-size:16px;}

.nav{ height:48px;}

/*下拉菜单样式*/
#zzjs_net { line-height: 48px; list-style-type: none;width:1200px; margin:auto; padding:0px;}         /*控制一级菜单行高；上边距5px；*/
#zzjs_net a { display: block; width: 120px; text-align:center; font-size:16px;} /*一级菜单链接总体样式：每个菜单的宽，居中对齐，文字大小*/
#zzjs_net a:link  { color:#FFF; text-decoration:none;margin:0;}     /* 未访问的链接 */
#zzjs_net a:visited  {color:#FFF;text-decoration:none;margin:0;}    /* 已访问的颜色 */
#zzjs_net a:hover {color:#C00;text-decoration:none;}                /* 鼠标在链接上 */
#zzjs_net li {float: left;}                   /* 一级菜左对齐 */
#zzjs_net li a:hover{background:#F90; color:#FFF;}     /* 鼠标在一级菜单上改变其背景色 */
#zzjs_net li ul {line-height: 34px; margin-left:-1px; background:#D8186A;  list-style-type: none;text-align:left;left: -999em; width:142px; position: absolute; z-index:19999;border-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-color:#F33; padding:1px;}             /*二级菜单总体样式：行高24px；背景颜色；外框宽度；相对位置；边框一个象素，上边没样式，左右下边实线，边框颜色#003399；内边距1个象素*/
#zzjs_net li ul li{ border-bottom:1px dashed #FDE1BB;}
#zzjs_net li ul a{display:block; width: 140px;text-align:left;padding-left:2px;}                 /* 二级菜单链接样式；背景宽度、左对齐，左缩进2 */
#zzjs_net li ul a:link  {color:#FFF;; text-decoration:none; font-size:12px;}                                   /* 未访问的链接 */
#zzjs_net li ul a:visited  {color:#FFF;text-decoration:none;}                                 /* 已访问的链接 */
#zzjs_net li ul a:hover  {color:#FF9;text-decoration:none;font-weight:normal;background:#EB478C;}/* 鼠标在链接上 */
#zzjs_net li:hover ul {left: auto;}
#zzjs_net li.sfhover ul {left: auto;}

.banner{ width:100%; height:480px; background-color:#aaa;}

.fullSlide {
	width:100%;
	position:relative;
	height:480px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:480px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:480px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:50px;
	line-height:50px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#f00;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:15%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:15%;
	background-position:-6px -137px;
}

/*首页产品分类*/
.index_cpfl{ width:1200px; height:70px;  margin:auto;}
.index_cpfl ul{ width:1000px; margin:auto;margin-top:20px;}
.index_cpfl ul li{width:225px;font-size:18px; font-weight:bold; height:37px; line-height:37px;float:left;margin:10px;}
.index_cpfl ul li:hover{ background-color:#F03;}
.index_cpfl ul li a{  display:block;  color:#FFF;   text-align:center; text-decoration:none;}
.index_cpfl ul li a:hover{ color:#FFF;}
.fen{ background-color:#FF3275; }
.huang{background-color:#FE9901;}
.lan{background-color:#02B4FE;}
.lv{background-color:#91E124;}

.cpzs{ width:1126px; height:91px; margin:auto;}

.index_pic2 {
    width: 1200px;
    height: 420px;
    margin: auto;
}

.pic_lista2{ width:225px; height:auto; float:left; margin:8px 6px 0 7px; display:inline; text-align:center;}
.pic_lista2 dt{ width:223px; height:165px; float:left; border: dashed 1px #CCC; overflow:hidden;
}
.pic_lista2 dt:hover{ background-color:#9C0;}
.pic_lista2 dt img{ 
 width:220px;
 height:160px;

}

.pic_lista2 dd{ line-height:26px;}
.pic_lista2 dd a{ color:#333; font-size:14px;font-family:"微软雅黑";}
.pic_lista2 dd a:hover{ color:#F00;}
.pic_lista2 dt img:hover{ transform: scale(1.2, 1.2);
 transition: transform 0.6s ease 0s;
 opacity: 0.9;}
 
.main{ width:1200px;margin:auto;padding-top:25px; overflow:hidden;}
.main_left{ width:288px; float:left;}
.left_cpfl,.left_contact,.left_news{ width:288px;border:1px solid #FCC; border-bottom:4px solid #FCC; overflow:hidden;}
.left_cpfl h2,.left_contact h2,.left_news h2{ font-size:20px; width:240px; height:47px; line-height:47px;padding-left:48px; background: url(../images/dian.png)  #F06 no-repeat scroll 18px 13px; color:#FFF;}
.left_cpfl span,.left_contact span,.left_news span{  font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding-left:5px;}
.left_cpfl ul { width:240px; margin:auto; padding-top:10px;}
.left_cpfl ul li{ width:240px;  line-height:33px; background-color:#F36; color:#FFF; font-weight:bold; margin:1px 0px;}
.left_cpfl ul li a:hover{ background-color:#F60; display:block;}
.left_cpfl ul li a{ color:#FFF; padding-left:25px;}
.left_cpfl ul li ul{ background-color:#FFF; padding-top:0px;}
.left_cpfl ul li ul li{width:240px; height:33px;border-bottom:1px #FF66CC dashed; background: url(../images/dian2.jpg)  #FFF no-repeat scroll 20px 13px;}
.left_cpfl ul li ul li a{ padding-left:33px; color:#F06; }
.left_cpfl ul li ul li{ }
.left_cpfl ul li ul li a:hover{ color:#FFF;}
.br1{border-radius:5px/5px;}
.left_contact{line-height:28px; margin-top:15px; overflow:hidden;}
.left_contact p{ padding:12px;}
.left_news{ margin-top:15px;}
.topnews { width:250px; margin:auto;}
.topnews li{ width:250px; height:28px; line-height:28px; font-size:12px; border-bottom:1px dashed #E8E8E8;}

.main_right{ width:890px; border:1px solid #F0F0F0;  border-bottom-left-radius:8px; border-bottom-right-radius:8px; float:right;}


/*相关产品*/

.related {
    margin: 20px auto;
    font-size: 18px;
    font-weight: bold;
    padding-left: 50px;
    border-bottom: 1px dashed #CCCCCC;
    padding: 15px;
}
.relatedlist {
    width: 880px;
    margin: auto;
    text-align: center;
}
.relatedlist ul li{ width:210px; height:190px; float:left; margin:4px;}
.relatedlist ul li img{ width:190px; height:150px; border:3px solid #FFE8F2;}
.relatedlist ul li img:hover{border:2px solid  #F09;}
.relatedlist h3{ font-size:14px; font-weight:normal;}

.metlist {width: 860px;margin: auto;}
.metlist ul li {
    float: left;
    width: 250px;
    margin: 0px 6px;
    height: 33px;
    line-height: 33px;
    border-bottom: 1px dashed #B9A073;
    background: url(../images/dd.png) no-repeat 5px;
}
.top {
    background: url('../images/Common/top_bg.gif') repeat-x 0 top;
    height: 208px;
    position: relative;
}
.mat30{ margin-top:30px;}
.metlist ul li a {
    padding-left: 22px; color:#999; font-size:12px;
}
.metlist ul li a:hover{ color:#F30;}
.center{ width:1200px; margin:auto;padding-top:25px; overflow:hidden;}
.center_left{ width:288px; float:left;}
.center_right{ width:890px; float:right;}
.center_left_cpfl,.center_left_contact{ width:288px; border:1px solid #EFEFEF;}
.center_left_cpfl h2,.center_left_contact h2{ text-align:center; font-size:14px; height:38px; width:288px; background:url(../images/leftnav.jpg); line-height:38px; font-weight:bold;  color:#FFDFD0;}
.center_left_cpfl ul{ padding:10px;}
.center_left_cpfl ul li{ width:260px; height:33px; line-height:33px; border-bottom:1px dashed #EE8AC1; }
.center_left_cpfl ul li a{ display:block; padding-left:15px;background: url(../images/dian2.jpg) no-repeat scroll 0px 13px;}
.center_left_cpfl ul li a:hover{ background-color:#C11C77; color:#FFF;}
.center_left_contact p{ line-height:28px; padding:5px; text-align:left;}

.index_about{ width:890px; height:39px; background:url(../images/index_about.jpg);}
.right_content{ width:890px; height:39px; background:url(../images/index_about.jpg);}
.right_content2{line-height:28px; font-size:14px; padding:12px;}
.right_content span,.index_about span{ float:right; padding-right:30px; height:39px; line-height:39px;}
.right_content2 h2{ text-align:center; padding:15px; font-size:18px; color:#F03;}
.index_about h2,.right_content h2{ height:39px; line-height:39px; float:left; color:#FFF; font-weight:bold; margin-left:90px; text-align:left; font-size:14px; }
.byn {
    margin: 15px auto;
    padding: 20px 20px;
}
.byn li {
    line-height: 35px;
    border-bottom: dotted 1px #CCCCCC;
    padding-left: 20px;
    background: url(../images/dian3.jpg) no-repeat scroll 0px 10px;
}
.byn span {
    float: right;
}
.page_nav{ margin:10px;}
.page_nav a {
    border-right: #aaaadd 1px solid;
    padding-right: 5px;
    border-top: #aaaadd 1px solid;
    padding-left: 5px;
    padding-bottom: 2px;
    margin: 2px;
    border-left: #aaaadd 1px solid;
    color: #000099;
    padding-top: 2px;
    border-bottom: #aaaadd 1px solid;
    text-decoration: none;
}
.page_nav a:hover{ background-color:#F60; color:#FFF;}
.page_nav span.nolink {
    border-right: #aaaadd 1px solid;
    padding-right: 5px;
    border-top: #aaaadd 1px solid;
    padding-left: 5px;
    padding-bottom: 2px;
    margin: 2px;
    border-left: #aaaadd 1px solid;
    color: #999;
    padding-top: 2px;
    border-bottom: #aaaadd 1px solid;
}

.list_contentt{ width:850px;   margin:auto;margin-top:20px;}
.list_contentt ul{ margin:0px; padding:0px;}
.list_contentt ul li{ width:276px;  margin:3px;  float:left; text-align:center; list-style:none;}
.list_contentt ul li img{ border:1px dashed  #CCCCCC; padding:2px; width:230px; height:200px;}
.list_contentt ul li a{ font-size:14px;}
.list_contentt ul li img:hover{border:1px dashed  #C90; background-color:#F69;}


.index_about1{ line-height:27px;}
.index_about1 img{ float:left; padding:16px;}
.index_about h2 a { float:right; margin-right:20px; font-weight:normal; line-height:39px; line-height:39px;}
.index_about2{width:890px; }
.index_about2 ul li{ float:left; width:200px; height:170px; text-align:center;border:1px solid #CCC; margin:10px; }
.index_about2 ul li span{ display:block;}
.index_about2 ul li img{ max-height:150px; max-width:185px; border:0px solid #FCC; padding:2px;}
.index_about2 ul li img:hover{ border:2px solid #F69;}
.index_about2 ul li a{ color:#F30;}

.index_news{ width:1200px; margin:auto;overflow:hidden;}
.index_news3{ width:377px; height:300px;}
.index_news3 h2{ width:307px; height:38px; padding-left:70px; line-height:38px; font-weight:bold; font-size:14px; text-align:left; color:#FFF; background:url(../images/newsli.jpg);}
.index_news3 h2 a{ color:#FFF; font-weight:normal; float:right; margin-right:10px; font-size:12px;}
.index_news3 h2 a:hover{ color:#FC3;}
.index_news3 ul{ widows:375px; height:260px; border:1px solid #EEE; border-top:0px; padding-top:15px;}
.index_news3 ul li{ width:350px; height:30px; line-height:30px; border-bottom:1px dashed #EBEBEB;}
.index_news3 ul li span{ float:left; margin-left:10px; color:#888;}
.index_news3 ul li a{ margin-left:10px;}

.fl{ float:left;}
.rt{ float:right;}
.fl35{ margin-left:35px;}
/*底部开始*/
.footer{ width:100%; height:170px; line-height:27px; background:url(../images/btbg.jpg) #BD003E repeat-x top; text-align:center; padding-top:20px; color:#FDE7DB;}
.fnav{  width:1100px; margin:auto; border-bottom:1px dashed #FFCC99; display:inline-block;}
.fnav ul{ width:800px; margin:auto;}
.fnav li{ margin:10px; float:left; text-align:center;}
.fnav ul li span{0 100px; display:inline-block;}
.fnav li a{ color:#FC0;}
.fnav li a:hover{ color:#F9F;}