@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style-type:none;}
img{ border:0;}
.clear{ clear:both;}

body{ background:#fff url(../images/bg.jpg) top repeat-x; font-size:12px; line-height:20px; color:#565656; font-family: arial, Geneva, sans-serif }

 
/*--Pro_A--*/
.partA{ background:url(../images/icon002.png) repeat-x; height:232px; width:100%; margin-top:10px; z-index:101; position:relative; }
.pro_A { width:1050px; margin:0 auto; padding-top:25px; position: relative; background:none;  height:207px;  }
.pro_A  .P_Title{ display:block; background:url(../images/icon003.png) no-repeat; width:131px; height:98px; position:absolute; top:-30px; left:80px;}
.pro_A .proList{ width:1000px; margin:30px auto 0 auto; position:relative;}

/*--main--*/
.main{ background:#fff url(../images/icon004.jpg) center repeat-y; width:1050px; margin:0 auto; padding:20px 0 30px 0; min-height:400px;
  _height:expression_r(this.scrollHeight < 400 ? "400px" : "auto"); z-index:300; position:relative;}
.main .Content{ width:920px; margin:0 auto; }

.main .more{ position:absolute;}
.main .pos{ position:absolute; top:50%; right:20px;}
.main .pos a{ font-size:10px; color:#565656;}
.main .C_left .more{ top:50%; right:20px; }
.main .C_right .more{ top:10px;  right:5px;}
.main .title{ border-bottom:1px solid #d5d3d3; position:relative; margin-bottom:2px;}
.main .Content .C_left, .main .Content .C_right{ float:left; }
.main .Content .C_left{ width:650px;}
.main .Content .C_left .leftInfo{ padding:20px 0 0 0;}
.main .Content .C_right{ width:230px; margin:0 0 0 40px; }
.inner_location a{ color:#666; text-decoration:none; border:none;}



/*----*/
.main .title .An{ background:url(../images/icon008.jpg) left bottom no-repeat; padding-left:70px;  font-size:25px; color:#2989be; height:55px; overflow:hidden;}
.main .title .An p{ display:block; margin-top:10px; line-height:45px; }
.main .title .Pn{ background:url(../images/icon009.jpg) left bottom no-repeat; padding-left:90px;  font-size:25px; color:#2989be; height:68px; overflow:hidden;}
.main .title .Pn p{ display:block; margin-top:20px; line-height:45px; }
.main .title .Nn{ background:url(../images/icon010.jpg) left no-repeat; padding-left:25px; line-height:30px;}
.main .title .Nn p{ font-size:20px; color:#2989be;}
.main .title .Nn p a{ font-size:16px; color:#2989be;}

.main .title p span, .main .title p span{ font-size:14px; color:#565656; margin-left:10px; }

/*--left--*/
.main .Content .C_left .leftInfo .info{ margin:0 10px 10px 10px;}
.main .Content .C_left .leftInfo .about{ height:140px; overflow:hidden; }
.main .Content .C_left .leftInfo .about p{ text-indent:20px;}
.main .Content .C_left .leftInfo .about img{ display:block; float:left; margin:0 15px 10px 0;}
.main .Content .C_left .pro{ margin:20px 0px 10px 0px;}

.main .Content .C_left .leftInfo .info ul.news{ margin:0 10px;}
.main .Content .C_left .leftInfo .info ul.news li{ } 
.main .Content .C_left .leftInfo .info ul.news a{ font-size:14px; color:#565656; background:url(../images/icon16.gif) left no-repeat; padding-left:20px;}
.main .Content .C_left .leftInfo .info ul.news a:hover{ background:url(../images/icon15.gif) left no-repeat; padding-left:20px; color:#2282ce;}
.main .Content .C_left .leftInfo .info ul.news .newsText{ text-indent:20px; line-height:20px; padding:10px 10px 12px 10px; color:#8c8b8b; border-bottom:1px dotted #ccc; margin-bottom:15px;}

.main .Content .C_left .leftInfo .info h3{  color:#2282ce; font-size:18px; margin-bottom:12px;  margin:20px 0 0 0;}
.main .Content .C_left .leftInfo .info .time{ text-align:center; margin:10px 15%; width:500px;  }
.main .Content .C_left .leftInfo .info .fsd{ display:block; float:left;}
.main .Content .C_left .leftInfo .info .moreN{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc; }

.main .Content .C_left .leftInfo .info ul.oList li.OLT span{ font-size:14px; color:#000;}
.main .Content .C_left .leftInfo .info ul.oList li{border-bottom:1px dotted #ccc; padding:10px 0; height:50px; }
.main .Content .C_left .leftInfo .info ul.oList span{ display:block; float:left; margin:0px; width:100px; text-align:center; }
.main .Content .C_left .leftInfo .info ul.oList span img{ height:46px; width:60px;}
.main .Content .C_left .leftInfo .info ul.oList span a{ color:#900;}
/*--right--*/
.main .Content .C_right ul.news{ margin:5px 0 0 0;}
.main .Content .C_right ul.news li{ border-bottom:1px solid #e0dede; height:30px; }
.main .Content .C_right ul.news li a{ color:#565656; margin-left:5px; line-height:30px; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; width:155px; display:block; border:none; float:left; text-decoration:none;}
.main .Content .C_right ul.news li span{ color:#565656; line-height:30px;  width:70px; text-align:right;border:none; float:left; text-decoration:none;}
.main .Content .C_right ul.news li a:hover{ color:#2989be;}
.main .Content .C_right .index_news_pic{ width:230px; height:68px; float:left; margin-bottom:3px; clear:both;}



.main .Content .C_right ul.index_pro_cat{ margin:5px 0 0 0;}
.main .Content .C_right ul.index_pro_cat li{ background:url(/images/index_cat_bg.gif) repeat-x left bottom;  line-height:30px; width:230px; }
.main .Content .C_right ul.index_pro_cat li a{ color:#565656; margin-left:5px; width:200px; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; padding-left:20px; background:url(/images/index_pro_cat_arrow.gif) no-repeat 5px center;}
.main .Content .C_right ul.index_pro_cat li a:hover{ color:#2989be;}
.main .Content .C_right ul.index_pro_cat span{ background:#ebebeb; width:230px; line-height:25px; float:left; margin-top:1px;}
.main .Content .C_right ul.index_pro_cat span a{ width:200px; text-decoration:none; border:none; color:#0a6ecd; display:block; line-height:25px; padding-left:30px;}



.main .Content .C_right .Tag{ margin:10px 0; padding:30px 0 10px 0;}
.main .Content .C_right .contact{ padding:15px 0; float:left;}
.main .Content .C_right .Column{ text-align:center; height:90px;  color:#fff; padding-top:20px;}
.main .Content .C_right .Column p{ font-size:24px; line-height:80px;}
.main .Content .C_right .Column span{ font-size:12px; display:block; margin-bottom:5px;}
.main .Content .C_right .R_nav{ background:url(../images/icon011.jpg) repeat-y; width:198px; margin:0 auto; }
.main .Content .C_right .R_nav ul{ background:url(../images/icon013.jpg) no-repeat; display:block; width:198px; margin:0 auto; min-height:215px; _height:expression_r(this.scrollHeight < 215 ? "215px" : "auto"); padding-bottom:20px; }
.main .Content .C_right .R_nav li{ border-bottom:1px solid #d5d3d3; margin:0 25px; height:30px; line-height:30px;}
.main .Content .C_right .R_nav a{ font-size:14px; background:url(../images/icon014.jpg) left no-repeat; padding-left:18px; color:#565656}
.main .Content .C_right .R_nav a:hover{background:url(../images/icon015.jpg) left no-repeat; padding-left:18px; color:#138bad}
.main .Content .C_right .R_bottom{ background:url(../images/icon012.jpg) top no-repeat; height:26px; width:198px; margin:0 auto;}





/*--footer--*/
.footer{ background:url(../images/footer_bg.png) repeat-x left top;}
.copyright{ width:960px; margin:0 auto; padding:30px 0; position:relative; color:white;}
.copyright p.Author{ position:absolute; top:30px; right:20px; }
/*
.main .Content .C_left ul.pro li{ float:left; height:171px; margin:0 15px 0 10px;}
.main .Content .C_left ul.pro li p{ }
.main .Content .C_left ul.pro li a{ display:block; width:171px; height:131px; border:1px solid #dad9d9;}
*/

.main .marTOP{ margin:-40px auto 0 auto; position:relative; z-index:999;}
.main .marB{ margin-top:25px;}
.main .marC{ margin-bottom:25px;}
/*--Pro--*/
.project {float: left; width:192px; margin:0 13px 20px 10px;}
.proj-img i{ display:block; background-color:#000}
.proj-img{ position:relative; overflow:hidden;}
.proj-img img, .proj-img1 img{	display: block; max-width: 100%;}
.proj-img img{ width:190px; height:142px;}
.proj-img a{ display:block; width:29px; height:29px; position:absolute; top:45%; left:-15px;   z-index:10; }
.project p{ color:#2989be; display:block; background:url(../images/icon007_CN.png) top no-repeat; line-height:30px; text-align:center; width:192px;word-wrap:break-word;  height:30px;text-overflow:ellipsis ;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
}
/*.project p a{ color:#900; display:block; text-decoration:underline;}*/

.proj-img a.links{ background:url(../Images/zoom-more.png) bottom right no-repeat;  margin-left:-15px;}
.proj-img a.zoom{ background:url(../Images/zoom-more.png) top right no-repeat;  margin-left:-15px;}
.proj-img a:hover { background-position:left top}
.proj-img a.zoom:hover { background-position:left top}
.proj-img a.links:hover { background-position:left bottom;}
.proj-img i{ font-style:normal; position:absolute; width:100%; height:100%; z-index:9;	top:0; left:0px; opacity:0; filter:alpha(opacity:0);}

.scrollableArea p{ color:#fff;}

/*--proData--*/
.cloud-zoom-lens { border: 4px solid #888; margin: -4px; background-color: #fff; cursor: move;	}
.cloud-zoom-title {	position: absolute !important; background-color: #000; color: #fff;  padding: 3px;	width: 100%; text-align: center; font-weight: bold;	bootom: 0px;}
.cloud-zoom-big {	border: 4px solid #ccc;	overflow: hidden;}
.cloud-zoom-loading {color: white;	background: #222; padding: 3px;	border: 1px solid #000;}

.zoom-section {  margin: 0px auto; padding: 0 0 15px 10px;  clear:both; overflow: hidden; }
.zoom-small-image { border: 4px solid #CCC; float: left; margin:10px 0 0 0; }
.zoom-small-image  img{
    height: 215px;
    width: 280px;
}
.zoom-tiny-image { border: 1px solid #CCCCCC; margin: 0;}
.zoom-tiny-image:hover { }
#maincontent a {}
a, a:focus, a:active { border: medium none; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; color: #CCC;}
.zoom-desc {  float: left; margin:0px 0 0 5px; display: inline; width:280px;}
.zoom-section h3 { color: #2989be; letter-spacing: 1px; padding-bottom:0px; font-size:18px; font-weight:normal; }
.zoom-desc p {  margin-bottom: 10px; }
.zoom-desc ul { margin:10px; }
.zoom-desc ul li{  /*height:30px; line-height:30px; */padding-left:0px; }
.zoom-desc ul li span{ color:#000; font-weight:700; padding:0; margin:0;}
.zoom-desc ul li a{ color:#900; text-decoration:underline;}
.zoom-desc ul .but_CN{ background:url(../images/but.png) no-repeat; width:180px; height:38px; display:block;}
.zoom-desc .Thumb{ margin:10px 10px 0 10px;}
.zoom-desc .Thumb  img {  width:60px; height:46px;}
.description{ padding-left:15px; overflow:hidden;  }
.description span{ font-size:16px; font-weight:700; line-height:30px; color:#2989be;} 

/*--tagscloud--*/
#tagscloud{ width:230px; height:80px;position:relative;color:#333;margin:0;text-align:center; }
#tagscloud a{position:absolute;top:0px;left:0px;color:#333;}
#tagscloud a:hover{color:#fff;padding:5px;display:block;background:#D02F53;}
#tagscloud a.tagc1{margin:0 10px 0px 0;line-height:18px;width:80px;text-align:center;font-size:14px;padding:1px 5px;white-space:nowrap;display:inline-block;border-radius:3px;background:#666;color:#fff;}
#tagscloud a.tagc2{margin:0 10px 0px 0;line-height:18px;width:80px;text-align:center;font-size:14px;padding:1px 5px;white-space:nowrap;display:inline-block;border-radius:3px;background:#F16E50;color:#fff;}
#tagscloud a.tagc5{margin:0 10px 0px 0;line-height:18px;width:100px;text-align:center;font-size:14px;padding:1px 5px;white-space:nowrap;display:inline-block;border-radius:3px;background:#006633;color:#fff;}


/*--pages--*/
.pages{ margin:0px auto; padding:20px 0; width:250px; margin:0 auto; }
.pages a{ }
.pages a, .pages span{ display: inline-block; font-size:10px; line-height:13px; float:left; margin-right:10px; padding:0; text-align:center; font-family:arial, Geneva, sans-serif; -webkit-text-size-adjust: none; color:#565656;}
.pages a.btnFirst{ width:30px; height:13px;}
.pages a:hover, .pages .cpb{ color:#58a7cc; }

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



#ja-content { background: url(../images/border-l.gif) repeat-y left 0; }
#ja-current-content { background: url(../images/border-r.gif) repeat-y right 0; }
#ja-current-content .innertitle{ padding-left:20px; width:630px; }
#ja-current-content .procircular .innertitle{ padding-left:20px; width:700px; }
#ja-current-content .procircular {width:650px; height:auto; clear:both; margin:0px auto; padding-bottom:20px; background:url(../images/prodotted.gif) no-repeat center  bottom; float:left;}
#ja-current-content .prodetail {width:650px; height:auto; clear:both; margin:0px auto; padding-bottom:20px;float:left;}

#ja-current-content .solutionlist {width:605px; padding-top:10px; height:auto; clear:both; margin:0px auto; padding-bottom:20px; background:none; float:left; padding-left:15px;}


.table1 td{border:1px #d5d5d5 dashed; margin-bottom:5px; line-height:30px; height:30px; color:#333333;text-align:center;}

 

table.contentpane, table.tablelist { width: 100%; background:#e7f1f7; }



/* Tables ---*/
.sectiontableheader {
	background: #181c52;
	border: 1px solid #ccc;
	color: #fff;
	padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
	background: url(../images/dot2.gif) repeat-x bottom center;
	padding: 5px 5px 6px;
	height:30px;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }

.sectiontableentry2 { background-color: #f6f6f6; }

table.contentpane, table.tablelist { width: 100%; }

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	
	
}