.index_menu { width:1180px; position:absolute; bottom:40px; left:50%; margin-left:-590px; z-index:101;}
.index_menu_item { width:257px; padding:20px 19px 0 19px; background-color:#fff;}
.index_menu_item div { padding:25px 0;}
.index_menu_item div a { width:123px; padding-left:5px; float:left; line-height:27px; font-family:"Microsoft YaHei"; font-size:12px;}
.index_menu_item div img { width:258px; height:112px;}
.menuItem1 { position:absolute; left:0; top:0;}
.menuItem2 { position:absolute; left:295px; top:0;}
.menuItem3 { position:absolute; left:590px; top:0;}
.menuItem4 { position:absolute; left:884px; top:0;}
.menu-title .item-title { border-bottom:none; height:30px;}

/*banner*/
.index_banner_cont { width:100%; position:relative;}
.index_banner_scroll { position:relative;}
.index_banner_scroll div { position:absolute; top:0; left:50%; margin-left:-950px; z-index:0;}
.index_banner_scroll div img {height:490px;}
.banner_btn { width:196px; height:46px; position:absolute; bottom:60px; right:50%; margin-right:-593px; z-index:10;}
.banner_list { height:2px; position:absolute; bottom:0px;}
.banner_list span { width:53px; height:2px; background-color:#fff; margin:0 6px; display:block; float:left; cursor:pointer;overflow:hidden;_margin-left:4px;}
.banner_list span.current { background-color:#333;}
.banner_span { display:none; position:absolute; bottom:2px; height:42px;}
.banner_span a { width:49px; height:42px; opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8  */
    filter:alpha(opacity=50);    /* ie5-7  */
    -moz-opacity:0.5;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.5;  background-color:#fff; display:block; margin:0 6px; float:left; padding:2px;_margin-left:4px;}
.banner_span a.current { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8  */
    filter:alpha(opacity=100); /* ie5-7  */
    -moz-opacity:1;    /* old mozilla browser like netscape  */
    -khtml-opacity: 1; }


.index-banner { width:1900px; position:relative; overflow:hidden; height:490px;}
.banner-ifo { width:1900px; position:absolute; left:50%; margin-left:-800px; top:0; height:421px; overflow:hidden; z-index:0;}
.index-btn { width:1179px; height:40px; margin:-40px auto 0 auto; background:url(../images/index-btnbg.png) repeat; z-index:100;}
.index-btn span {height:40px; float:left; border-right:1px solid #a7a7a7; color:#fff; line-height:40px; cursor:pointer;}
.index-btn a {  background: url(../images/iebg.gif) repeat scroll; _position:relative; display: block; float: left; height: 40px;line-height: 200px; margin-top: -39px; width: 294px; }
.index-btn span.cur,.index-btn span.cur1 { background-color:#31bdeb;}

.btn1 { width:179px; background:url(../images/btn1.png) no-repeat 80px center; padding-left:115px;}
.btn2 { width:159px;  background:url(../images/btn4.png) no-repeat 105px center; padding-left:135px;}
.btn3 { width:164px;  background:url(../images/btn3.png) no-repeat 100px center; padding-left:130px;}
.btn4 { width:164px;  background:url(../images/btn2.png) no-repeat 100px center; padding-left:130px;}
.browser{ position:absolute; bottom:0; left:50%; margin-left:-590px; z-index:100;}
.index-cont { width:100%; overflow:hidden;}
.index-content { width:1180px; margin:0 auto; overflow:hidden;}
.index-menu { width:1180px; overflow:hidden; padding-top:30px; margin-bottom:20px;}
.index-menu ul { width:1300px;}
.index-menu ul li { width:280px; height:147px; margin:0 22px 13px 0; float:left;}
.menu-title { padding:10px 0 0 60px;}
.menu-title h2 { color:#333;}
.menu-list { padding-left:60px; margin-top:5px;}

.index_m_sub01 { height:40px; background:url(../images/sz_index_bg01.jpg) repeat-x; width:1165px; position:absolute; z-index:20; left:50%; margin-left:-592px; top:0px;
		line-height:40px; padding-left:10px; padding-right:10px; color:#658fbd; overflow:hidden;}
.index_m_sub01 a { color:#333; margin-right:17px; display:inline-block;}
.index_m_sub01 em { float:right; margin-left:5px;}
.index_m_sub01 em a { margin-right:0px; color:#658fbd;}

.menu-list a { margin-right:11px; }
.menu-list a.more { color:#999;}
.menuh2_1 { background:url(../images/index-ios1.png) no-repeat 0 center;}
.menuh2_2 { background:url(../images/index-ios2.png) no-repeat 0 center;}
.menuh2_3 { background:url(../images/index-ios3.png) no-repeat 0 center;}
.menuh2_4 { background:url(../images/index-ios4.png) no-repeat 0 center;}
.menuh2_5 { background:url(../images/index-ios5.png) no-repeat 0 center;}
.menuh2_6 { background:url(../images/index-ios6.png) no-repeat 0 center;}
.menuh2_7 { background:url(../images/index-ios7.png) no-repeat 0 center;}
.menuh2_8 { background:url(../images/index-ios8.png) no-repeat 0 center;}

.index-center { width:1180px; }
.index-left { width:843px;}
.index-right { width:301px;}
.index-item { margin-bottom:20px;}
.item-title { height:40px; border-bottom:1px solid #c1c1c1;}
.item-title h2 { float:left; color:#333;}
.item-title .more { float:right; margin-top:10px; color:#658fbd; padding-right:10px; *padding-right:0;}
.index-news { padding-top:10px;}
.index-news dl { border-bottom:1px solid #e0dfdf; width:380px; height:66px; float:left; padding:10px; *padding:9px 9px 8px 9px;}
.index-news dt { width:54px; height:54px; border:1px solid #d9d9d9; float:left; margin-right:16px;}
.index-news dd { width:303px; max-width:303px; float:left;}
.index-news dd a { font-size:14px; font-weight:bold; margin-right:5px;}
.index-news dd em { color:#999;}
.index-news dd p { line-height:18px;}


.index-case { margin-top:24px; width:843px; overflow:hidden; position:relative;}
.index-case ul { width:864px;}
.index-case ul li { float:left; width:272px; height:198px; position:relative; margin-right:16px;}
.index-case ul li span { color:#fff; position:absolute; top:156px; left:0; background:url(../images/bg11.png) repeat; width:246px; height:39px; line-height:39px; padding-left:20px;}
.index-case ul li span p { width:225px;}
.index-case ul li span .check_pro { position:absolute; top:16px; display:none;}
.index-case ul li span .check_title { position:absolute; top:8px;} 
.index-case ul li .em { display:none; position:absolute; top:0; left:0; width:260px; height:189px; border:3px solid #658fbd;}
.index-case ul li.pt50 .em { top:50px;}
.index-case ul li.pt50 span { top:206px;}
.index-tab { width:843px; overflow:hidden; height:183px; position:absolute; top:50%; margin-top:-92px; left:0;}
.index-show-ifn { background-color:#658fbd; width:787px; height:158px; padding:15px 20px 10px 35px;}
.index-show-title { overflow:hidden; margin-bottom:20px; height:40px;}
.index-show-title h2 { float:left;}
.index-show-ifn p { padding:0 25px;}
.anli-title1 { background:url(../images/little.png) no-repeat; width:200px; height:40px;}
.check { float:right; padding-right:10px; background:url(../images/add.png) no-repeat right center; margin-top:15px; color:#fda220; }

.index-i { height:1001px;}
.pore { position:relative;}
.index-tabwrap { width:843px; overflow:hidden;}
.index-solve-btn { position:absolute; right:55px; bottom:13px; height:8px; overflow:hidden; width:50px;}
.index-solve-btn a { margin:0 3px; line-height:200px; display:block; float:left; overflow:hidden; width:8px; height:8px; background:url(../images/commen.png) no-repeat 0 -78px;}
.index-solve-btn a.activeSlide { background-position:0 -70px;}
.index-solve-tab { height:500px; position:relative;}
.index-project { overflow:hidden; width:844px;}
.index-project dl { float:left; margin-top:29px; padding-bottom:29px; width:417px; height:117px; background:url(../images/list-b1.png) no-repeat left bottom;}
.index-project dd { width:328px;}
.index-project dd p { color:#333; height:47px;}
.index-project dt { width:68px; margin-right:20px;}
.index-project dd a { font-weight:bold;}
.index-project dt,.index-project dd { float:left;}
.check-arrow { margin-top:23px; width:40px; height:20px; background:url(../images/right.png) no-repeat; display:block;}

.index-i dl { margin-top:20px;}
.index-i dt a { margin-bottom:13px; display:block;}
.index-i dl a { font-weight:bold;}

.appraise li { padding:20px 10px 30px 10px; border-bottom:1px solid #D9D9D9; overflow:hidden; height:76px;}
.appraise a { font-weight:bold;}
.appraise dl { margin-top:10px;}
.appraise dt,.appraise dd { float:left;}
.appraise dt a { border:1px solid #D9D9D9; display:block; width:72px; height:54px; text-align:center}
.appraise dd { width:194px; max-width:198px; margin-left:13px;}
.appraise dd p { line-height:20px; font-size:12px;}

.index-ifno { border:1px solid #d8d8d8; padding:10px 20px;}
.index-ifno dl { float:left;}
.index-dl1 { width:413px;}
.index-dl2 { width:440px;}
.index-dl3 { width:285px; max-width:280px;}
.index-ifno dt { margin-bottom:10px; padding-right:30px;}
.index-ifno dd {  padding-right:37px; height:24px; line-height:24px; padding-left:12px; background:url(../images/rightios.png) no-repeat left center;}
.index-ifno dd em { float:right; color:#999;}
.index-ifno dd a { display:block; float:left;}
.index-dl3 dd { width:285px; padding-right:0; max-width:258px;}

.index-over { overflow:hidden;}
.serve { padding:20px 0; overflow:hidden; width:1195px;}
.serve dt,.serve dd { float:left;}
.serve dt { margin:18px 25px 0 0; *margin-right:12px; width:313px; height:290px;}
.serve dd { width:855px;} 
.serve dd a { border:1px solid #d8d8d8; display:block; width:156px; height:69px; float:left; margin:0 13px 10px 0; *margin-right:10px;}
/*---------- base ---------*/

img{border:none;}
a{color:#333;text-decoration:none;}
a:hover{color:red;text-decoration:none;}
p{ line-height:24px;}
ul{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
/*---------- stock ---------*/
.center{margin:0px auto;}
.w960{width:960px;}
.w1024{width:1024px;overflow:hidden; padding-bottom:5px;}
.index_news{ border:1px solid #cccccc; height:261px;}
.news_top{ background-color:#232323; height:30px;}
.inews_list{padding:2px 4px 1px 9px;}
.inews_list a{background: url("../images/diy/newslist_d.gif") left no-repeat; padding-left:11px; color:#666;}
.inews_list li{ line-height:31px; height:31px;background: url("../images/diy/bg1.gif") bottom repeat-x;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inews_list2{}
.inews_list2 a{color:#777;}
.inews_list2 li{ line-height:27px; height:27px; width:318px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*------------»¬¶¯ÃÅ--------*/
.tab{}
.tab ul{margin:0;padding:0;}
.tab li{float:left; width:99px;height:30px;line-height:30px;text-align:center;cursor:pointer;font: "Microsoft YaHei","΢ÈíÑźÚ","Microsoft JhengHei","ËÎÌå"; color:#FFFFFF; font-size:14px;}
.tab li.now{color:#FFFFFF; background-color:#af000f;font:"Microsoft YaHei","΢ÈíÑźÚ","Microsoft JhengHei","ËÎÌå"; line-height:30px;}

.tab2{}
.tab2 ul{margin:0;padding:0;}
.tab2 li{float:left; border-right:1px solid #dddddd; width:90px;height:30px;line-height:30px;text-align:center;cursor:pointer;font-family:"΢ÈíÑźÚ"; font-size:14px;}
.tab2 li.now{ background-color:#af000f; color:#FFFFFF; border-right: none;}

.hdm_01{ float:left; margin-right:10px;}
.hdm_02{  line-height:24px; color:#777;}
.hdm_03{ float:left; padding-right:10px; padding-left:10px;}
.hdm_04{ float:left; padding-top:10px; line-height:20px; color:#777;}
.hdm_06{padding-top:8px; line-height:20px; color:#777;}
.hdm_02 a{color:#777;}
.hdm_04 a{color:#777;}
.hdm_06 a{color:#777;}

.hdm_05{ float:left; padding-top:10px; line-height:24px; color:#777;}

.hdm_co{ color:red;}
.hdm_co a{color:red;}





/*---------- ×ó±ß²¿·Ö ---------*/
#left_diy{ float:left; width:220px; overflow:hidden; padding-bottom:8888px;margin-bottom:-8888px; background-color:#f5f5f5; }
.left_top dt{ color:#CC0000;}
.left_top strong{ line-height:70px; padding-left:10px; font-size:18px; color: #000000}
.left_nav{ width:200px;}
.left_menu{overflow:hidden;padding-bottom:6px;clear:both;display:inherit; }
.left_menu li{width:200px; margin-bottom:5px;border-bottom:1px solid #eee;}
.left_menu li a{width:170px;padding-left:30px;height:37px;line-height:37px;display:block;font-size:14px;background:url(../images/diy/class-f.jpg) left no-repeat;}
.left_menu li a:hover{background:url(../images/diy/class_i.jpg) no-repeat; color:#fff; text-decoration:none;}	
.left_menu li a.thisclass{background:url(../images/diy/class_i.jpg) no-repeat;color:#fff;}

.left_news{ border:1px solid #e8e8e8; height:261px; width:198px; background-color:#FFFFFF; overflow:hidden;}
.left_me{width:200px;}


/*---------- Óұ߲¿·Ö ---------*/
#right_diy{ float:left; width:785px; padding-left:10px;overflow:hidden;  padding-bottom:8888px;margin-bottom:-8888px; background: url("../images/diy/right_diy_l.gif") left repeat-y; padding-top:10px;}
.right_body{ padding:5px; overflow:hidden; clear:both; }
.right_nav{ height:32px;}

.region_l{float:left; background:url("../images/diy/region_l.jpg") no-repeat; width:5px; height:32px;}
.region_r{float:left; background:url("../images/diy/region_r.jpg") no-repeat; width:7px; height:32px;}
.region_c{float:left; background:url("../images/diy/region_c.jpg") repeat-x; height:32px; line-height:32px;}
.region_z{float:left; background:url("../images/diy/region_c.jpg") repeat-x; height:32px; line-height:32px; padding-left:20px; padding-right:20px;}
.region_c a{float:left; padding-left:25px; padding-right:15px; background:url("../images/diy/region_i.jpg") left no-repeat; height:32px; display:block;}

.yh_z td{ padding:5px;}