html, body {
	height: 100%;
}
body {background:#EEE;
	color: #333;
font-family: "Microsoft YaHei", "宋体", "Segoe UI", sans-serif; font-size: 12px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5 {
	font-size: 100%;
	font-weight: normal;
}
/**** 自定义样式 ****/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
img {
	border:none;
	margin:0px;
	padding:0px;
}
* {
	list-style:none;
}

.fcE60210{ color:#E60210;}
.title_Pro{color:#005BA8; font-weight:bold; font-size:15px;font-family: "Microsoft YaHei", "宋体", "Segoe UI", sans-serif; margin:10px 0px;}
.red_dot span{color:#E60210;}
.t_h3{color:#005BA8; font-weight:bold; font-size:15px; margin-bottom:15px;}
/**** 链接样式 ****/
a:link {
	color: #333;
	text-decoration:none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
	color: #EC1922;
}
a:active {
	text-decoration: none;
}
/*******************************/
.wrapper {
	width:1003px;
	margin:0px auto;
	clear:both;
	float:none;
	display:block;
	overflow:hidden;
}
#header{background:#FFF;margin: 0px auto;height:100px; clear:both;float:none;display:block;overflow:hidden;}
#header .wrapper{width:1000px;}
#header .flag_cn{margin:0px 20px 0px 30px; display:inline-block;}
#header .wrapper{}
#top_R{ float:right;}
#top_R .tel{ text-align:right; margin:15px 0px;}

#header .wrapper{ overflow:visible;}
.logo{ float:left; width:200px; margin-top:26px; overflow:hidden;}

.panel2_news_time{ color:#FFF;}

/************** banner **************/
#banner{background:url(../images/banner/4.jpg) no-repeat center top; height:526px;width: 100%; z-index:1;clear:both; position:absolute;float:none;}

#sub_banner{background-color:#6390C7; width:100%;}
/* 首页 index_main
---------------------*/
#index_main{ background:#CFCFCF url(../images/in_bg.png) no-repeat center -30px;padding:45px 0px 30px; clear:both;float:none;display:block; height:600px;}
#index_main .wrapper{ width:972px; padding-bottom:16px;}
.title1{ padding-bottom:5px; border-bottom:#E6E7E8 1px solid; clear:both; height:100%; display:block;overflow:hidden;}
.title1 span{ color:#CE000C;float:left; font-size:15px; font-weight:bold;font-family: "Microsoft YaHei", "宋体", "Segoe UI", sans-serif;}
.title1 span img{ margin-right:9px;}
.title1 a{ float:right;margin-top:5px;}

.boxf{ background:#CFCFCF url(../images/in_bg.png) no-repeat center -30px;padding:5px 0px 50px; clear:both;float:none;display:block;}
.boxf .b1 {font-size: 24px;color:#0364B5;text-align: center;}
.boxf .b2 {margin-top: 16px;font-size:15px;color: #0364B5;text-align: center;}
.boxf .b3 {margin-top:40px;}
@media projection, screen {
    .rotatea .ui-tabs-hide { display: none;}
    .rotateb .ui-tabs-hide { display: none;}
}
@media print {
    .rotatea .ui-tabs-nav { display: none;}
    .rotateb .ui-tabs-nav { display: none;}	
}

.rotatea .ui-tabs-nav { list-style: none;margin: 0;padding: 0;}
.rotatea .ui-tabs-nav:after { display: block; clear: both; content: " ";}
.rotatea .ui-tabs-nav li { float: left;}
.rotatea .ui-tabs-nav li { width:350px;}
.rotatea .ui-tabs-nav li+li { width:345px;}
.rotatea .ui-tabs-nav li+li+li { width:308px;}
.rotatea .ui-tabs-nav li .ta1 { width:100%; float:left;}
.rotatea .ui-tabs-nav li .ta1 .ta11 { width:120px; float:left; height:120px;}
.rotatea .ui-tabs-nav li .ta1 .ta12 { width:230px; float:left;}
.rotatea .ui-tabs-nav li .ta1 .ta12 .ta121 { font-size:18px; font-weight:600; color:#666; margin-top:18px;}
.rotatea .ui-tabs-nav li .ta1 .ta12 .ta122 { font-size:14px; line-height:18px; color:#666; margin-top:14px; width:170px;}
.rotatea .ui-tabs-nav li+li .ta1 .ta11 { width:120px; float:left; height:120px;}
.rotatea .ui-tabs-nav li+li .ta1 .ta12 { width:225px; float:left;}
.rotatea .ui-tabs-nav li+li+li .ta1 .ta11 { width:120px; float:left; height:120px;}
.rotatea .ui-tabs-nav li+li+li .ta1 .ta12 { width:188px; float:left;}
.rotatea .ui-tabs-nav li .ta1 .ta11 a { width:120px; height:120px; float:left; background-position:0px 0px; background-repeat:no-repeat;}
.rotatea .ui-tabs-nav li.ui-tabs-selected .ta1 .ta11 a { background-position:0px -120px;}
.taba-b {}
.taba-b .tb00 { width:100%; float:left; height:32px; background-image:url(../images/bg-index-03.png); background-repeat:no-repeat;}
.taba-b .tb01 { behavior: url(PIE/PIE.php); width:903px; height:152px; background-color:#fff; float:left; background-position:right bottom; background-repeat:no-repeat; border-radius:10px; padding:50px; }
.taba-b .tb1,.taba-b .tb2,.taba-b .tb3 { width:475px; float:left;}
.taba-b .tb2 { width:405px; padding-right:70px; padding-right:90px\9;}
.taba-b .tb1 { font-size:24px; color:#333; clear:both;}
.taba-b .tb2 { font-size:14px; line-height:18px; color:#333; margin-top:16px;}
.taba-b .tb3 { margin-top:16px;}
.taba-b .tb3 a { width:114px; height:25px; float:left; text-align:center; color:#fff; background:url(../images/bg-index-04.png) 0px 0px no-repeat; font-size:14px; font-weight:bold; padding-top:5px;}
.taba-b .tb3 a:hover { background-position:0px -30px;}
.rotatea #fragment-1 .tb00 { background-position:60px 8px;}
.rotatea #fragment-2 .tb00 { background-position:405px 8px;}
.rotatea #fragment-3 .tb00 { background-position:755px 8px;}

.rotateb .ui-tabs-nav { list-style: none;margin: 0;padding: 0;}
.rotateb .ui-tabs-nav:after { display: block; clear: both; content: " ";}
.rotateb .ui-tabs-nav li { float: left; width:110px; color:#999; font-size:24px; border-left:1px solid #999; text-align:center;}
.rotateb .ui-tabs-nav li:first-child { border-left:none; text-align:left; width:80px;}
.rotateb-b .ui-tabs-nav li { float: left; width:160px; color:#999; font-size:24px; border-left:1px solid #999; text-align:center;}
.rotateb-b .ui-tabs-nav li:first-child { border-left:none; text-align:left; width:160px;}
.rotateb .ui-tabs-nav li a { color:#999;}
.rotateb .ui-tabs-nav li a:hover { color:#0061af;}
.rotateb .ui-tabs-nav li.ui-tabs-selected a { font-weight:bold; color:#333;}
.rotateb .tabb-b { width:100%; float:left;}
.listf { margin:0px; padding:0px; list-style:none; width:100%; float:left;}
.listf li { width:150px; float:left; margin-left:17px; margin-top:40px;}
.listf li:first-child { margin-left:0px;}
.listf .lf1 { width:150px; float:left;}
.listf .lf1 img { width:146px; float:left; border:2px solid #e8e8e8; filter: url(images/gray.svg#grayscale); /* Firefox 3.5+ */filter: gray; /* IE6-9 */-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */}
.listf .lf2 { font-size:14px; color:#333; line-height:18px; width:150px; float:left; margin-top:3px;}
.listf li:hover .lf1 img { border:2px solid #0061af; filter: none; -webkit-filter: grayscale(0);}
.listf li:hover .lf2 { color:#0061af;}


.boxh { background:#eee;}
.boxh .b0 { height:50px;}
.boxh .b1 { font-size:24px; color:#333;}
.boxh .b2 { margin-top:20px;}
.boxh .b2 ul { margin:0px; padding:0px; list-style:none;}
.boxh .b2 ul li { width:246px; float:left; margin-left:6px; height:287px;}
.boxh .b2 ul li:first-child { margin-left:0px;}
.boxh .b21 { position:relative; min-height:137px;}
.boxh .b211 { position:absolute; left:12px; top:14px; z-index:1; width:52px; height:52px; background-position:0px 0px; background-repeat:no-repeat;}
.boxh .b211 .s1 { width:52px; float:left; text-align:center; font-size:18px; font-family:"Arial Black",arial; font-weight:bold; margin-top:9px; line-height:16px;}
.boxh .b211 .s2 { width:52px; float:left; text-align:center; font-size:11px; color:#000; line-height:11px; margin-top:4px;}
.boxh .b22 { width:210px; float:left; margin:18px; display:inline;}
.boxh .b221 { font-size:14px; line-height:18px; color:#333;}
.boxh .b222 { font-size:14px; color:#999; line-height:18px; margin-top:10px;}
.boxh .b23 { background:url(images/icon-new.png) center center no-repeat; width:50px; height:52px; position:absolute; top:-6px; right:10px;}



/** 首页 滚动 **/
#gundong { width:98%;
}
#gundong td {
	padding:0px 16px; vertical-align:middle;
}
/*******************/

ul.newsList {
	padding:0px 0px;
}
ul.newsList li {
	background:url(../images/dot.gif) no-repeat 2px center;
	padding:7px 0px 6px 19px;
	border-bottom:#E8E8E8 1px dotted;
	height:100%;
	overflow:hidden;
	display:block;
}
ul.newsList li a {
	float:left;
}
ul.newsList li span {
	float:right;
	color:#8A8A8A;
}
*html ul.newsList li{margin-bottom:-2px;}/*Hack For IE6*/
*+html ul.newsList li{margin-bottom:-2px;}/*Hack For IE7*/
/*******************/
#index_main .right a{ margin:0px; margin-bottom:17px; padding:0px; display:block; clear:both;}
#index_main .right p{ display:block;}
#index_main .right p a{ display:inline-block;}
/* 内页
*******************/
.sub_banner {width:100%;height:230px;background:#214e8e; text-align:center;}
#about_banner{background:url(../images/sub_banner/about.jpg) no-repeat center top;}
#banner_technology{background:url(../images/sub_banner/technology.jpg) no-repeat center top;}
#banner_case{background:url(../images/sub_banner/case.jpg) no-repeat center top;}
#banner_news{background:url(../images/sub_banner/news.jpg) no-repeat center top;}
#banner_products{background:url(../images/sub_banner/products.jpg) no-repeat center top;}

#main{border: 1px solid #CCC;
width: 1001px;
margin-top:15px;
margin-bottom: 20px;}
#main .left{width:224px; padding:0px 0px 230px;border-right:1px solid #E8E9E0;background:#FFF url(../images/lbg.jpg) no-repeat 0% 100%;}
#main .right{background-color:#FFF; padding:9px 20px 20px 20px; width:735px;}

/* 左侧
*******************/
.left_title{  margin:6px 5px 0px;background:url(../images/sideMenu.gif) no-repeat; color:#FFAB00;font: normal normal 400 16px/34px "Microsoft YaHei", "宋体", "Segoe UI", sans-serif;height:34px; padding-left:15px;}

.left_contact{ background:url(../images/left_img.jpg) no-repeat center bottom; padding-top:100px; line-height:180%;}

/* 左侧 pList
*******************/
ul.pList{background: transparent url(../images/sideMenu.gif) no-repeat scroll -214px bottom; margin:0px 5px; padding-bottom:36px;}
ul.pList a,ul.pList a:visited{ display:block; text-decoration:none;}

ul.pList li {
	display:block;
	clear:both;
	float:none;
	overflow:hidden;
}
ul.pList li div {
}
ul.pList li div a,ul.pList li div a:visited{
background: transparent url(../images/sideMenu.gif) no-repeat scroll 0px -36px;
color: white;
display: block;
font: normal normal 400 14px/36px "Microsoft YaHei", "宋体", "Segoe UI", sans-serif;
height: 36px;
padding-left: 15px;
text-align: left;

}
ul.pList li p {
	height:26px;
	line-height:26px;
	margin-top:1px;
	display:block;
	overflow:hidden;
}
ul.pList li p a,ul.pList li p a:visited{background:url(../images/arrown.gif) no-repeat 10px 12px;color:#000;padding:5px 0px 5px 26px;display:block;}
ul.pList li p a:hover,ul.pList li div a:hover{ background-position: -214px -36px;
color: #0D406F;
text-decoration: none;}


/* 右侧内容
*******************/
.title{border-bottom:1px solid #E3E3E3; clear:both; height:100%; display:block;overflow:hidden;}
.title .title_bt{ background:url(../images/icon_t.gif) no-repeat 100% 12px; float:left;font-size:19px; color:#005BA8; font-weight:550;padding:0px 20px 5px 0px;}
.title .title_link{ float:right; padding-top:6px;color:#888;}
.title .title_link span{ margin:0px 5px;}
.title .title_link a{ color:#888;}
.title .title_bt_en{background:url(../images/icon_t.gif) no-repeat 100% 12px; float:left;font-family: "Microsoft YaHei", "宋体", "Segoe UI", sans-serif; font-size:19px; color:#6390C6; font-weight:550;padding:0px 20px 5px 0px; border-bottom:2px solid #FE9900; }


#title{background:url(../images/articletitle_bg.gif);
	color:#333;
	text-align:center;
	margin:18px 0px 10px;
	padding:8px 0px;
	font: normal normal 600 23px "Microsoft YaHei", "宋体", "Segoe UI", sans-serif;
	display:block;}
#content{padding-top:25px;line-height:180%; min-height:200px;}
#content p{ margin-bottom:14px;}
.time {
	text-align:center;
	margin:0px 0px 0px;
	color:#8A8A8A;
}
/***************/
.imgtd {
	padding:3px 6px;
	text-align:center;
	overflow:hidden;
}
.imgtd a {
	text-decoration:none;
}
.imgtd img {
	width:150px;
	height:130px;
	padding:2px;
	margin-bottom:6px;
	border:#CCC 1px solid;
}
.imgtd a:hover img {
	border:#555 1px solid;
	text-decoration:none;
}
/** 内页 product_list **/
.product_list {
	float:none;
	width:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	list-style:none;
	display:inline-block;
}
.product_list li {
	float:left;
	padding:10px;
	margin:0px 18px 18px 0px;
	height:254px;
	width:204px;
	text-align:center;
	border:1px solid #FFF;
	overflow:hidden;
}
.product_list li:hover{border:1px solid #DDD;}
.product_list a {
	cursor:pointer;
	display:block;
	overflow:hidden;
	float:none;text-decoration:none;	text-align:center;
}
.product_list li a img {
	clear:both;
	display:block;
	max-width:198px;
	max-height:198px;
	text-decoration:none;
	margin:0px auto;
}/* for Firefox & IE7 */
*html .product_list li a img {
width: expression(this.width > 198 && this.width > this.height ? 198 : auto);
height: expression(this.height > 198 ? 198 : auto);
}/* for IE6 */

.product_list li a:hover img {
	text-decoration:none;
}
.product_list li a div {
	float:none; font-size:12px; font-weight:bold;
	display:block;
	padding:15px 0px 0px;
	overflow:hidden;
}
#content .product_list li a div { line-height:130%;}
#content .product_list li .tu {display:table-cell; vertical-align:middle;text-align:center;width:198px;height:198px; line-height:normal;}
#content .product_list li  .tu img{display:block; margin:0 auto; margin-top:expression((198 - this.height )/2);}
*html .product_list li:hover a div{ color:#E60210;}
/**********/
.img_show {
	margin:0px auto 20px; text-align:center;
}
.img_show img {
	max-width:500px;
	max-height:500px;
} /* for Firefox & IE7 */
*html .img_show img {
width: expression(this.width > 500 && this.width > this.height ? 500 : auto);
height: expression(this.height > 500 ? 500 : auto);
}/* for IE6 */

/** page **/
#page {
	float:none;
	clear:both;
	padding:20px 0px 10px;
	font-size:12px;
	text-align:center;
	overflow:hidden;
}
#page a {
	text-decoration:underline;
	margin:0px 5px;
	font-size:12px;
}
#page a:visited {
	text-decoration:underline;
}
#page a:hover {
	text-decoration:none;
}
#back{ border-top:#CCC 1px dashed; padding-top:5px; margin-top:25px;}
#back a{ text-decoration:underline;}
/* news list
*******************/
ul.news_list{ margin:0px 0px 17px; line-height:normal;}
ul.news_list li{padding:8px 0px 8px 18px; border-bottom:1px dotted #DDD;  background:url(../images/arrow.gif) no-repeat left center; display:block;line-height:normal;}
ul.news_list li .style{ float:left; margin-right:14px;}
ul.news_list li .style a{ padding:0px 3px;}
ul.news_list li .news_title{ float:left; padding-top:1px;}
ul.news_list li .news_time{ float:right; clear:right;}
/*** down_list ************/
ul.down_list {
}
ul.down_list li {
	clear:both;
	width:97%;
	height:20px;
	margin:0 20px 10px 0;
	display:block;
	padding:5px 3px 5px 18px;
	background:#FFF url(../images/arrow.gif) no-repeat left center; 
	border-bottom:1px dotted #DDD; 
}
ul.down_list li span {
	float:left;
	height:auto;
	display:block;
	margin-bottom:5px;
}
ul.down_list li img {
	float:right;
}
ul.down_list li:hover {
}
/********** table样式 ****************/
.tab_1{background-color:#CCC; width:100%;}
.tab_1 th,.tab_1 td{ background-color:#FFF; text-align:left; padding:4px 4px 4px 12px;}
.tab_1 th{ background-color:#6390C7; color:#FFF;}

.tab_pro{background-color:#333; width:100%; margin-bottom:25px;}
.tab_pro td{ background-color:#FFF; text-align:left; padding:4px 4px 4px 6px;}

.tab3{background-color:#CCC; width:100%;}
.tab3 th,.tab3 td{ background-color:#FFF; text-align:left; padding:4px 4px 4px 14px;}
.tab3 th{ background-color:#6390C7;text-align:center; color:#FFF;}

.certificate{ width:100%;}
.certificate td img{ border:1px solid #FFF; padding:4px; display:block;}
.certificate td img:hover{ border:1px solid #FE9900;}

.video{ text-align:center; margin-bottom:14px;}