@charset "utf-8";
/* CSS Document 
   Design by www.east.net
   Author xiaowenwen
   Date 2014-03-07
   
   注意事项:
   css样式以类别选择器为主
   层次结构要清晰,级别深度控制在三层以内
   样式命名规则为小写,可结合"_"使用
   浏览器兼容规则  火狐(默认)-->ie7(以*开头)-->ie6(以_开头)
*/

/* 主体内容 style */
.main{ width:1000px; margin:10 auto;}

/* 主体内容1 style */
.main .one{ clear:both; margin:10px auto; }

 h3{ font-family:"微软雅黑"; line-height:30px;}
 h3 span{ color:#006bcc; font-size:16px; float:left; background:url(../images/index_h3_bg.jpg) left no-repeat; padding-left:10px;}
 h3 a{ color:#999999; display:block; float:right; background:url(../images/more_jian.jpg) right 10px no-repeat; padding-right:20px; font-size:12px; }

.one .first{ float:left; width:320px; margin-right:25px;}
.one .first ul{ clear:both; height:120px;}
.one .first ul li{ float:left; line-height:30px; width:300px; border-bottom:#ccc 1px dashed; background:url(../images/point.gif) 10px no-repeat; }
.one .first ul li a{ float:left; color:#444444; padding-left:20px;}
.one .first ul li a:hover{ color:#006bcc;}
.one .first ul li span{ float:right; display:block;}
.one .first img{ margin:30px 10px; width:298px; height:99px;} 
.one .second{ float:left;}

/*.one .third{ float:left; width:310px;} 
.one .third ul{ clear:both; background:#f7f7f7;width:297px; border:#ccc 1px solid; border-bottom:none; margin-top:38px; margin-left:10px;}
.one .third ul li{ line-height:35px; *line-height:34px; width:268px; border-bottom:#ccc 1px solid; padding:0 10px; }
.one .third ul li a{ color:#444444;  }
.one .third ul li a:hover{ color:#006bcc;}
.one .third ul li span{ float:right; }
.one .third img{  width:298px; height:99px;margin-left:11px;} */

.third { width:310px; float:left; }
.third ul {clear:both; background:#f7f7f7; width:300px; border-top:#ccc 1px solid;  margin-top:43px; *margin-top:41px; margin-left:10px;}
.third li { width:300px;line-height:34px; background:#f7f7f7; border:#ccc 1px solid; border-top:none; float:left;}
.third li img { display:none; width:300px; height:100px; }
.third li h4 { float:left; width:271px;  font-weight:normal; text-indent:15px; font-size:14px; }
.third li.active { color:#006bcc; }
.third li h4 span{ float:right; }
.third li.active img { display:inline; }
.third li.active h4 { float:none; width:271px; color:#006bcc; margin:0; padding:0; }
.third li a { color:#555555; font-size:12px; }
.third li a:hover { color:#006bcc }

/* 主体内容2 style */
.main .two{ clear:both;  margin:30px auto; width:1000px; height:270px;}
.two .left{ float:left; width:650px; }

/* 四角 定位圆角 切法*/
/*.left .left_content{ clear:both; position:relative; background:#f7f7f7; border:#d7d7d7 1px solid; height:200px;}
.left_content span{display:block; width:13px; height:13px;z-index:999; }
.left_content span.top_left{ position:absolute; float:left; background:url(../images/top_left.jpg) no-repeat; }
.left_content span.top_right{ position:absolute; float:right; background:url(../images/top_right.jpg) no-repeat; right:0px; }
.left_content span.bottom_left{ position:absolute; float:left; background:url(../images/bottom_left.jpg)  no-repeat; top:187px;}
.left_content span.bottom_right{ position:absolute; float:right; background:url(../images/bottom_right.jpg)  no-repeat; top:187px; right:0px;}
*/
.left .left_content{ clear:both; background:url(../images/index_good_bg.jpg) no-repeat; width:648px; height:202px;}

#myFocus{ position:relative; width:648px; height:200px; border:1px solid #e0e0e0;}
#myFocus .pic{ position:absolute; left:75px; float:right; width:560px; height:200px;  overflow:hidden; }
#myFocus .pic ul{position:relative;}
#myFocus .pic ul li{ overflow:hidden; width: 560px; height:200px; }
#myFocus .pic ul li img{width: 223px;height:180px; float:left; margin:10px 20px;  border-right:1px solid #e0e0e0;}
/*#myFocus .pic ul li img{width:expression(this.width > 223px ? 223px : true);max-width: 223px;height:expression(this.height > 200px ? 200px : true);max-height:200px;}*/

#myFocus .pic ul li h4{ color:#006bcc; font-family:"微软雅黑"; font-size:16px; padding:10px;}
#myFocus .pic ul li span{ display:block; color:#444444; font-weight:bold; padding:5px;}
#myFocus .pic ul li p{ line-height:20px; color:#444444;}
#myFocus .pic ul li a.xiangxi{ position:absolute; color:#ff9500; font-weight:bold; display:block; float:right; top:150px; right:20px;}
#myFocus .pic ul li a.download{ position:absolute; background:url(../images/down_img.jpg) no-repeat; padding-left:20px; color:#006bcc; font-weight:bold; display:block; float:right;top:170px; right:20px; }

#myFocus .thumb{ position:relative; float:left;  width:73px; height:200px; overflow:hidden; border-right:1px solid #e0e0e0; }
#myFocus .thumb ol{position:absolute; top:0px; overflow:hidden;}
#myFocus .thumb ol li{border:1px solid #e0e0e0; width:66px; height:64px;overflow:hidden;cursor:pointer; padding:0px 5px;float:left;position:relative; display:block; text-align:center;}
#myFocus .thumb ol li img{width:64px;  height:66px; }
/*#myFocus .thumb ol li img{ width:expression(this.width > 64px ? 64px : true); max-width:104px;height:expression(this.height > 66ppx ? 66px : true);max-height:69px; }*/
#myFocus .thumb li a{display:block;margin-left:3px;}
#myFocus .thumb li.active{border:1px solid #e0e0e0}


.two .right{ float:right; width:300px;}
.two .right p{ clear:both; height:202px; width:300px; background:url(../images/index_contact_bg.jpg) no-repeat; line-height:25px; padding:20px;}
 





/* 主体内容3 style */
.main .three{ clear:both;  margin:10px auto; width:1000px; height:111px;}
.three .left{ float:left; width:650px;}
.three .left h3{ font-family:"微软雅黑"; line-height:30px;}
.three .left h3 span{ color:#006bcc; font-size:16px; float:left; background:url(../images/index_h3_bg.jpg) left no-repeat; padding-left:10px;}
.three .left h3 a{ color:#999999; display:block; float:right; background:url(../images/more_jian.jpg) right 10px no-repeat; padding-right:20px; font-size:12px; }
.three .left h3 a:hover{ }
.three .left ul{ clear:both;}
.three .left ul li { float:left; line-height:35px; width:auto; height:35px; }
.three .left ul li a{ color:#444444; padding:0 5px;}
.three .left ul li a:hover{ color:#006bcc;}
.three .right{ float:right; border:#d1d1d1 1px solid;}
.three .right li { float:left;}
.three .right li img{ width:99px; height:109px;}