﻿#body .about{width:1200px;margin:auto;}
#body .about .left{width:186px;float:left;padding-top:10px;}
#body .about .right{width:980px;float:right;padding-bottom:20px;}
#body .about .left .Sbox{width:186px;padding-bottom:20px;}
#body .about .left .Sbox .topic{font-size:20px;color:#ffffff;text-align:center;height:50px;line-height:50px;font-weight:bold;background-color:#90b1bb;border-bottom:1px solid #fff;}
#body .about .left .Sbox .blank ul {padding:0px 0px;}
#body .about .left .Sbox .blank ul li{cursor:pointer;}
#body .about .left .Sbox .blank .current a{background-color:#d2e2e2;color:#90b1bb;border-bottom:1px solid #fff;}
#body .about .left .Sbox .blank ul li a{text-align:center;display:block;height:40px;line-height:40px;background-color:#90b1bb;color:#ffffff;border-bottom:1px solid #fff;font-size:13px;font-weight:bold;}	
#body .about .left .Sbox .blank ul li a:hover{font-size:13px;background-color:#d2e2e2;color:#ba2425;text-decoration:none;border-bottom:1px solid #fff;}


#body .about .right  .Position{font-size:20px;font-weight:bold;height:60px;line-height:60px;color:#90b1bb;border-bottom:2px solid #90b1bb;}
#body .about .right .main{padding:0px 0px;font-size:12px;padding-top:15px;}
/*content*/
#body .about .right .main .content .title h3{text-align:center;font-size:18px;font-weight:normal;}
#body .about .right .main .content .infos{font-size:14px;line-height:40px;color:#666666;text-align:center;}
#body .about .right .main .content .maincontent{font-size:12px;}
#body .about .right .main .content .maincontent p{padding:5px 0px;line-height:200%;}


#body .inner{width:1200px;margin:auto;}
#body .inner .left{width:186px;float:left;padding-top:10px;}
#body .inner .right{width:980px;float:right;padding-bottom:20px;}
#body .inner .left .Sbox{width:186px;padding-bottom:20px;}
#body .inner .left .Sbox .topic{font-size:20px;color:#ffffff;text-align:center;height:50px;line-height:50px;font-weight:bold;background-color:#90b1bb;border-bottom:1px solid #fff;}
#body .inner .left .Sbox .blank ul {padding:0px 0px;}
#body .inner .left .Sbox .blank ul li{background-color:#d2e2e2;cursor:pointer;}
#body .inner .left .Sbox .blank ul li a{text-align:left;padding-left:15px;display:block;height:40px;line-height:40px;color:#fff;border-bottom:1px solid #fff;font-size:14px;font-weight:bold;}	
#body .inner .left .Sbox .blank ul li a:hover{background-color:#d2e2e2;color:#90b1bb;text-decoration:none;border-bottom:1px solid #fff;}
#body .inner .left .Sbox .blank ul li ul li a{text-align:left;padding-left:30px;display:block;height:30px;line-height:30px;color:#ffffff;border-bottom:1px solid #fff;font-size:12px;/*background:url("../images/box_icon.png") no-repeat;*/}	
#body .inner .left .Sbox .blank ul li ul li a:hover{/*background-color:#d2e2e2;*/color:#90b1bb;text-decoration:none;border-bottom:1px solid #fff;}
#body .inner .left .Sbox .blank ul li ul li{background-color:#d2e2e2;}

#body .inner .left .Sbox .blank .current{background-color:#90b1bb;color:#fff;}
#body .inner .left .Sbox .blank current a{background-color:#90b1bb;color:#fff;text-decoration:none;border-bottom:1px solid #fff;}
#body .inner .left .Sbox .blank ul current li a{background-color:#90b1bb;color:#fff;text-decoration:none;border-bottom:1px solid #fff;}

#body .inner .right  .Position{font-size:20px;font-weight:bold;height:60px;line-height:60px;color:#90b1bb;border-bottom:2px solid #90b1bb;}
#body .inner .right .main{padding:0px 0px;font-size:12px;padding-top:15px;}


#body .inner .main{padding:0px 0px;font-size:12px;padding-top:15px;}

/*Content*/
#body .inner .main .content .title h3{text-align:center;font-size:18px;font-weight:normal;}
#body .inner .main .content .infos{font-size:14px;line-height:40px;color:#666666;text-align:center;}
#body .inner .main .content .maincontent{font-size:12px;}
#body .inner .main .content .maincontent p{padding:5px 0px;line-height:200%;}
#body .inner .main .content .download{background:url("../images/MyCMSBlue/downicon.gif") no-repeat 15px 7px;padding-left:55px;border:1px solid #F5F5F5;line-height:40px;font-size:14px;font-family:Arial, Helvetica, sans-serif;margin:10px 0px;}

#body .inner .main .content .prenext{padding:10px 0px;margin-top:10px;}
#body .inner .main .content .prenext ul li{line-height:30px;background:url("../images/MyCMSBlue/jiantou.gif") no-repeat 0px 1px;padding-left:15px;}				
	

#body .inner .main .ArticleList{font-size:12px;}
#body .inner .main .ArticleList td{line-height:35px;border-bottom:1px dashed #CCC;}
#body .inner .main .ArticleList .fw_t{font-size:12px;}
#body .inner .main .ArticleList .fw_s{font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#666666;}
#body .inner .main .ArticleList ul li span{font-weight:bold;color:#90b1bb;padding-right:20px;}
#body .inner .main .ArticleList ul li p{line-height:200%;color:#999;padding:5px 0px;}
#body .inner .main .ArticleList ul li{border-bottom:1px dotted #dddddd;padding:10px 0px 10px 0px;}


/* Recruit */
#body .inner .main .RecruitList{}
#body .inner .main .RecruitList td{line-height:35px;border-bottom:1px solid #CCC;font-size:12px;}	
#body .inner .main .RecruitList .Rtitle{background:#F5F5F5;color:#90b1bb;font-size:14px;padding-left:10px;height:30px;line-height:30px;}
#body .inner .main .RecruitList .Rtitle span{text-align:right;font-size:12px;}


#body .inner .right .main .content .ProInfo .image{float:left;width:400px;height:400px;}	
#body .inner .right .main .content .ProInfo .column{float:right;width:400px;}
#body .inner .right .main .content .ProInfo .image img{width:396px;height:396px;}
#body .inner .right .main .content .ProInfo .image a{display:block;width:396px;height:396px;border:2px solid #cccccc;padding:2px;}
#body .inner .right .main .content .ProInfo .image a:hover{border:2px solid #90b1bb;}
#body .inner .right .main .content .ProInfo .column .title{border-bottom:1px solid #ccc;padding:10px 0px;}
#body .inner .right .main .content .ProInfo .column .title h3{text-align:left;color:#90b1bb;}
#body .inner .right .main .content .ProInfo .column .infos{text-align:left;padding-top:5px;font-size:14px;line-height:40px;color:#666666;}
				
#body .inner .right .main .content .ProInfo .column ul li p{color:#666666;font-size:14px;}
#body .inner .right .main  .IntroTitle{font-size:14px;line-height:35px;border-left:3px solid #90b1bb;margin:10px 0px;padding-left:10px;color:#90b1bb;background-color:#f5f5f5;font-weight:bold;}

#body .inner .right .main .content .ProInfo .ImageList{float:left;width:140px;padding-left:10px;height:400px;overflow:auto;SCROLLBAR-FACE-COLOR: #f5f5f5; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #f5f5f5 ; SCROLLBAR-3DLIGHT-COLOR: #ffffff;SCROLLBAR-ARROW-COLOR:#90b1bb; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;}
#body .inner .right .main .content .ProInfo .ImageList ul li img{width:120px;height:120px;padding:1px;border:1px solid #ccc;margin-bottom:9px;}
#body .inner .right .main .content .ProInfo .ImageList ul li img:hover{border:1px solid #90b1bb;}


#body .inner .right .main .content .MorePro .albumblock{padding:5px 5px 5px 5px;float:left;}
#body .inner .right .main .content .MorePro .albumblock .inner{width:235px;height:520px;position:relative;overflow:hidden;background:url(../images/cpbjy.png) repeat-x;text-align:center;margin:0}
#body .inner .right .main .content .MorePro .albumblock .inner img{padding:2px;width:220px;height:220px;margin-top: 5px;}
#body .inner .right .main .content .MorePro .albumblock .inner img:hover{border:1px solid #90b1bb;}	
#body .inner .right .main .content .MorePro .albumblock .inner .albumtitle{margin-left: 9px;padding-top:10px;height:30px;line-height:30px;font-size:14px;width:225px;color:#90b1bb;text-align:left;font-weight:bold;}
#body .inner .right .main .content .MorePro .albumblock .inner .albuminfo{float:left;line-height:30px;margin-left: 9px;text-align:left;}
#body .inner .right .main .content .MorePro .albumblock .inner .albuminfo p{float:left;line-height:30px;margin-left: 9px;text-align:left;}	
#body .inner .right .main .content .MorePro .albumblock .inner a:hover{text-decoration:none;}
#body .inner .right .main .content .MorePro .albumblock .inner a:visited{text-decoration:none;}	

	
#body .inner .main .content .CaseBlock li{width:330px;float:left;padding-left:10px;}
#body .inner .main .content .CaseBlock .Cimg a{display:block;border:1px solid #F5F5F5;padding:1px;}
#body .inner .main .content .CaseBlock .Cimg a:hover{border:1px solid #90b1bb;}		
#body .inner .main .content .CaseBlock .case_ct{ height:30px; line-height:30px; color:#2586BE; background:#E5F4FC; font-weight:bold;}
#body .inner .main .content .CaseBlock .case_txt{ height:35px; line-height:35px;background:url(../images/MyCMSBlue/xx.jpg) repeat-x; text-align:left;font-size:12px;}
#body .inner .main .content .CaseBlock .case_mc{color:#1C3B67;}
#body .inner .main .content .CaseBlock .hycd_ct{height:35px; line-height:35px;color:#fff;font-weight:bold;padding-left:40px;}
#body .inner .main .content .CaseBlock .hycd_ct a{color:#fff;}
#body .inner .main .content .CaseBlock .hycd_ct a:hover{color:#FFFACC}
#body .inner .main .content .CaseBlock .hycd_ct a:visited{ color:#fff}
#body .inner .main .content .CaseBlock .hycd_mc{ color:#ff6600;}
#body .inner .main .content .CaseBlock .ttp{ margin-top:10px; margin-bottom:10px;}	


/* sitemap */
#body .inner .main .SiteMap{padding:0px 10px;}	
#body .inner .main .SiteMap ul li{font-weight:bold;line-height:25px;padding:10px 20px;border-bottom:1px dashed #CCCCCC;font-size:14px;background:url("../images/MyCMSBlue/ico4.jpg") no-repeat left 18px;}
#body .inner .main .SiteMap ul li ul li{font-weight:normal;border-bottom:none;font-size:12px;background:none;padding:5px 0px;}
					

/* FeedBack */
.FeedBack {}
.FeedBack .Fleft{width:90px;float:left;}
.FeedBack .Fleft .Ficon{padding:0px  12px;}
.FeedBack .Fleft .Fname{text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding-top:5px;color:#90b1bb;font-weight:bold;}		
.FeedBack .Fright{float:left;width:600px;padding-bottom:10px;}
.FeedBack .Fright .Fcontent .Ftime{text-align:right;font-family:Arial, Helvetica, sans-serif;color:#90b1bb;padding:0px 20px 5px 20px;}	
.FeedBack .Fright .Fcontent{width:600px;background:url("../images/MyCMSBlue/PostBG.jpg") no-repeat left top;padding:10px 0px;}
.FeedBack .Fright .Fcontent p{padding:0px 20px 5px 50px;}
.FeedBack .Fright .Fcontent .Freply .FRtitle{margin-left:20px;line-height:20px;color:#FFFFFF;height:25px;background:url("../images/MyCMSBlue/picon.gif") no-repeat 2px 0px;padding-left:20px;font-weight:bold;}
.FeedBack .Fright .Fcontent .Freply p{color:#989E4D}	
.FeedBack .Fright .Fline{float:right;width:572px;border-top:1px solid #EDEDEF;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=1, Direction=180);} 

.FeedBack .IntroTitle{width:665px;margin:auto;}
.FeedBack .commentbox{padding-top:5px;}	
.FeedBack .commentbox #commentform td{height:40px;}
.FeedBack .commentbox #commentform input{height:25px;line-height:25px;}
.FeedBack .commentbox #commentform .Cbutton{line-height:25px;background:#90b1bb;border:none;color:#FFFFFF;font-size:14px;cursor:pointer;}

.FeedBack .commentlist dt{padding:5px 10px;background-color:#dededc;height:22px;line-height:22px;font-size:12px;}	
.FeedBack .commentlist dd{padding:15px 0px 15px 0px;line-height:180%;font-size:14px;}	
.FeedBack .commentlist dd  b{color:#458D3A;}
.FeedBack .commentlist dd span{color:#A00000;}	
.FeedBack .commentlist p{padding:0px;line-height:180%;margin:0px;}

							
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
 .cboxIframe{background:#fff;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxLoadedContent{margin-bottom:28px;}
	#cboxLoadedContent img{width:600px}
    #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
    #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
    #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
    #cboxPrevious:hover{background-position:-75px -25px;}
    #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
    #cboxNext:hover{background-position:-50px -25px;}
    #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
    #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
    #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
    #cboxClose:hover{background-position: -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split(")[1], this.style.background = none, this.style.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src= + this.src + , sizingMethod=scale));}


/*Imglist*/
.ImageList{padding:10px 0px;}
.ImageList .ImageBlockBG{float:left;padding:10px 20px 20px 10px;}
.content .ImageList .ImageBlockBG{padding:10px 24px 20px 18px;}
.content .ImageList .ImageBlock{height:153px;float:left;padding:5px;}
.content .ImageList .ImageBlock p{color:#FFFFFF;}
.ImageList .ImageBlock{padding:10px;width:177px;height:153px;overflow:hidden;border:1px solid #DDDDDD;cursor:pointer;}
.ImageList .ImageBlock a{text-decoration:none;}
.ImageList .ImageBlock:hover{border:1px solid #90b1bb;background-color:#F5F5F5;}	
.ImageList .ImageBlock .ImageNote{padding:5px;line-height:25px;color:#FFFFFF;font-size:11px;}	 
.ImageList .ImageBlock img{width:175px;height:131px;border:1px solid #F5F5F5;}
.ImageList .ImageBlock img:hover{border:1px solid #DDDDDD;}
.ImageList .ImageBlock p{text-align:center;bottom:0px;background-color:#333;color:#FFFFFF;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;height:20px;line-height:20px;}
.ImageList .ImageBlock p a{color:#FFFFFF;}	


#body .prenext .blk_29 {PADDING:0px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}
#body .prenext .blk_29 .LeftBotton {BACKGROUND: url(../images/Arrow_l.jpg) no-repeat -1px 0px; LEFT: 0px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 50px; HEIGHT: 114px}
#body .prenext .blk_29 .RightBotton {RIGHT: 5px; BACKGROUND: url(../images/Arrow_r.jpg) no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 50px; HEIGHT: 114px}
#body .prenext .blk_29 .Cont {MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:15px 0 0 0px;float:left;height:170px;width:621px;POSITION: relative;left:30px;}
#body .prenext .blk_29 .box {FLOAT: left; WIDTH: 207px; TEXT-ALIGN: center;}
#body .prenext .blk_29 .box IMG {BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:160px;height:120px;}
#body .prenext .blk_29 .box A:hover IMG {BORDER: #3092b9 1px solid;}
#body .prenext .blk_29 .box P {WIDTH: 207px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#3092b9}