﻿/* By 东方的太阳 QQ:465002188 */


/* 全局样式 */
span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:微软雅黑, Helvetica, sans-serif;vertical-align:baseline;}
body{font-size:12px;color:#555;font-family:微软雅黑;background:#fff ; margin:0px; padding:0px;}
ul,ol{list-style-type:none;}
textarea,select,input,button,label{vertical-align:middle;font-size:12px;font-family:"Tahoma";}
button{cursor:pointer}

/* 定义全局宽 */
.wrap {width:1180px;margin:0px auto;overflow:hidden;}



/*  - - - - - - - - - 类别样式  - - - - - - - - -*/
.c {height:0;line-height:0;font-size:0;clear:both;overflow:hidden;display:block;}
.l {float:left;}
.r {float:right;}
.rel {position:relative}
.abs {position:absolute;}
.border {border:1px solid #dedede;}

em {font-style:normal;}

/* 链接样式 */
a{color:#555;text-decoration:none;}
a:link{}	
a:hover{text-decoration:none;color:#e65651;}	/*设置对象在其鼠标悬停时的样式表属性*/
a:active{}  /*在鼠标点击与释放之间发生的事件*/
a:visited{} /* 已被访问过时的样式表属性 */
a:focus { -moz-outline-style: none; }
a:focus { outline: none; } 



.header {height:71px; }
.logo {width:500px; }
.site {width:680px;text-align:left; }
.tel {font-size:18px;padding:10px 0; float:right; margin-right:30px;}
.nav {font-size:18px; float:left; }
.nav li {display:inline;padding:0 32px;}


.subnav {
	left:-31px;
	width:28px;
	top:103px
}
.subnav li {height:121px;background:url(../images/off2.png) no-repeat;}
.subnav li a {display:block;height:121px;font-size:14px;line-height:20px;font-weight:bold;text-align:center;padding-top:8px;padding-left:2px;}
.subnav li a:hover, .subnav li.on a {background:url(../images/on2.png) no-repeat;text-decoration:none;color:#fff;}

.main {margin-top:10px;}
.cont {background:url(../images/bg.jpg) no-repeat bottom right;border:1px solid #ccc;line-height:25px; overflow:hidden;}
.about {padding:50px 50px 50px 50px;font-size:16px; }
.about h1 {font-size:30px;padding:0 0 20px 0;}
.about p {padding:0 0 10px 0; width:100%;}
.about h3, .arc1 h3 {font-size:20px;padding:0 0 10px 0;}

.list1 li {background:url(../images/li1.jpg) no-repeat 0 center;padding-left:20px;height:30px;line-height:30px;font-size:15px;}

.arc1 {padding:40px;}
.list2 h2 {font-size:30px;}
.list2 h2 p {font-size:18px;padding:10px 0;}
.list2 dd {line-height:20px;}
.list2 {padding:0 0 50px 0;}

.t1 {height:42px;border-bottom:2px solid #999;overflow:hidden}
.t1 h3 {float:left;}
.n2 {float:right;}
.n2 li {background:url(../images/off1.png) no-repeat;float:left;height:42px;line-height:42px;width:99px;text-align:center;font-size:16px;position:relative;margin-right:-13px;}
.n2 li a {display:block;}
.n2 li a:hover, .n2 li.on a {background:url(../images/on1.png) no-repeat;color:#fff;text-decoration:none;}

.list3 {overflow:hidden;width:100%;zoom:1;padding:20px 0 0 0}
.list3 li {float:left;padding:14px 14px 14px 14px; width:260px; height:360px; background:#EFEFEF;}



.box_bg {padding:15px;background:#f5f5f5;}
:root .box_bg{filter:none\9;}/*for IE9*/


.list4 li {float:left;padding:0 7px 0 0}
.list4 {overflow:hidden;width:100%;zoom:1;}

.list5 {overflow:hidden;width:100%;zoom:1;padding:20px 0}
.list5 dt {float:left;width:170px;font-size:18px;}
.list5 dd {width:680px;float:right;}
.list5 dd li {float:left;padding:0 10px 0 0;}

.pic12 {font-size:14px;}
.pic12 p {padding:10px 0 0 0;}

.list6 {margin:40px auto;}
.list6 li {float:left;padding:0 10px;}





.box1{padding:20px 30px 10px 30px;background:rgba(132,132,132,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f848484,endColorstr=#7f848484);zoom:1;}
:root .box1{filter:none\9;}/*for IE9*/
.box1 dl {border-bottom:1px solid #aaa;padding:10px 0 0 0;overflow:hidden;}
.box1 dl dt {width:100px;float:left;text-align:center;line-height:40px;font-size:14px;}
.box1 dd {width:700px;float:right;}
.box1 dd ul li {float:left;padding:0 20px 0 5px}
.box1 dd ul li {filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6; }
.box1 dl:hover dd ul li {filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;}
	.box1 dl:hover {border-bottom:1px solid #e1e1e1;color:#fff;}





.pro_nr{  margin-left:16px; margin-top:40px; height:400px;}

.pro-list{width:87px; float:left; background:url(../images/pro_03.gif) no-repeat left;}
.pro-list h1{ text-align:center; font-size:12px; color:#000; font-weight:normal;}
.pro-list ul li{width:62px; height:35px; margin:auto;margin-top:15px;}
.pro-list ul li a{ display:block;width:62px; height:35px; background:url(../images/loading2.gif) center no-repeat;}
.pro-right{width:669px; float:left; overflow:hidden;margin-left:50px;+margin-left:30px;_margin-left:30px;}
.pro-title{ text-align:center; height:30px; line-height:30px; color:#000;}
.img-lsit{ text-align:center;margin-top:5px;}

img.thumb_img {cursor:pointer;display:block;margin-bottom:10px}
img#main_img {cursor:pointer;display:block;}
#gotop {cursor:pointer;}
#gobottom {cursor:pointer;}
#showArea {height:315px;width:62px; margin:auto;overflow:hidden}
.div.big-img{ background:url(loading.gif) center no-repeat;width:669px; height:356px;}







.footer {background:#4a4a4a;height:10px;padding:10px 0 15px 0;color:#fff; text-align:center; width:1200px; margin:10px auto; text-align:center;}
.footer a {padding:0 5px;color:#fff;}
.footer img {vertical-align:middle;}


.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;
}


/*新增样式表*/

.w100{ width:100%; float:left; }
.zhong{margin:0px auto; width:1200px; }
.in_pr{float:left; width:780px; border:1px solid #CCC; height:600px; margin-top:10px; padding-bottom:30px;}
.in_gr{float:left; width:405px; margin-left:10px; border:1px  solid #CCC; margin-top:10px; overflow:hidden;}
.in_pr .top{ float:left; width:100%; height:40px; background:#4a4a4a;}
.in_pr .top .title{float:left; height:40px; line-height:40px; color:#FFF; font-size:14px; padding:0px 10px;}
.in_pr .top .more{float:right; height:40px; line-height:40px; color:#FFF; font-size:12px; padding:0px 10px;}
.in_pr .top .more a{color:#FFF; font-size:12px;}
/*首页产品*/
.in_prlist{float:left; width:230px;  overflow:hidden; margin:14px; border:1px solid #CCC;}
.in_prlist .imga{float:left; width:230px; height:230px; background:#DDD; text-align:center;}
.in_prlist .imga img{ height:230px;text-align:center;}
.in_prlist .title{float:left; width:100%; height:30px; line-height:30px; text-align:center;}
.in_gr_top{ float:left; width:100%; height:40px; line-height:40px; background:#4a4a4a; font-size:14px; color:#FFF; text-align:center;}
.in_gr_img{ margin:10px auto 20px; width:340px; line-height:24px}
.in_gr_img img{ width:100%; text-align:center; margin:20px 0px;}
.in_gr_txt{float:left; width:96%; line-height:26px; padding-left:2%; text-indent:2em;}

.ty_top{ float:left; width:100%; height:40px; background:#4a4a4a;}
.ty_title{float:left; height:40px; line-height:40px; color:#FFF; font-size:14px; padding:0px 10px;}
.ty_more{float:right; height:40px; line-height:40px; color:#FFF; font-size:12px; padding:0px 10px;}
.ty_more a{color:#FFF; font-size:12px;}
.ry_rl{float:left; width:1198px;border:1px  solid #CCC; padding:10px 0px;}
/*首页产品结束*/

/* 图片滚动 */
.picScroll{ position:relative;  height:280px; padding: 10px 0 10px 42px;  background:#fff; margin-bottom:10px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 20px;  width:240px; height:270px; line-height:270px; overflow:hidden; background:#CCC; border:1px solid #CCC; }
.picScroll ul li img{ width:100%; vertical-align:middle;}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 140px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }


/*放大镜*/

.zoomy{
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    -webkit-box-shadow: 3px 3px 10px #000;
    -moz-box-shadow: 3px 3px 10px #000;
    border: 0;
    cursor: url(../images/blank.gif), move;
    line-height: 100px;
    text-align: center;
    background-image: url(../images/loading.gif);
    background-position: center;
    background-color: #fff;
    z-index: 1000;
}
.zoomy span{
    display: block;
    margin: 10px auto;
    background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to( rgba(255, 255, 255, .5)));
    background:-moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);

}


.zoomy img{
    opacity: 0;
    filter:alpha(opacity=0);

}
.zoomy a{
    color: #333;
    text-decoration: none;
}

.broke a{
    display: block;
    height: 100%;
    width: 100%;
    
}

#brokeZoomy{
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: #fff url(../images/broke.gif) center no-repeat;
}
/*幻灯片*/
.js{width:90%; margin:10px auto 0 auto; }
	.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
	.js p span{ float:right; }
	.js p span a{ color:#f00; text-decoration:underline;   }
	.js textarea{ height:100px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }

	/* 本例子css */
	.focusBox { position: relative; width:100%; height:400px; overflow: hidden; }
	.focusBox .pic{ position:relative; z-index:0; }
	.focusBox .pic img { width:100%; height:400px; display: block; }
	.focusBox .hd { width:100%; position: absolute; bottom:10px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;
	}
	.focusBox .hd .on{ background-position:0 0; }

	.focusBox .prev,
	.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
	.focusBox .prev { left: 0; }
	.focusBox .next { background-position: 0 -90px; right: 0; }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
/*幻灯片结束*/