/* +1: Formatting Reset */
html,body,h1,h2,h3,h4,h5,h6,hr,div,p,ul,ol,dl,dt,dd,form{display: block; margin: 0;padding: 0}
p{text-align: justify}
strong,em {	font-weight: bold}
ol,ul{list-style-type: none}
h1,h2,h3,h4,h5,h6{font-size: 1em;}
h6{ font-weight:normal}
img{ border:0}
table,tr,td{text-align: inherit; line-height: inherit; font-size: 100%}
table{	border-collapse: collapse;	border-spacing: 0}
tr{	display: table-row}
td{display: table-cell}
input,select,textarea,button{font-size: inherit; line-height: inherit}
button{	cursor: pointer}
html{overflow-x: visible}
/* +2: Redefine */
body{color: #333; font-size: 12px; line-height:20px; background:#f4f4f4}
li{ float:left}
a,a:link,a:visited,a:active{ text-decoration:none; color:#333}
a:hover{text-decoration:none;}
.red,.red:link,.red:visited,.red:active{color:#da0f12}
.red:hover{color:#fe0808}
.fl{ float:left}
.fr{ float:right}
.mt10{ margin-top:10px}
.mt25{ margin-top:25px}
.pt20{ padding-top:20px}
.plr25{ padding-left:25px; padding-right:25px;}
/* clearfix */
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix{display: inline-block}/*IE7ำร*/
/* Hides from IE-mac \*/
* html .clearfix { height:1%}
.clearfix { display:block}
/* End hide from IE-mac */
a.alpha:hover img{opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff}
/* +3: index */
#wrap{ width:100%; margin:0 auto}
.head{ width:100%; margin:0 auto}
.header{ width:100%; height:510px; position:relative}
.top{ width:100%; position:absolute; left:0; top:0; height:200px; background:url(../images/bg.png) repeat-x center top; z-index:999;} 
.banner{ width:100%; position:absolute; left:0; top:110px; height:400px; border-bottom:solid 1px #fff}
.w1000{ width:1000px; margin:0 auto;}
.top ul{ width:385px; float:left}
.top li{ width:96px; height:58px; text-align:center; font-family:Microsoft Yahei; font-size:14px; padding:50px 0 0 0; }
.top a,.top a:link,.top a:active,.top a:visited{ color:#02429a}
.top a:hover{ color:#ed891a}
.top li:hover{ border-bottom:solid 2px #ed891a}
.top span{ font-size:10px; display:block; color:#5e5e5e;}
.top h1{ width:230px; float:left}
.more{ width:35px; height:21px; background:url(../images/more.gif) no-repeat center center}
.video{ width:285px;}
.tit_video{ width:285px; height:21px; background:url(../images/title.gif) no-repeat 0 0} 
.con_video{ width:283px; height:190px; border:solid 1px #d7d7d7}
.news{ width:437px;}
.tit_news{ width:437px; height:21px; background:url(../images/title.gif) no-repeat 0 -31px}
.con_news{ width:437px; height:180px; background:url(../images/line.jpg) repeat-x center top; padding-top:10px}
.con_news li{ width:425px; line-height:30px; color:#808080; background:url(../images/ico.jpg) no-repeat left center; text-align:right; padding-left:12px}
.con_news li a{ float:left; text-align:left}
.products,.side{ width:227px;}
.tit_products{ width:227px; height:21px; line-height:21px; background:url(../images/title.gif) no-repeat 0 -62px}
.con_products{ width:227px; height:188px; background:url(../images/line.jpg) repeat-x center top; padding-top:2px}
.con_products li,.side li{ width:227px; height:35px; background:url(../images/productoff.jpg) no-repeat center bottom; padding-top:4px; font-family:Microsoft Yahei; font-size:14px; text-indent:2em; line-height:35px}
.con_products li:hover,.side li.on{ background:url(../images/producton.jpg) no-repeat center bottom; color:#fff}
.con_products li:hover a,.on a,.on a:link,.on a:hover,.on a:visited,.on a:active{ color:#fff}
.projects{ width:1000px}
.tit_projects{ width:1000px; height:21px; background:url(../images/title.gif) no-repeat 0 -93px}
.con_projects{ width:1000px; height:164px; background:url(../images/line.jpg) repeat-x center top; padding:10px 0; overflow:hidden}
.con_projects ul{}
.con_projects li{ width:194px; height:164px; padding-right:7px;}
.con_projects p{ width:194px; text-align:center; font-size:14px;line-height:24px}
.con_projects img{ width:190px; height:138px; padding:1px; border:solid 1px #d7d7d7; display: block; margin: 0;}
#maque1 div{ float:left}
.foot{ width:100%; height:225px; background:url(../images/footbg.gif)}
.footer{ width:920px; margin:0 auto}
.fnav{ text-align:center; color:#fff; line-height:45px}
.fnav a,.fnav a:hover,.fnav a:link,.fnav a:visited,.fnav a:active{ color:#fff}
.f{ padding:21px 0 0 0; width:920px; margin:0 auto}
.f p{ width:390px; padding:0 30px 10px; float:left; color:#fff; line-height:28px;}

.header_in{ width:100%; height:395px; position:relative}
.banner_in{ width:100%; position:absolute; left:0; top:110px; height:285px; border-bottom:solid 1px #fff}
.ban01_in{ width:100%; height:285px; background:url(../images/ban_in.jpg) no-repeat center center;}
.location{ width:980px; padding-left:20px; background:url(../images/listico.gif) no-repeat left center; font-family:Microsoft Yahei; font-size:24px; color:#02429f; margin:0 auto; line-height:50px;}
.location p{ float:right; font-size:14px; color:#808080} 
.location p a,.location p a:link,.location p a:hover,.location p a:active,.location p a:visited{ color:#808080}
.pagecon{ background:url(../images/line.jpg) repeat-x center top; padding:10px 0 0 0}
.zjlh{ width:760px; border:solid 1px #d7d7d7; height:auto !important; height:692px; min-height:692px; margin-top:4px; background:#fff; padding-bottom:30px}
.qyzz li{ width:380px; text-align:center; padding:30px 0 0 }
.qyzz li img{ width:300px; height:200px; padding:2px; border:solid 1px #d7d7d7}

.zjlh div.pagelink{ height:26px; line-height:26px; margin:50px auto 0; width:760px; text-align:center}
.list div.pagelink{ height:26px; line-height:26px; margin:50px auto 0; width:700px; text-align:center}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.list{ width:700px; border:solid 1px #d7d7d7; height:auto !important; height:542px; min-height:542px; margin-top:4px; background:#fff; padding:30px; }
.list_news li{ width:688px; line-height:40px; color:#808080; background:url(../images/ico.jpg) no-repeat left center; padding-left:12px; font-size:12px;text-align:right; }
.list_news li a{ float:left; font-size:14px;}

.title{ font-size:24px; width:700px; text-align:center; line-height:26px;}
.page_title{ width:700px; height:30px; line-height:30px; margin:20px 0; text-align:center; color:#808080; background:#f4f4f4}
.page{ font-size:14px; line-height:24px;}

.contact{ font-size:14px; line-height:30px;}

.slideBox{ width:100%;overflow:hidden; position:relative;}
#slideBox{height:400px;}
#slideBox1{height:400px;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:20%; bottom:10px; z-index:1; }
.slideBox .bd a {display: block;height: 400px; width: 100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; font-family:Arial,SimSun,sans-serif; font-size:14px;font-style: italic;}
.slideBox .hd ul li.on{ background:#e7800a; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{  height:400px; display:block; margin:0 auto;}
#slideBox1 .head_hd1 { background:url(../images/ban01.jpg) center no-repeat; width:100%; height:400px; margin:0 auto;}
#slideBox1 .head_hd2 { background:url(../images/ban02.jpg) center no-repeat; width:100%; height:400px; margin:0 auto;}
#slideBox1 .head_hd3 { background:url(../images/ban03.jpg) center no-repeat; width:100%; height:400px; margin:0 auto;}
#slideBox1 .head_hd4 { background:url(../images/ban04.jpg) center no-repeat; width:100%; height:400px; margin:0 auto;}
#right{ width:130px; height:85px; text-align:center; padding:133px 10px 0; background:url(../images/right.gif); overflow:hidden; position:fixed; bottom:0; right:10px; cursor:pointer;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));}
#right p{ padding:10px 0 6px; border-bottom:solid 1px #e5e5e5; text-align:center}

.lxwm{ width:227px; height:240px; background:url(../images/lxwm.jpg)}

.new{ width:207px; padding:5px 10px 10px; background:#fff}
.new h4{ color:#02429a; border-bottom:solid 1px #d7d7d7; line-height:40px; font-size:18px; font-family:Microsoft Yahei; margin-bottom:10px;}
.new p{ line-height:24px}

.side ul{ float:left}

.contact{ padding:30px; width:938px; border:solid 1px #d7d7d7; background:#fff url(../images/contact.jpg) no-repeat 400px 0;}