body {margin: 0px;padding: 0px;font-family: "微软雅黑", Arial;font-size: 12px; background-color:#f4f4f3;}
span,p,ul,h3,h4,h5,b,em,input,select{margin: 0px;padding: 0px; }
b,h3,h4,h5{ font-weight:normal;}
ul{list-style-type: none;}
a{ text-decoration:none; }
h3,h4,h5{ font-size:12px;}
a:hover{ color:#339a28;}
img{ border:0px;}
/* 分页 */
#pages { padding:14px 0 10px; font-family:宋体 }
#pages li{list-style:none;}
#pages li { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #d8d8d8; text-align:center; color:#333; padding:0 10px; background-color:#fff}
#pages li a { background:#fff url(../images/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages li a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages li span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../images/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.index_bannerbox{ width:100%; float:left; position:absolute; background-image:url(../images/index_banner01.jpg); background-repeat:no-repeat; height:810px;}
.mainbox{ position:absolute; width:100%; float:left; z-index:10;}
.maincontbox{ width:1000px; margin:0 auto;}
.topbox{ width:1000px; float:left;}
.logo{ width:165px; float:left; height:75px; padding:27px 0px 0px 15px;}
.nav{ width:666px; float:right; font-size:14px;padding:33px 0px 0px 0px;}
.nav ul li{ width:111px; float:left; height:49px; display:block; text-align:center; line-height:49px;}
.nav ul li a{ color:#525252; width:111px; height:49px; display:block;}
.nav ul li a:hover{ color:#fff; width:111px; height:49px; display:block; background-image:url(../images/nav_hover.png);}
.nav .this a{ color:#fff; width:111px; height:49px; display:block; background-image:url(../images/nav_hover.png);}
.index_main{ width:940px; float:left; margin:450px 0px 0px 5px; padding:25px; background-image:url(../images/index_mainbg.png); height:168px;}
.index_main_leftbox{ width:208px; float:left;}
.index_main_nav{ width:208px; float:left; font-size:18px; color:#3a3a3a; }
.index_main_nav span{ float:right; width:19px; height:19px;margin:2px 0px 0px 0px;}
.index_main_nav span a{ width:19px; height:19px; display:block; background-image:url(../images/index_more.png);}
.index_main_nav span a:hover{ width:19px; height:19px; display:block; background-image:url(../images/index_more01.jpg); }
.index_main_left_img{ width:208px; float:left; height:59px; padding:11px 0px 15px 0px;}
.index_main_left_cont{ width:208px; height:60px; overflow:hidden; float:left; color:#878787; font-family:Arial, Helvetica, sans-serif; line-height:20px;}
.index_main_left_cont a{ color:#4f4f4f;}
.index_main_left_cont a:hover{ text-decoration:underline;}



.index_main_mainbox{ width:208px; float:left; padding:0px 0px 0px 35px;}

.index_main_main_img{ width:204px; height:106px; margin:11px 0px 7px 0px; border:solid 2px #cccccc; float:left;}

.index_main_main_img_link{ width:208px; float:left;}

.index_main_main_img_link ul li{ width:20px; height:4px; float:left; padding: 0px 8px 0px 0px;}



.index_main_rightbox{ width:220px; float:right;}

.index_main_right_nav{ width:220px; float:left;font-size:18px; color:#3a3a3a;}

.index_main_right_nav span{ float:right; width:19px; height:19px;margin:2px 0px 0px 0px;}

.index_main_right_nav span a{ width:19px; height:19px; display:block; background-image:url(../images/index_more.png);}

.index_main_right_nav span a:hover{ width:19px; height:19px; display:block; background-image:url(../images/index_more01.jpg); }

.index_main_right_list{ width:220px; float:left; padding:11px 0px 0px 0px;height:140px;overflow:hidden}

.index_main_right_list ul li{ width:210px; float:left; height:28px; line-height:25px; background-image:url(../images/index_news_line.png); padding:0px 0px 0px 10px;}

.index_main_right_list ul li span{ float:right; color:#c4c4c4; width:35px; height:28px; display:block;}

.index_main_right_list ul li a{ color:#868686; width:170px; height:28px; display:

block; overflow:hidden;}

.index_main_right_list ul li a:hover{ color:#626262;}



.bottombox{ width:100%; float:left; height:80px; background-color:#218197; clear:both}

.bottom_box{ width:1000px; margin:0 auto; text-align:center; color:#a6cdd5; line-height:40px;}

.bottom_box a{ color:#a6cdd5;}

.bottom_box a:hover{ text-decoration:underline;}



/*内页*/

.sub_mainbox{ margin:195px 0px 0px 3px; float:left; width:964px;}

.sub_topbg{ width:960px; background-image:url(../images/sub_maincont_topbg.png); height:61px; float:left; padding:2px 2px 0px 2px;}

.sub_mainbg{ width:960px; float:left; background-image:url(../images/sub_maincontbg.jpg); background-repeat:repeat-y; padding:0px 2px 20px 2px;}

.sub_menu_img{ width:215px; height:60px; float:left;}

.sub_right_nav{ width:719px; float:right; height:60px; padding:0px 0px 0px 25px;}

.sub_right_nav span{ float:right; margin:18px 0px 0px 0px; padding:0px 15px 0px 0px; text-align:center; line-height:24px;}

.sub_right_nav span a{ width:72px; height:24px; display:block; background-image:url(../images/back_link.png);}

.sub_right_nav span a:hover{ width:72px; height:24px; display:block; background-image:url(../images/back_hover.png); display:block;}



.sub_menu{ width:215px; float:left; border-bottom:solid 3px #dddddd;}

.sub_menu  li{ width:215px; height:40px; line-height:40px; float:left; font-size:13px;}

.sub_menu  li a{ width:182px; height:40px; float:left; background-image:url(../images/menu_link.png); background-position:left bottom; display:block; padding:0px 0px 0px 33px; color:#525252;}

.sub_menu  li a:hover{width:182px; height:40px; float:left; background-image:url(../images/menu_link.png); background-position:left top; display:block; padding:0px 0px 0px 33px; color:#fff;}

.sub_menu .this a{width:182px; height:40px; float:left; background-image:url(../images/menu_link.png); background-position:left top; display:block; padding:0px 0px 0px 33px; color:#fff;}

.sub_rightbox{ width:690px; float:left; margin:27px 27px 0 27px; line-height:180%;}





/*关于优美*/

.about_banner{ width:100%; float:left; position:absolute; background-image:url(../images/about_banner.jpg);background-position: center; height:360px;}

.about_cont_title{ width:690px; float:left; font-size:18px; color:#292929; line-height:55px;}

.about_cont_cont01{ width:360px; float:left; font-family:Arial, Helvetica, sans-serif; color:#838383; line-height:180%; padding:30px 0px 0px 0px;}

.about_cont_img{ width:298px; float:right; height:245px;}

.about_cont_cont{ width:690px; float:left; font-family:Arial, Helvetica, sans-serif; color:#838383; line-height:180%; padding:30px 0px 10px 0px;}

.about_cont_img01{ width:690px; float:left; height:104px; padding:20px 0px;}







/*新闻动态*/

.news_banner{ width:100%; float:left;position:absolute; background-image:url(../images/news_banner.jpg);background-position: center; height:360px;}

.news_list{ width:690px; float:left;}

.news_list ul li{ width:690px; float:left; background-image:url(../images/news_line.jpg); background-position:left bottom; background-repeat:no-repeat; padding:0px 0px 23px 0px; margin:12px 0px;}

.news_list_img{ width:150px; height:150px; float:left;}

.news_list_title{ width:520px; float:right; height:29px; font-size:14px; display:block; overflow:hidden; color:#3d3d3d}

.news_list_title a{ color:#3d3d3d;}

.news_list_title a:hover{ text-decoration:underline;}

.news_list_title span{ float:right; display:block; width:70px; height:29px; font-size:12px; color:#b0b0b0;}

.news_list_cont{ width:520px; float:right; font-family:Arial, Helvetica, sans-serif; color:#8f8f8f;}

.news_list_cont a{ color:#494949;}

.news_list_cont a:hover{ text-decoration:underline;} 

.page{ width:690px; float:left; text-align:center; padding:20px 0px;}



/*新闻动态——详细*/

.news_detail_title{ width:690px; float:left; font-size:25px; font-size:25px; color:#3c3c3c; text-align:center; line-height:45px;}

.news_detail_date{ width:690px; float:left; color:#a4a4a4; text-align:center; line-height:35px;}

.news_detail_cont{ width:690px; float:left; color:#838383; font-size:13px; line-height:180%; padding:25px 0px;}

.news_detail_cont p{ padding:0px 0px 20px 0px;}

.news_detail_cont b{ font-weight:bold; line-height:35px;}

.news_detail_img{ width:690px; float:left; padding:20px 0px;}







/*产品中心*/

.pro_banner{ width:100%; float:left;position:absolute; background-image:url(../images/pro_banner.jpg);background-position: center; height:360px;}

.pro_list{ width:690px; float:left;}

.pro_list ul li{ font-size:14px; line-height:20px; float:left; margin:0px 12px 20px 12px; width:205px; height:170px; overflow:hidden;text-align:center;}

.pro_list ul li img{ width:205px; height:137px;}

.pro_list ul li a{ color:#3d3d3d; }

.pro_list ul li a:hover{ text-decoration:underline;}





/*案例中心*/

.case_list{ width:690px; float:left;}

.case_list ul li{ width:690px; float:left; background-image:url(../images/news_line.jpg); background-position:left bottom; background-repeat:no-repeat; padding:0px 0px 23px 0px; margin:12px 0px;}

.case_list_img{ width:243px; height:162px; float:left;}

.case_list_title{ width:415px; float:right; font-size:16px; color:#3d3d3d; padding:0px 0px 10px 0px;}

.case_list_cont{ width:415px; float:right; font-family:Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:30px;}









/*业务领域*/

.yw_banner{ width:100%;position:absolute; float:left;background-position: center; background-image:url(../images/yw_banner.jpg); height:360px;}

.yw_menu{ width:215px; float:left; font-size:12px;}

.yw_menu ul li{ width:215px; height:40px; float:left; line-height:40px; color:#7c7c7c;}

.yw_menu ul li a{ width:170px; height:40px; display:block; background-image:url(../images/sub_menu_link.jpg); background-position:left bottom; padding:0px 0px 0px 45px; color:#7c7c7c;}

.yw_menu ul li a:hover{width:170px; height:40px; display:block; background-image:url(../images/sub_menu_link.jpg); background-position:left top; padding:0px 0px 0px 45px;color:#7c7c7c;}

.yw_menu .this a{width:170px; height:40px; display:block; background-image:url(../images/sub_menu_link.jpg); background-position:left top; padding:0px 0px 0px 45px;}



.yw_title01{ width:510px; float:left; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#636363;}

.yw_cont01{ width:510px; float:left; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:30px; padding:35px 0px; }

.yw_img01{ width:140px; float:right; text-align:center; padding:20px 0px 0px 0px;}



.yw_cont02{ width:690px; float:left; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:30px; padding:20px 0px; }

.yw_cont02 b{ font-weight:bold; color:#218197; font-size:14px;}

.yw_img02{ width:690px; float:left; text-align:center; }



.sub_menu_leftbox{ width:215px; float:left; border-bottom:solid 3px #dddddd;}





/*招商合作*/

.zs_banner{ width:100%;position:absolute;background-position: center; float:left; background-image:url(../images/zshz_banner.jpg); height:360px;}







/*联系我们*/

.contact_banner{ width:100%;position:absolute;background-position: center; float:left; background-image:url(../images/contact_banner.jpg); height:360px;}

.yw_menu .this a{color:#7c7c7c;}



.sub_menu_leftbox{ width:215px; float:left;}





/*============================= 产品详细内容页 ===========================================*/
/*---------- viewbox ---------*/
.viewbox{
	width:712px;
	overflow:hidden;
	padding-bottom:8px;
}

.viewbox .picview{
	width:320px;
	float:left;
	padding-right:24px;
	padding-top:16px;
}

.viewbox .infolist{
	width:368px;
	float:right;
	padding-top:20px;
}
.viewbox .infolist small{
	width:100px;
	text-align:right;
	display:block;
	float:left;
	font-size:12px;
	line-height:31px;
/*
	color:#999;
*/
	clear:left;
	height:31px;
	overflow:hidden;
}
.viewbox .infolist span{
	width:200px;
	line-height:30px;
	float:left;
	height:31px;
	overflow:hidden;
}
.viewbox .infolist diytitle{
	width:200px;
	line-height:40px;
	float:left;
	height:41px;
	overflow:hidden;
}


.viewbox .labeltitle{
	height:23px;
	background:url(../images/view-labeltitle-bg.gif) left 10px repeat-x;
	clear:both;
	overflow:hidden;
	margin:0px auto 0px;
	padding-top:15px;
}
.viewbox .labeltitle strong{
	width:80px;
	height:23px;
	line-height:23px;
	text-align:center;
	color:#FFF;
	letter-spacing:1px;
	display:block;
	float:left;
	background:url(../images/view-labeltitle-bg.gif) left -44px no-repeat;
	overflow:hidden;
}

.viewbox .content{
	font-size:14px;
	padding:12px 16px;
	line-height:25px;
	color:#333;
	margin-bottom:40px;
}

.viewbox .boxoff{
	height:10px;
	overflow:hidden;
	clear:both;
	background:url(../images/boxoff.gif) left 15px repeat-x;
	margin:10px auto;
	padding-top:10px;
}
.viewbox .boxoff strong{
	display:block;
	width:8px;
	height:10px;
	overflow:hidden;
	font-size:0px;
	line-height:100px;
	background:url(../images/boxoff.gif) right -10px no-repeat;
	float:left;
}

.viewbox .handle{
	height:59px;
	padding-top:12px;
	overflow:hidden;
	clear:both;
}
.viewbox .handle .digg{
	width:59px;
	height:59px;
	float:left;
	background:url(../images/digg-bg.gif) no-repeat;
	margin-right:12px;
}
.viewbox .handle .digg .digg_num{
	width:56px;
	height:34px;
	font-size:20px;
	text-align:center;
	line-height:34px;
	overflow:hidden;
	color:#6B9169;
}
.viewbox .handle .digg .digg_act{
	width:56px;
	height:22px;
	line-height:23px;
	overflow:hidden;
}
.viewbox .handle .digg .digg_act a{
	margin-left:11px;
	color:#666;
	float:left;
}
.viewbox .handle .context{
	float:left;
}
.viewbox .handle .context ul li{
	line-height:29px;
	color:#888;
}


/*
.hotrom{ width:198px; border:1px solid #ccc; display:block; border-top: none; word-wrap:break-word;word-break:break-all; margin-bottom:10px; background:#f2f8fb;}
*/
.hotrom{ width:192px; display:block; border-top: none; word-wrap:break-word;word-break:break-all; margin-left:8px;}


.hotrom dl{padding:10px 0 0 12px; border-bottom:1px dashed #ccc; height:62px}
.hotrom dt{ float:left; margin-right:10px}
.hotrom dt img{ width:50px; height:50px; display:block;padding:1px; border:1px solid #ccc}
.hotrom dd{ float:left; line-height:20px;}
.hotrom  .dd_height{height:45px; overflow:hidden; width:95px; margin-bottom:5px; padding-top:8px;}
.hotrom dd a{ color:#454444}
.hotrom dd a:hover{ color:#00a0e9}
.hotrom dt img:hover{ background-color:#00a0e9}