body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
html,body{ height:100%;}
img{ display:inline; border:0;}
ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:inherit; font-weight:normal;}

.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}

.fwn{ font-weight:normal;}
.fwb{ font-weight:bold;}
.fwbr{ font-weight:bolder;}

body{ font:14px/1.8 "microsoft yahei"; color:#555; background:#F9F9F9;}
a{ text-decoration:none; color:#555;}
a:hover{ color:#c00; text-decoration:underline;}

.com_w{ clear:both; width:1000px; overflow:hidden; margin:0 auto;}

#top{ border-bottom:solid 1px #eee; height:100px; overflow:hidden;}

#lang{ position:absolute; z-index:2; text-align:right; width:1000px;}
#lang > a{ display:inline-block; line-height:30px; font-size:12px; background:#eee; padding:0 15px; margin-left:1px; text-transform:capitalize;}
#lang > a:hover{ background:#010141; color:#fff; text-decoration:none;}

#logo{ height:100px; display:block; float:left; line-height:100px; color:#000; font-size:26px; vertical-align:middle; text-transform:capitalize; letter-spacing:-1px;}
#logo img{ vertical-align:middle; margin-right:10px;}
#logo:hover{ color:#000; text-decoration:none;}

#nav{ position:absolute; width:1000px; margin-top:70px;}
#nav > ul{ float:right;}
#nav > ul > li{ float:left; line-height:18px;}
#nav > ul > li:nth-child(2n){ border-left:dotted 1px #555; height:13px; margin-top:3px;}
#nav > ul > li > a{ display:inline-block; padding:0 20px; line-height:18px; text-transform:capitalize;}
#nav > ul > li > a:hover{ color:#F80300;}
#nav > ul > li > div{ position:absolute; display:none; padding-top:12px; z-index:999;}
#nav > ul > li:hover > div{ display:block;}
#nav > ul > li > div > div{ width:130px; overflow:hidden; border-radius:4px; background:#999;}
#nav > ul > li > div > div > a{ display:block; color:#fff; text-align:center; line-height:18px; padding:7px 0 10px 0; text-transform:capitalize; border-bottom:solid 1px #e0e0e0;}
#nav > ul > li > div > div > a:last-child{ border-bottom:0;}
#nav > ul > li > div > div > a:hover{ background:#010040; text-decoration:none;}
#nav > ul > li:last-child > div{ margin-left:-85px;}


#ban{ height:300px;}

.clear{ clear:both;}
.cl20{ clear:both; height:20px; overflow:hidden;}
.cl30{ clear:both; height:30px; overflow:hidden;}
.mt5{ margin-top:5px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.rights{ float:right;}

.tit1{ clear:both; border-bottom:solid 2px #CCC; height:40px; line-height:40px; overflow:hidden; margin-bottom:10px;}
.tit1 h2{ position:absolute; border-bottom:solid 2px #010141; font-size:16px; color:#222; text-transform:capitalize;}

.more{ display:inline-block; line-height:30px; border-radius:3px; background:#e0e0e0; padding:0 15px; text-transform:capitalize;}
.more:hover{ background:#010141; color:#fff; text-decoration:none;}

#ind_about{ width:585px; float:left; overflow:hidden;}
#ind_about #vedio{ width:245px; height:165px; overflow:hidden; background:#eee; border-radius:5px; float:left;}
#ind_about #txt{ float:right; width:320px;}

#ind_news{ width:385px; float:right; overflow:hidden;}
#ind_news > ul li{ line-height:28px; font-size:12px; clear:both;}
#ind_news > ul li img{ vertical-align:middle; margin-right:5px;}
#ind_news > ul li:nth-child(even){ background:#f0f0f0;}
#ind_news > ul li span{ float:right; text-align:right;}
#ind_news > ul li.first{ padding-bottom:10px; line-height:18px;}
#ind_news > ul li.first:after{ content:""; display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}
#ind_news > ul li.first img{ width:133px; height:100px; border:solid 1px #e5e5e5; margin-right:13px; float:left;}
#ind_news > ul li.first h3{ font-size:14px; line-height:30px;}
#ind_news > ul li.first span{ float:none; color:#0265cd;}
#ind_news > ul li.first p{ line-height:16px;}

#ind_pro_cate{ height:40px; line-height:40px; overflow:hidden; text-align:center;}
#ind_pro_cate div{ position:absolute; width:1000px; height:1px; background:#eee; overflow:hidden; margin-top:19px; z-index:-1;}
#ind_pro_cate h2{ display:inline-block; font-size:16px; color:#fff; padding:0 20px; text-transform:capitalize; background:#010141;}

#ind_pro{ clear:both; overflow:hidden; margin:15px 0 5px 0; height:460px;}
#ind_pro > span{ width:4000px; height:460px; display:inline-block;}
#ind_pro .pros{ float:left; width:180px; height:220px; overflow:hidden; margin:0 10px 10px 10px; line-height:30px; text-align:center; display:inline-block; font-size:12px;}
#ind_pro .pros .imgs{ border:solid 1px #ccc; background:#fff; height:178px; width:178px; overflow:hidden; display:block;}
#ind_pro .pros:hover .imgs{ border-color:#FA0002;}
#ind_pro .pros table{ text-align:center; width:100%; height:132px; vertical-align:middle; margin:0; padding:0; border:0;}

#ind_pro_more{ height:30px; line-height:30px; overflow:hidden; text-align:center;}
#ind_pro_more div{ position:absolute; width:1000px; height:1px; background:#eee; overflow:hidden; margin-top:14px; z-index:-1;}
#ind_pro_more a{ display:inline-block; font-size:14px; color:#fff; padding:0 20px; text-transform:capitalize; background:#010141; text-transform:capitalize; border-radius:3px;}
#ind_pro_more a:hover{ text-decoration:none; background:#FA0002;}

#ind_contact{ width:520px; height:160px; float:left; overflow:hidden;}
#ind_contact #img{ float:left; width:245px; height:160px; overflow:hidden; border-radius:5px; display:block;}
#ind_contact #img img{ width:100%; height:100%;}
#ind_contact #contacts{ float:left; width:255px; margin-left:20px; font-size:12px; overflow:hidden; line-height:1.6;}
#contacts #companyname{ font-size:14px; line-height:40px; color:#010141; font-weight:bold; text-transform:capitalize;}

#ind_map{ width:460px; float:right; text-align:right;}
#ind_map img:first-child{ float:left; height:160px;}
#ind_map img:last-child{ float:right; margin-top:14px;}

#icos{ height:61px; padding:4px 0; line-height:61px; overflow:hidden; background:#eee;}
#icos img{ margin:0 10px 0 30px; float:left;}
#icos span{ font-size:18px; display:inline-block; width:203px; margin-right:30px; color:#111; float:left;}

#bottom{ border-top:solid 1px #e0e0e0;}
#foot{ padding:10px 0; line-height:24px; font-size:12px;}
span.sx{ padding:0 5px;}
.tt-c{ text-transform:capitalize;}
#foot #logo_f{ position:absolute; width:108px; height:29px; margin:12px 0 0 892px; opacity:.5; filter:alpha(opacity=50);}

#slide{ width:180px; overflow:hidden; float:left;}

.slide_ul{ clear:both; text-transform:capitalize;}
.slide_ul > li{ overflow:hidden; padding:9px 10px; border-radius:5px; background:#999; line-height:18px; margin-bottom:5px;}
.slide_ul > li > span{ border-radius:50%; height:6px; width:6px; display:inline-block; background:#FC0; margin-right:5px; vertical-align:middle;}
.slide_ul > li:hover,.slide_ul > .cur{ background:#010141;}
.slide_ul > li > a{ color:#fff; text-decoration:none;}
.slide_ul > li > ul{ margin-left:15px;}
.slide_ul > li > ul li{ background:#eee; overflow:hidden; padding:7px 10px; border-radius:5px; font-size:12px; margin-top:5px;}
.slide_ul > li > ul li span{ border-radius:50%; height:4px; width:4px; display:inline-block; background:#444; margin-right:5px; vertical-align:middle;}

.slide_cont{ font-size:12px; clear:both;}
.slide_cont img{ width:100%; margin-bottom:3px;}

#subpage{ width:790px; overflow:hidden; float:right;}
#subtit{ line-height:40px; border-bottom:solid 1px #e0e0e0; font-size:12px; text-align:right; overflow:hidden; margin-bottom:10px; text-transform:capitalize;}

#sub img{width: expression(this.width > 790 ? '790px': true);max-width:790px;}

#thumb{ text-align:center; margin-bottom:5px;}

#title{ border-bottom:dotted 1px #ccc; text-align:center; margin-bottom:10px;}
#title h1{ font-size:16px; line-height:30px;}
#title div{ color:#888; font-size:12px;}

.imgblock{ display:inline-block; overflow:hidden; margin:0 5px 5px 10px; width:178px; border:solid 1px #e0e0e0; border-radius:5px; padding:1px; line-height:36px; height:214px; text-align:center; text-transform:capitalize; float:left;}
.imgblock:hover{ border-color:#c00;}
.imgblock .img{ height:178px; width:178px; overflow:hidden; border-radius:3px 3px 0 0; display:block;/* background:#eee;*/}
.imgblock .img table{ text-align:center; width:100%; height:178px; vertical-align:middle; margin:0; padding:0; border:0;}

.arts{ clear:both; margin:15px 0; display:block; padding-bottom:15px; border-bottom:dashed 1px #ccc; height:auto; overflow:auto; text-transform:capitalize; font-size:12px;}
.arts:hover{ text-decoration:none; color:#777; border-bottom-color:#c00;}
.arts:hover h3{ color:#c00;}
.arts .img{ float:left; width:140px; height:100px; margin-right:10px; overflow:hidden;}
.arts h3{ font-size:14px; line-height:30px; color:#444; font-weight:bold;}
.arts p{ line-height:16px; color:#999;}
.arts .time{ display:inline-block; float:right; line-height:24px; background:#777; color:#fff; border-radius:4px; padding:0 10px;}
.arts:hover .time{ background:#010141;}

#pages{ text-align:center; margin-top:15px; line-height:26px; clear:both;}
#pages span{ padding:0 10px; display:inline-block; border:solid 1px #c00; color:#c00; background:#ffc; margin:0 3px;}
#pages a{ display:inline-block; padding:0 10px; border:solid 1px #ccc; background:#eee; color:#333; margin:0 3px;}
#pages a:hover{ border:solid 1px #c00; color:#c00; background:#ffc; text-decoration:none;}