﻿@charset "utf-8";
/* CSS Document */

/*??????*/
html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, abbr,del, dfn, em, img, ins,strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, object, col, colgroup, caption, summary, tbody, tfoot, thead, th{margin:0; padding:0; border:0;}
body {color:#666; font-size:12px;  min-width:1000px;}
h1, h2, h3, h4, h5, h6{color:#333; font-style:normal; }
h1, h2, h3, h4, h5, h6 {font-size:14px; font-weight:700;}
ol, ul, li {list-style:none;}
button,input[type="submit"] {cursor:pointer;}
*+html img {margin-bottom:0!important;} /* Fix IE7 */
textarea {margin:0; padding:0; font-size:14px; overflow:auto;}
:focus {outline:0;}
.cfix:before,.cfix:after {content:"";display:table;}
.cfix:after {clear:both;}
.cfix {zoom:1;} 
.clearfix:after {content:"\0020";line-height:0; font-size:0; display:block; clear:both; visibility:hidden; overflow:hidden;}
.clearfix { clear:both; overflow:hidden; visibility:visible;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#d50100; text-decoration:none;}
.w1000,.sy_pro,.indexscroll,.sub_product{ width:1000px; margin:0 auto; overflow:hidden;}
.jl20{ margin-top:20px;}
.sytj_pro_bottom ,.bannerbg,.sy_probg,.bottom_bg,.sub_ban,.sub_conbg,.productbg,.procon{ width:100%; margin:0 auto; overflow:hidden;}
.w10001{ width:1010px; margin:0 auto;}
p{ line-height:22px;}
.right{ float:right}    .left{ float:left}
/*top*/
.top{ margin-bottom:10px; overflow:hidden;}
.logo{ float:left; background:url(../images/logo.jpg) no-repeat; width:304px; height:55px; margin-top:10px;}
.logo  a{ display:block; width:304px; height:55px; text-indent:-999em;}

/*nav*/
.nav{width:645px; margin-top:10px;}   .nav li{float:left;width:70px;font-size:15px; margin:20px 10px 10px 10px; text-align:center; font-weight:bold; }
.li0{border-bottom:#fff 4px solid;padding:15px 0;}
.li1{ border-bottom:#ffc132 4px solid;padding:15px 0;}


.head_bg{ background: url(../images/top-bg.jpg) repeat-x; height:36px; line-height:36px; color:#000;}
.nav_bg{  margin-top:7px;padding-bottom:13px;}
.head_l{ width:45%; float:left; color:#777}
.head_r .email{ background:url(../images/mail.png) no-repeat left center; padding-left:25px; margin-right:20px;display:inline-block;}
.head_r .tel{ background:url(../images/phone.png) no-repeat left center; padding-left:20px; font-size:16px; color:#FF4a00;letter-spacing:1px; font-weight:700;}
.head_r{ float:right; width:43%; }
/*banenr*/
.bannerbg{ background:url(../images/banner_bg.jpg) repeat}
.banner{ background:url(../images/banner.jpg) no-repeat top center; width:100%; height:400px;}
/*newsscroll*/

/*首页中间区域*/
.i_main_o{ background:#ececec;}
.i_main_o .lanm{ float:left; }
.i_main_o .lan_o{width:330px; }
.i_main_o .lan_t{ width:300px;padding-left:25px; padding-right:25px;}
.i_main_o .lan_th{ width:275px;padding-left:25px; }
.i_main_o .lanm .proabc{ padding:25px 0 22px;}
.i_main_o .lanm .proabc,.i_main_o .lanm .proabc a{ font-size:18px; font-weight:bold; color:#0e0d0c;font-style: normal;}
.topnews { overflow:hidden}
.topnews .n_img{ width:135px; height:90px;}
.topnews .n_img img{ width:122px; height:90px;}
 .topnews .n_nr{ width:160px; padding-left:10px;}
 .topnews .n_nr .n_title{ font-size:15px; font-weight:bold; }
.topnews .n_nr .n_title a{color:#fea00b;} 
.topnews .date{ color:#807f7f;width: 160px;height: 70px;overflow: hidden;}
.inews_list{ margin-top:8px; }  .inews_list ul{ width:100%; overflow:hidden; background:#F0F0F2;}
.inews_list li{ line-height:26px; width:130px;overflow:hidden; margin-right:20px; float:left; background:url(../images/pro.png) no-repeat left 10px ; border-bottom:#d8d8d8 1px dashed;  padding-top:2px; padding-left:10px; }

.lan_t .i_ztbd{ width:296px;}
.lan_t .i_ztbd .bd{ width:100%; height:208px; overflow:hidden;}
.lan_t .i_ztbd .bd li img{ width:296px; height:178px;}
.lan_t .i_ztbd .bd li .bd_title{ height:30px; width:100%; line-height:30px; background:#f2f2f2 url(../images/in_jh.gif) no-repeat 10px 7px; font-size:15px; font-weight:bold; color:#222; text-indent:30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.lan_t .i_ztbd .hd { padding:15px 0 0 130px;}
.lan_t .i_ztbd .hd li { width:10px; height:10px; background:#2b2b2b; overflow:hidden; float:left;  border-radius:50%; float:left; margin-right:5px; text-indent:-99px; cursor:pointer;}
.lan_t .i_ztbd .hd li.on { background-color:#fcba0e;}

.lan_th .ipro_list{ width:100%; height:120px; overflow:hidden; position:relative;}
.lan_th .ipro_list .hd a{ display:block; width:22px; height:40px; position:absolute; background:url(../images/ipro_btn.png) no-repeat 0 0; top:40px; cursor:pointer;}
.lan_th .ipro_list .hd a.next{ right:0px;background-position: -22px 0;}
.lan_th .ipro_list .hd a.prev{ left:0px;}

.select{ margin-top:20px;}
.sel { width:100%; height:24px; margin-bottom:10px;  font-size:12px; color:#697080;background:#ebebeb;border:1px solid #ccc;}
.sel option { margin:2px 0;}
.sy_probg{ background:#f2f2f2; padding:20px 0; margin-top:30px;}

.indexscroll { height:185px;
}
.indexscroll .prohots{ font-size:18px;  text-indent:20px; line-height:40px; font-weight:700;font-style: normal;font-family: 'Microsoft Yahei','SimSun',sans-serif;color: #333;}
.indexscroll .LeftBotton {
	MARGIN-TOP: 20px; margin-right:10px!important; margin-right:10px;  WIDTH: 14px; DISPLAY: block; FLOAT: left; HEIGHT: 80px
}
.indexscroll .RightBotton {
	MARGIN-TOP: 20px; margin-left:10px!important;margin-left:10px; WIDTH: 14px; DISPLAY: block; FLOAT: left; HEIGHT: 80px
}
.indexscroll .LeftBotton {
	BACKGROUND: url(../images/gobal_btn_left.gif) no-repeat
}
.indexscroll .RightBotton {
	BACKGROUND: url(../images/gobal_btn_right.gif) no-repeat
}
.indexscroll .pcont {
	WIDTH: 936px; FLOAT: left; OVERFLOW: hidden
}
.indexscroll .ScrCont {
	WIDTH: 59600px; ZOOM: 1
}
.indexscroll #List1_1 {
	FLOAT: left;
}
.blk_18 #List2_1 {
	FLOAT: left
}
.wl {
	TEXT-ALIGN: center; WIDTH: 170px; FLOAT: left; margin-right:20px; margin-top:10px;
}

.wl IMG { width:160px; height:110px; margin-bottom:10px;

}
.bottom_bg{ background:#05549F; line-height:25px;color:#abc8f0;}
.bottom_bg .bleft{ float:left; width:65%; text-align:left}   .bottom_bg .bright{ float:right; width:35%; text-align:right}.bottom_bg .bright a{color: #abc8f0;}
.bottom_bg .bleft1{ display:block;}
.bottom_bg .bleft1 a{color: #abc8f0;margin-right:20px;}
.sub_conbg{ background:url(../images/shaw.png) repeat-x center top}
.productbg{ background: url(../images/pro_bg.jpg) no-repeat center top; }
.sub_product{margin-top:100px; padding:15px;background: url(../images/bg.png) repeat-y; padding-bottom:25px;}
.sub_left{width:230px;padding:5px 0 50px 18px; float:left}
.ltit{border-bottom:#e7e7e7 1px solid; padding-bottom:10px; margin-top:10px;}
 .ltit p{font-size:14px;} 
  .ltit .cates{ font-size:18px; font-weight:700; color:#333; }
.left_list{padding:14px 0 15px 0;line-height:34px; width:100%;}
.left_list li{display:block;  }  .left_list li a{display: inline-block;background:url(../images/dt.jpg) ; text-indent:58px;color:#666;width:100%; display: inline-block;}
.left_list li a:hover,.left_list a.now{color:#fff; background:url(../images/dt_over.jpg) ;}
.sub_righttit{color:#666;line-height:45px;border-bottom:#e7e7e7 1px solid; width:90%; margin-left:20px; overflow:hidden;}
.sub_righttit h3{ float:left; width:35%; font-size:18px;}
.sub_righttit .cates{ float:left; width:35%; font-size:18px;font-weight: 700;color: #333;font-style: normal;}
.sub_righttit1 .clsslei{ float:left; width:35%; font-size:18px;color: #333;font-weight: 700;}
.sub_righttit .board,.sub_righttit1 .board{ float:right; width:60%; text-align:right}
.sub_righttit .board a,.sub_righttit1 .board a{color:#666;line-height:45px;display:inline-block;}
.sub_righttit .board em,.board a:hover,.sub_righttit1 .board em,.board a:hover{color:#f8b62d;}
.sub_righttit1 {color: #666;line-height: 45px;width: 100%;overflow: hidden; margin-bottom:15px; border-bottom:#eee 1px solid;}
img, object {
vertical-align: top;
}
.sub_right{ width:740px; float:right;}
.xbt{ width:93%; color:#777;}
#prolist { margin-left: 5px!important; margin-left: 0px; }

    #prolist p { text-indent: 2em; padding-left: 15px; margin-top: 20px; margin-bottom: 15px; }

    #prolist ul { overflow: hidden; }
    #prolist li { width: 22%!important; width: 22%; float: left; text-align: center; line-height: 20px; margin: 10px 9px 5px 5px; }
    #prolist h3 { font-size: 14px; color: #585858; font-weight: normal; background: #F1F2F5; width: 100%; margin: 0 auto; line-height: 26px; margin: 20px 0px 5px 0px; text-indent: 15px; }

    #prolist li img { width: 145px; height: 110px; padding: 5px; }

    /*#prolist li a img {
-webkit-transition: all 0.2s ease-out;
}
*/
    #prolist li a:hover img { /*
-moz-transform: scale(1.05) rotate(2deg);
-webkit-transform: scale(1.05) rotate(2deg);*/ }

.news,.sgan_val{ margin-top:10px; width:90%; margin-left:20px;}
.news p{ float:left; line-height:32px;width:100%; text-indent:2em; }

.news li span{ float:right; color:#999; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-right:20px}
/*施工案例*/
.sgan_val{ margin-top:10px; width:100%; margin-left:20px;}
.sgal_list{ width:100%; margin-top:40px;}
.sgal_list li{ width:310px; float:left; _display:inline; margin:0 45px 30px 0;}
.sgal_list li .sgal_img{ width:310px; height:auto;}
.sgal_list li .sgal_img img{ width:100%; height:auto;}
.sgal_list li .sgan_nr{ padding-left:10px; padding-right:10px; height:105px; background:#f2f2f2 url(../images/menu_btbg.gif) no-repeat right bottom;}
.sgal_list li .sgan_name{ font-weight:bold; padding-top:10px; padding-bottom:5px; font-size:14px;}
.sgal_list li .sgal_img img.imghove{ filter:alpha(opacity=60); opacity:0.6;}
.sgan_date{ color:#666; height:48px; overflow:hidden;}
.sub_pro{ width:96.5%; float:left; margin-left:5px;}
.tj_pro{ width:100%; overflow:hidden}
.tj_pro_left{ float:left; width:460px;}
.tj_pro .text{ float:right; text-align:left; width:490px; overflow:hidden;}
.tj_pro   h1{color:#fff; text-indent:20px; text-align:left; background:#05549F; font-size:18px; line-height:32px; margin-bottom:11px;}
.tj_pro  p{ text-indent:0; font-size:12px; line-height:25px; margin:0;}  .prbgr p a{ text-decoration:underline;}
.tj_pro  p font{ color:#ff4a00; font-size:20px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;}
.tj_pro  strong{color:#333;}
.tj_pro .last{ border-top:1px #ddd dotted; line-height:41px; margin-top:2px; border-bottom:1px #ddd dotted; margin-bottom:17px; }
.tj_pro  .last strong{ color:#000; line-height:32px; font-size:14px;}
.tj_pro  .xj{ background: url(../images/m.png) no-repeat 15px center #222; display:inline-block; padding:0 20px 0 45px; color:#fff; line-height:32px; font-size:14px;  margin-left:40px;}
.tj_pro .ad h3{}
.tj_pro .ad{ width:100%; float:left;text-align:left; line-height:22px; margin-top:10px;}
.tj_pro .ad li{ height:65px; color:#333; font-size:16px; line-height:30px; }
.tj_pro .ad li p{  color:#000;  }
.tj_pro .ad li img { width:80px; height:30px; float:left; margin-right:12px; }
.fute { margin-top:30px;}
.fute li{ float:left;  /*background:url(../images/proshow_05.gif) repeat-x left bottom;*/ background:#f2f2f2 ;}
.bt{ background:#666; color:#FFF; text-align:center; height:30px; line-height:30px;}
.sm{ padding:10px; line-height:25px;}   .pro_l{ width:25%; margin-right:20px;}   .pro_m{ width:45%; margin-right:20px;}  .pro_r{ width:25%;}
.procon_left{ float:left; width:220px; margin-top:30px;}
.procon_right{ float:right; width:710px; margin-top:30px;}
.procon_right  p{ line-height:23px; color:#777;text-indent: 2em;margin-top: 10px;}
.procon_right h3{ color:#ff4a00; font-size:15px; margin:10px 0 15px 0;}
 
.procon_right .messages img{width:701px; height:332px; }
.Menubox { width:100%; height: 36px; line-height: 36px; border-bottom:#d8d8d8 1px solid ;  margin-bottom:25px;}      .Menubox li{ float:left; font-size:14px;}

    .Menubox li  a{ float: left;width: 120px; height: 36px; line-height: 36px; cursor: pointer; text-align: center; color: #333; list-style: none; margin-right:4px; }

        .Menubox li a.nomol { background: #fff; border-top:#3d3d3d 2px solid; font-size:15px; border-left:#d8d8d8 1px solid; border-right:#d8d8d8 1px solid; width: 152px; border-bottom:none; height: 35px; color: #000; line-height: 35px; font-weight: bold; }
/** 产品列表 下拉**/
.product_list{width:220px; margin-bottom:20px;position:relative;float:left;}
.product_list li.pro_list {float:left;width:220px;}
.product_list li.pro_list ul{width:200px;line-height:18px;text-align:left;background:#F2f2f2;position:absolute;/*opacity:0.9;filter:alpha(opacity=0);*/border:1px solid #fff;border-top:none;z-index:999;display:none;left:-1px; padding:5px 0 5px 20px;}
.product_list li h3 a{height:33px;line-height:33px; text-align:left; padding-left:20px; color:#333; font-size:14px; font-weight:100; border-bottom:1px solid #fff; background:url(../images/pro.jpg) top left no-repeat;display:block;}
.product_list li h3 a:hover,.product_list li h3 a.on_red{height:33px;color:#000;background:url(../images/pro_red.jpg) no-repeat;text-decoration:none;}
.pro_list li a{ color:#333;}
.pro_list li a:hover{ color:#000; text-decoration:underline;}
.writefont{ color: #fff;}
#pro_right_pro{ width:100%; overflow:hidden; background:#f5f5f5; }
#pro_right_pro .hotpro { font-size: 15px; margin-top:5px; background:#e7e7e7;  text-indent: 10px; height: 34px; line-height: 34px; color: #222;font-style: normal;font-family: 'Microsoft Yahei','SimSun',sans-serif;font-weight: 700; }
#pro_right_pro  ul{  overflow:hidden; width:100%;}
#pro_right_pro  ul li{ background:url(../images/icon6.png) no-repeat left center; margin-left:15px; width:100%; }
#pro_right_pro  ul li a{ border-bottom:0; font-weight:normal; font-size:12px; padding-left:12px; line-height:30px; color:#555;}
#pro_right_pro  ul li a:hover{ background:url(../images/icon7.png) no-repeat left center; color:#da0000; text-decoration:none;}

#rongyu{ background:#f5f5f5; margin-bottom:25px;}
#rongyu .hotpro { background:#e7e7e7; font-size: 15px;  margin-bottom:15px;text-indent: 10px; height: 34px; line-height: 34px; color: #222;font-style: normal;font-family: 'Microsoft Yahei','SimSun',sans-serif;font-weight: 700; }

#rongyu  ul{  overflow:hidden; width:100%; }
#rongyu  ul li{margin: 10px 0px 10px 0px; text-align: center; width:100%; }
#rongyu ul li span{ margin:10px 0px 10px 0px; display:block;}   #rongyu img{ width:175px; height:119px;}
	
	.left_form { margin-bottom:30px;}

.left_form ul li {height:32px;line-height:30px;margin-bottom:5px;overflow:hidden;}
.left_form ul li.message {height: 140px;position: relative;_height: 138px;}
.left_form ul li span {
	display:block;
	width: 128px;
	text-align: right;
	margin-right: 10px;
	float: left;
	font-size:12px;
}
.left_form ul li input.intxt {
	width: 355px;
	margin: 5px 0 2px;
	border: 1px solid #D9D9D9;
	border-top: 1px solid silver;
	line-height: 22px;
	height: 22px;
	color: #999;
	padding: 0 4px;
	overflow:hidden;
}
.left_form ul li textarea {border: 1px solid #CCC;width: 355px;height: 100px;margin-bottom: 0;line-height: 20px;margin: 6px 0 0;padding: 4px;color: #999;resize: none;
}
.left_form .btnclick {padding-left:140px;overflow:hidden;
}
.left_form .btnclick input {display: block;width: 110px;height: 30px;line-height: 30px;text-align: center;color: white;float:left;margin-right:15px;cursor:pointer;font-size:18px;font-weight:bold;border:0;overflow:hidden;
}
.left_form .btnclick input.btn_submit {background:#FFBA1A;}
.left_form .btnclick input.btn_reset {background: #454545;}
.procon_right table { border-color: #fff; border-collapse: collapse; margin-top: 10px; margin-bottom: 15px;border: 1px solid #ccc; }
 .procon_right table td { padding: 3px 0; line-height: 21px; border-color: #ccc;border: 1px solid #ccc; }
table td { padding: 3px 0; line-height: 21px; border-color: #ccc;}
table { border-color: #fff; border-collapse: collapse; margin-top: 10px; margin-bottom: 15px;}
.sub_com{ width:92%; float:left; margin-top:25px; margin-left:20px; }   
.sub_com p{line-height:25px; color:#666; margin-bottom: 10px;text-indent:2em; }
.sub_com h3{color: #f60;font-size: 16px;margin: 10px 0 15px 0;}

	.title1 {
background:#05549F;
height: 35px;
line-height: 35px; margin-bottom:20px;
} .title1 h1 {
font-size: 18px;
text-align: center; color:#fff
}

/*casedetail css 相关设备*/

.case-xg{  overflow:hidden; width:95%; margin:0 auto;}
.case-xg h3 {background:url(../images/case-tit.jpg) right center no-repeat; }
.hd-top{  margin-bottom:35px; margin-top:20px; width:95%;}
.hd-top h2{  color:#333; background:#fff; border-left:#FFBA1A 6px solid; width:75px;height:18px; padding-left:10px;text-align:center; font-size:16px; text-align:left}
.case-xg ul{ overflow:hidden; width:100%;}
.case-xg ul li{ float:left; width:148px; margin-right:15px; _margin-right:12px; margin-left:10px;}
.case-xg ul li span{ display:block; text-align:center; color:#333; line-height:26px;}

.sub_com strong{ margin:10px 0;}
.pro-tj{ overflow:hidden; width:100%;}
.pro-tj h5{ color:#444; height:30px; line-height:30px; font-size:14px;font-family:"Microsoft Yahei","SimSun";}
.pro-tj ul{ overflow:hidden; margin:10px 0 10px 0; width:100%;}
.pro-tj ul li{ float:left; width:155px; overflow:hidden;  margin-right:21px; _margin-left:18px; _margin-right:16px;}
.pro-tj ul li img{ width:154px; height:109px;}
.pro-tj ul li span{ display:block; text-align:center; padding-top:4px;}



.caselist{ width:100%; margin-bottom:10px; overflow:hidden;}
    .caselist ul li
    {
        line-height: 26px;
        width:40%;
        overflow: hidden;
        margin-right: 20px;
        float: left;
        background: url(../images/icon6.png) no-repeat left 13px;
        padding-top: 2px;
        padding-left: 7px;
    }

.prevnext{margin: 15px 0px 15px 0px; width:710px;}
.prevnext span{ color:#FFBA1A; margin-right:5px;}
.prevnext ul li{float:left; width:355px;margin: 15px 0px 15px 0px;}
.procon_right a{color:#136ec2;}
.procon_right a:hover{color:#136ec2; text-decoration:underline;}



.contact_me { 
height: auto;
padding: 5px 0 0 25px;
background: url(../images/contact_tel.jpg) top right no-repeat;
}
.contact_me h3 {
font-size: 13px;
line-height: 25px;
}.contact_me h2 {
padding: 15px 0 5px 0;
font-size: 16px;
font-weight: bold;
color: #cd0102;
}.contact_me p {
width: 500px;
padding-bottom: 15px;
line-height: 25px;
text-indent: 0;
}

#List2_1{float: left;}