/***
 *	新增样式
 **/
/*---------- 头部 ---------*/
#header{ height:115px;}
.logo{ float:left; width:220px;padding-top:0px;}
.logo_r{ float:right; width:940px;}
.top_text{ height:34px; padding-top:15px;}
.top_h1{ float:left; font-size:14px;font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体","宋体"; line-height:20px;color:#888;}
.top_tel{float:right; height:18px; line-height:18px; color:#888;}
.top_tel1{float:right; height:18px; line-height:18px; color:#888;margin-right: 20px;margin-top: 2px;}
.top_tel span{ font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#da271f; font-weight:bolder;}
.top_tel img{vertical-align:middle;}
.header_b{background:url("../images/diy/header_b.gif") top  repeat-x; height:20px;}

.banner{height:480px; background-color:#eee;}
.i_banner{background-color:#0099FF; height:480px}
#kinMaxShow{visibility:hidden;width:100% !important; height:480px;overflow:hidden; display:none;}



/* --------- 导航 ----------------*/
.menu_bg{height:65px;border-top:1px solid #ccc;}
.menu_contact{ float:right;height:23px; line-height:23px; width:107px;background:url("../images/diy/menu_contact.gif")  no-repeat; margin-top:20px;}
.menu_contact a{ padding-left:12px;font-size:15px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体","宋体";}
#navMenu{ float:left; }
#navMenu ul {}
#navMenu ul li {font:15px/1.5 "Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体","宋体";float:left;line-height:65px;text-align:left;}
#navMenu ul li a {height:65px; padding-right:30px;display: inline-block;position: relative; color:#666666;}
#navMenu ul li a:hover {color:#333; text-decoration: underline;background:url("../images/diy/menu_down.gif") bottom  no-repeat;}
#navMenu .hover a{color:#333; text-decoration: underline;background:url("../images/diy/menu_down.gif") bottom  no-repeat;}
.menu_ii{background:url("../images/diy/menu_ii.gif") left no-repeat; padding-left:15px;}


/*---------- 主体---------*/
.index{}
.i_more{ float:right; padding-right:5px; font-size:12px; color:#999;}
.i_notice{ height:49px; line-height:49px; border-bottom:1px solid #cecece; background:url("../images/diy/i_notice_ii.gif") left no-repeat; padding-left:24px;}
.i_notice span{color: #DA261E;
font-family: "Microsoft YaHei","微软雅黑","Microsoft JhengHei",Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: bolder;}
.i_service{ font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei",Arial, Helvetica, sans-serif;}
.i_service li{ float:left; width:237px; text-align:center;}
.service_h3{ font-size:16px;}
.service_h4{ color:#999999;}

.part2_l{ float:left; width:848px;}
.part2_r{ float:right; width:301px;}
.part_top{ height:45px; line-height:45px; border-bottom:1px solid #c1c1c1; font-size:16px; padding-left:10px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei",Arial, Helvetica, sans-serif;}
.index_news{ height:245px;}
.index_news_l{ float:left; width:390px; height:245px; background-color:#ddd;}
.index_news_r{ float:right; width:420px;}
.index_news_list li{ height:34px; line-height:34px; border-bottom:1px dotted #ddd; background:url("../images/diy/newslist_d.gif") left no-repeat; padding-left:10px;}
.index_news_list span{ float:right; color:#999;}

.case_list ul{width:100%;}
.case_list li{ float:left;position: relative; margin-bottom:26px; margin-right:24px;margin-top: 10px;}
.case_list li img{ border:0px solid #eee;}
.case_list li .i_case_name{ position:absolute; top:240px; left:0; height:40px; line-height:40px; color:#000000; padding-left:15px; width:251px; background-color:#ffffff; filter: Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8;}
.case_list li a:hover .i_case_name{background-color:#ffffff;}

.new_case{}
.new_case li{ line-height:30px; height:245px;text-align: center; }
.new_case li img{ border:0px solid #eee;}
.new_case li p{ color:#999999;text-align: left;}
.new_case_t{ font-size:14px; font-weight:bolder; padding-top:10px;}

.clients_l{ float:left; width:320px;}
.clients_r{ float:right; width:865px;}
.clients_list li{ float:left; width:173px; text-align:center; height:70px; margin-bottom:20px;}
.clients_list li img{ width:155px; height:68px; border:1px solid #ddd;}

.e_difference li{ float:left; width:197px; text-align:center;padding:0 0 20px;}
.seo_bg{ padding-top:30px; padding-bottom:30px; background-color:#f8f8f8;}
.seo_l{ float:left; width:315px;padding:0 40px;}
.seo_c{ float:left; width:314px; border-left:1px solid #ccc; padding:0 40px;}
.seo_r{ float:right;width:314px; border-left:1px solid #ccc; padding:0 40px;}
.seo_top{ height:40px; line-height:40px; font-size:16px;font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei",Arial, Helvetica, sans-serif;}
.seo_list li{ height:30px; line-height:30px;}
.seo_list li span{ float:right; color:#999;}



/*------------滑动门--------*/
.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;}



/*------------友情链接--------*/
.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_top{background-color:#353535; height:95px;}
.f_part_l{ float:left; width:1000px;}
.f_part_r{ float:right; width:50px;}
.f_qq_text{ float:left; width:240px; color:#eee;background:url("../images/diy/f_qq.png") left no-repeat; padding-top:20px; height:50px; margin-top:12px; padding-left:75px;}
.f_qq_text span{ font-size:28px;}
.f_qq{ float:left; height:36px; margin-top:40px;}
.f_qq a{ padding:0 5px; color:#cecece;}


.footer_bg{background:#808080 url("../images/diy/footer_bg.gif");}
.footer{ height:260px; padding-top:30px;background:url("../images/diy/footer_floor.png") bottom center no-repeat; color:#eee;}
.footer a{ color:#eee;}
.footer_l{ float:left; width:400px;}
.footer_r{ float:left; width:780px; padding-top:5px;}
.fooert_tel{ font-size:32px; line-height:38px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体"; padding-bottom:10px;}
.footer_other{ line-height:25px; background:url("../images/diy/Contact_pic.png") left  no-repeat; padding-left:22px; height:130px;}
.footer_nav{}
.footer_nav .footer_nav_li{ float:left; width:120px; margin:0 18px;}
.footer_nav_top{ height:40px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体"; font-size:20px; line-height:35px; background:url("../images/diy/f_nav_ii.gif") bottom  repeat-x; }
.footer_nav_list li{line-height:30px; height:30px;}


.copyright{background:#808080 url("../images/diy/copyright_bg.gif"); height:50px; line-height:30px; color:#aaaaaa;}
.copyright a{color:#aaa;}
.copyright_l{ float:left; width:400px;}
.copyright_r{ float:right; width:700px; text-align:right;}



/*---------- 左边部分 ---------*/
#left_diy{ float:left; width:240px; overflow:hidden;}

.left_menu{  border-top:1px solid #ddd;}
.left_menu li{border-bottom:1px solid #ddd; padding:0px 0;}
.left_menu li a{padding-left:20px;height:40px;line-height:40px;display:block;font-size:16px;background:url(../images/diy/newslist_d2.gif) left no-repeat;}
.left_menu li a:hover{ background:#0e90d2 url(../images/diy/newslist_d3.gif) left no-repeat; color:#fff; text-decoration:none;}	
.left_menu li a.thisclass{background:#0e90d2 url(../images/diy/newslist_d3.gif) left no-repeat;color:#fff;}

.left_case_name{ height:40px; line-height:40px; font-size:16px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";}
.left_case_body{height:160px;}

.left_news{ }
.left_news_name{height:40px; line-height:40px; font-size:16px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";}
.left_news_list{ padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.left_news_list li{padding-left:15px;height:28px;line-height:28px;display:block;background:url(../images/diy/newslist_d2.gif) left no-repeat;}

.bannerbox { width: 240px; height: 160px; overflow: hidden; margin: 0px auto; }
#focus { width: 240px; height: 160px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width: 240px; height: 160px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 240px; height: 160px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 120px; height: 160px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../images/diy/sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(../images/diy/sprite1.png) no-repeat right center; }


/*---------- 右边部分 ---------*/
#right_diy{ float:right; width:905px; overflow:hidden;}
.right_body{ padding:15px 0; overflow:hidden; clear:both; }
.right_nav{ height:60px; border-bottom:1px solid #ccc;}
.right_nav_l{ float:left; width:300px; font-size:18px;font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei",Arial, Helvetica, sans-serif; line-height:30px;}
.right_nav_l span{ font-weight:bolder; font-size:30px; font-family: "Times New Roman", Times, serif;}
.right_nav_r{ float:right; text-align:right; line-height:60px;height:60px;  background:url("../images/diy/right_nav_ii.gif") left no-repeat; padding-left:20px;}



.yh_z td{ padding:5px;}


/*------------售货服务---------*/
.ui-box {
    border: 1px solid #DDD;
   
    width: 898px;
    margin-top: 10px;
}
.serve-agree-bd {
    padding: 20px 20px 20px 62px;
}
.serve-agree-bd dt {
    display: block;
    height: 32px;
    line-height: 32px;
    margin-left: -42px;
    font-size: 16px;
    color: #00a7e1;;
    font-family: "微软雅黑";
}
.serve-agree-bd dt .goods {
    background: url("../images/diy/iconZP.png") no-repeat scroll 0% 0% transparent;
}
.serve-agree-bd dt i {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding-right: 10px;
    vertical-align: bottom;
}
.serve-agree-bd dt .no-worries {
    background: url("../images/diy/iconWY.png") no-repeat scroll 0% 0% transparent;
}
.serve-agree-bd .no-worries-text {
    padding-bottom: 0px;
}
.serve-agree-bd dd {
    display: block;
    padding: 10px 0px 30px;
    line-height: 18px;
}
#state {
    padding-top: 8px;
    margin-top: 8px;
    overflow: hidden;
}
.serve-agree-bd dt .unprofor {
    background: url("../images/diy/iconLB.png") no-repeat scroll 0% 0% transparent;
}

/*---------- 其他部分 ---------*/
.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:rgba(47, 167, 224, 1); padding-left:20px;}
.list_top_bg span a{color:rgba(47, 167, 224, 1);}
.goto_top{clear:both;overflow:hidden; margin-bottom:50px;}

#default_rim{clear:both; overflow:hidden;padding-bottom: 50px;border-bottom:1px  solid #EBEBEB;}
#default_rim ul{ float:left; width:270px;  margin:15px 15px; height:350px;}
.fw_01 img{ padding:2px; border:0px  solid #EBEBEB;}
#default_rim .fw_02{color:rgba(47, 167, 224, 1); font-size:14px; line-height:25px;font-weight: bold;text-align:center}
#default_rim .fw_02 a{color:rgba(47, 167, 224, 1); font-size:14px; line-height:25px;font-weight: bold}
.fw_03 span{text-align:center; width:186px;line-height: 24px}

.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:47%; background:url("../images/sidebarli.gif") left no-repeat; line-height:25px; padding-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.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:#777;}
.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;}

/*商品展示图片*/
#preview{ float:left; margin:20px auto; text-align:center; width:330px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}