/***
 *	新增样式
 **/
/*---------- 头部 ---------*/
.header_bg{background:url("../images/diy/header_bg.gif") top repeat-x;}
.toph1{background:#2784B0 url("../images/diy/top_tel.png") right no-repeat;color:#ccc; height:30px; line-height:30px;}
.toph1 h1{ font-size:12px; font-weight:normal; float:left; padding-right:20px; padding-left:8px;}
.toph1 a{color:#ccc;}
.menu_bg{ height:69px; background-color:#024265;}


.logo{ float:left; width:179px; background: url("../images/diy/logo_top_bg.jpg") right top no-repeat;padding-top:6px; padding-left:8px;}
.logo_r{ float:right; width:698px;}
.i_banner{ height:360px; background:url("../images/diy/banner_bg.jpg") bottom center no-repeat;}
.banner{ background-color:#000000; height:300px}
.menu_bottom{ height:30px; background:#024265 url("../images/diy/menu_bottom_bg.gif");}
.menu_bottom2{ height:5px; background-color: #FFFFFF;}

.top_tel{background: url("../images/diy/top_tel.gif") right top no-repeat; height:43px;}
.menu_l{ float:left; width:10px; height:34px; background:url("../images/diy/menu_l.jpg") no-repeat;}
.menu_r{ float:right; width:10px; height:34px; background:url("../images/diy/menu_r.jpg") no-repeat;}

/* --------- 导航 ----------------*/
.logo_r{ width:698px; float:right; height:69px;overflow:hidden;background:url("../images/diy/menu_i.gif") right no-repeat;}
#navMenu{width:696px;}
#navMenu ul {height: 69px;}
#navMenu ul li {font:14px/1.5 "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";width:92px;float:left;height: 69px;line-height:58px;text-align:center;background:url("../images/diy/menu_up.gif") no-repeat;}
#navMenu ul li a {color: #FFF;height: 69px;width:92px;display: inline-block;position: relative;}
#navMenu ul li a:hover {color:#fff100;width:92px;height: 69px;line-height:58px;text-align:center;background:url("../images/diy/menu_down.gif") no-repeat;}
#navMenu .hover a{color:#fff100;width:92px;height: 69px;line-height:58px;text-align:center;background:url("../images/diy/menu_down.gif") no-repeat;}


/*---------- 主体---------*/

.index_webs{background: url("../images/diy/ie79_bg.gif") repeat-x; height:86px;}
.cp_top{ height:24px; font-size:14px; color:#939393; padding-left:10px;} 
.cp_bt a{ color:#aaa}
.cp_bt{height:86px; background: url("../images/diy/cp_bt_ie79.gif") right bottom no-repeat;}
.cp_bt li{ float:left; width:187px; height:86px;background:#5e5e5e url("../images/diy/cp_bt_bg.jpg") right repeat-y;}
.cp_bt_pic{float:left; border:1px solid #e3e1e2;width:177px; height:61px; background-color:#FFFFFF; padding-top:4px; padding-left:8px;}
.cp_bt_text{ height:19px; line-height:19px; text-align:center; color:#FFFFFF;}


.index_seoer{background: url("../images/diy/ie79_bg.gif") repeat-x; height:86px;}
.tg_top{ height:24px; font-size:14px; color:#939393; padding-left:10px;} 
.tg_bt{height:86px; background: url("../images/diy/tg_bt_seo.gif") right bottom no-repeat;}
.tg_bt a{ color: #aaa}
.tg_bt li{ float:left; width:147px; height:86px;background:#5e5e5e url("../images/diy/cp_bt_bg.jpg") right repeat-y; line-height:20px; text-align:center; color:#FFFFFF;}
.tg_bt img{float:left; border:1px solid #e3e1e2;}
.tg_bt a img{} 
.tg_bt a:hover img{}

.main2_l{float:left; width:685px;}
.main2_r{float:right; width:273px;}
.index_xu{ height:170px;}
.index_xu li{ float:left; width:340px; height:80px;}
.xu_left{width:87px;  height:20px; float:left; text-align:center; padding-top:60px;}
.xu_left a{ color:#666666;}
.xu_right{ float:left; width:240px; padding-left:10px; color:#666}
.xu_right a{ color:#666;}
.xu_list01{ line-height:25px;}
.xu_list02{ line-height:20px;}

.xu01{background:#f1eff0 url("../images/diy/xu01.gif") no-repeat;}
.xu02{background:#f1eff0 url("../images/diy/xu02.gif") no-repeat;}
.xu03{background:#f1eff0 url("../images/diy/xu03.gif") no-repeat;}
.xu04{background:#f1eff0 url("../images/diy/xu04.gif") no-repeat;}


.zjed{ border:1px solid #dfdfdf;  height:258px; }
.zje_top{ height:31px;}

.zj_bt{ height:31px;background:url("../images/diy/zje_c.gif") top repeat-x;}
.zje_body{ padding:8px;}
.i_wmys{ padding-top:10px;}
.i_wmys li{ float:left; width:320px; line-height:28px;background:url("../images/diy/newslist_d.gif") left no-repeat; padding-left:10px;}



.ourok{ background-color:#000000; height:141px;}
.ourok_top{ height:45px; text-align:right;}
.ourok_top img{ margin-top:12px; margin-right:12px;}
.ourok_body{ color:#888; width:250px; height:88px; border-bottom:1px solid #cca0a6; border-top:1px solid #cca0a6; background-color:#af000f; margin:0 auto;}
.ourok_body img{ padding-top:12px; padding-left:13px;}
.index_news{ border:1px solid #2784B0; height:261px; }
.news_top{ background-color:#2784B0; 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:#888;}
.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:#888;}
.inews_list2 li{ line-height:27px; height:27px; width:318px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.i_case{background: url("../images/diy/new_top_bg.jpg") top repeat-x; border:1px solid #dfdfdf; height:240px;}
.i_box_top{background: url("../images/diy/qh_bt.gif") top left no-repeat; height:35px; line-height:30px; padding-left:15px; color:#000;font:14px/2 "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";}
.i_box_top span{ float:right; padding-right:8px; padding-top:8px;}
.i_box_top2{ height:35px; line-height:35px; color:#333;font:14px/2 "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";}
.i_box_top2 span{padding-left:15px; padding-top:8px;}

.i_seo1{ float:left; width:318px;}
.i_seo2{ float:left; width:318px; margin-left:10px;}
.i_seo3{ float:right; width:318px;}
.box_other{border:1px solid #e8e8e8; background: url("../images/diy/new_top_bg.jpg") top repeat-x;}

.i_seo_l{ float:left; width:255px; background: url("../images/diy/yx_i.gif") right top no-repeat; padding-right:10px;}
.i_seo_r{ float:right; width:697px;}

.seo_case{ overflow:hidden; width:655px;}
.seo_case li{ float:left; width:205px; line-height:18px; padding:4px 6px; color:#888;}
.seo_case li img{ background-color:#f4f2f3; width:185px; height:120px; padding:5px; float:left;}
.seo_case li a{ color:#888}
.seo_case_top{ height:40px; background: url("../images/diy/seo_case_line.gif") top repeat-x; width:680px;}
.seo_case_top a{ float:right; padding-top:15px;}

.seo_js{ height:65px; border-bottom:1px solid #e2e8dc;}
.seo_js li{ float:left; width:225px; margin:0 3px;}

.i_sem{ height:35px;}
.seo_yx_list{}
.seo_yx_list li{ line-height:30px;  padding-left:10px; margin-bottom:5px;  border-bottom:1px solid #f2f2f2; background: url("../images/diy/newslist_d.gif") left no-repeat;}
.seo_yx_list li a{color:#888;}

.seo_tag{ border-bottom:1px solid #ccc;  border-top:1px solid #ccc; height:60px;}
.seo_tag a{ line-height:28px; color:#ccc}
.clients_top{}

.clients_list li{ float:left; margin:5px; width:182px; height:70px; border:1px solid #f0f0f0; text-align:center;}

.b_list_bg{ background-color:#f4f4f4; padding-top:16px; border-top:1px solid #eceaea;}

/*------------滑动门--------*/
.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}
.tab li.now{color:#FFFFFF; background-color:#af000f;font:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体"; line-height:30px; font-size:14px;}

.tab2{}
.tab2 ul{margin:0;padding:0;}
.tab2 li{float:left; width:82px;height:34px;line-height:34px;text-align:center;cursor:pointer;font-family:"微软雅黑"; margin:0 5px;}
.tab2 li.now{ background-color:#68696d; font-size:14px; color:#FFFFFF;}

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

/*------------友情链接--------*/
.flink_top{background: url("../images/diy/link_top.jpg") top no-repeat; line-height:30px; height:35px; padding-left:8px;}
.flink_list{padding:10px 0;}
.flink_list span{float:left; background-color:#666; padding:2px 10px; margin:3px 0; color:#FFFFFF;}
.flink_list li{float:left;padding:5px 10px;white-space:nowrap; text-align:center;}
.flink_mt_b{}

/*---------- frame : footer ---------*/
.footer_menu{ color:#999999; line-height:30px;}
.footer_menu a{color:#999999}
.footer_menu span{ width:1px; color:#555; padding:0 6px 0 2px;}
.footer_menu li{ float:left; width:75px;}
.footer_menu .foor_g{}
.footer{padding-bottom:10px;padding-top:25px;background:#004566 url("../images/diy/footer_top_bg.gif") top repeat-x;}
.footer .copyright{color:#FFFFFF;line-height:20px;}
.footer_body{ }

.bottom_logo{ float:left; width:180px; text-align:center; padding-top:20px;}
.bottom_text{float:left; width:800px;}
.bottom_text a{color:#FFFFFF;}

/*---------- 左边部分 ---------*/
#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:737px; padding-left:20px;overflow:hidden;  padding-bottom:8888px;margin-bottom:-8888px; background: url("../images/diy/right_diy_l.gif") left repeat-y;}
.right_body{ padding:15px; 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; width:697px;}
.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;}

/*---------- 其他部分 ---------*/
.other_banner{ height:95px; background-color:#000000; border-bottom:2px solid #000;}
.works_new{ padding-top:20px;}


.list_top_bg{ background-color: #F3F3F3; padding:0 5px;}
.list_top_bg span{ color:#77b300; padding-left:20px;}
.list_top_bg span a{color:#77b300;}
.goto_top{clear:both;overflow:hidden; margin-bottom:50px;}

#default_rim{clear:both; overflow:hidden;}
#default_rim ul{ float:left; width:315px;  margin:15px 18px; height:230px;}
.fw_01 img{ padding:2px; border:1px  solid #EBEBEB;}
#default_rim .fw_02 a{color:#77b300; font-size:14px; line-height:25px;}
.fw_03 span{text-align:center; width:186px;}

.con_form{border-bottom:#eeeeee 1px solid; padding-bottom:10px; margin-top:20px; border-top:#eeeeee 1px solid; padding-top:10px}
.con_form input{ border:1px solid #CCCCCC;}
.con_form textarea{ border:1px solid #CCCCCC;}
.coolbg {
  border:0px !important;
  border-right: 1px solid #ACACAC !important;
  border-bottom: 1px solid #ACACAC !important;
  background-color: #F1F8B4;
  padding:2px;
  padding-right:5px;
  padding-left:5px;
  background: url("../images/diy/wbg.gif") #EFF7D0;
  cursor:pointer;
}

/*---------- 文章内页 ---------*/
.ar_likeart span{ color:#87c907; line-height:40px; font-size:14px; font-weight:bold;}
.ar_likeart li{ float:left; width:40%; background:url("../images/sidebarli.gif") left no-repeat; line-height:25px; padding-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.arclisj li{ float:left; width:40%; background:url("../images/sidebarli.gif") left no-repeat;  padding-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.arclisj span{ color:#87c907; line-height:40px; font-size:14px; font-weight:bold;}
.viewbox .info{color:#87c907;}
.ar_tags{ line-height:30px; text-align:right;}
.ar_tags a{color:#87c907; padding-right:10px;}

.tc_mon{ line-height:25px; padding-left:20px; font-size:14px; color:#fff; background-color:#333; overflow:hidden;}
.tc_mon span{}
.tc_pic{ width:30%; height:200px;}
.tc_text{ color:#888;}
.tc_text span{ color:#000;}


/*---------- 图片内页 ---------*/
.viewbox .title2{height:60px;line-height:24px;text-align:left;overflow:hidden;padding-top:10px;}
.viewbox .title2 h2{font-size:20px;color:#2b2b2b;}
.title2 p{color:#690;}
.title2 p a{color:#690;}
.title2 small{	margin-left:8px;margin-right:3px;color:#999;font-size:12px;}

/*--------- QQ ---------*/
.qq_text{ text-align:left; line-height:18px;}
.qq_body{ text-align:center;}


/*--------- 首页滚动案例 ---------*/
.case_all{  width: 972px; height:200px; position: relative; margin:0px auto;overflow:hidden;}
.case_left{ float:left; width:26px; padding-top:35px;}
.case_right{float:left; width:26px; padding-top:35px;}
.case_width{float:left; width:920px;overflow:hidden;}

.case_width a img {
  background-color:#e6e6e6;
  margin:0px auto;
  border:1px solid #E3E3E3;
  padding:2px;
  width:210px;
  height:150px;
  display:block;
}
.case_width a p{
   background:url(../images/diy/al_text_top.jpg) top  no-repeat;
   display:block;
   line-height:17px;
   padding-top:6px;
}
.case_width a {
  display:block;
  color:#6C6D61;
  float:left;
  padding-top:10px;
  padding-bottom:10px;
  height: 180px;
  width: 230px;
  text-align:center;
}
.ScrCont {width:32766px; zoom:1}
#List1_1 {float:left;}
#List2_1 {float:left;}