@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 \5FAE\8F6F\96C5\9ED1,arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a{ text-decoration:none;color:#555}
a:hover{ color:#065d92}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
.hidden{display:none}
.invisible{visibility:hidden}
.noBg{background:none !important}
.clear{display:block;height:0;overflow:hidden;clear:both}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{*zoom:1}
html{overflow-y:scroll}
a:link,a:visited{text-decoration:none}
a:active{text-decoration:none}
.left{float:left}
.right{float:right}
.center { text-align: center !important;}

a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}
table {
  border-collapse: collapse
}
caption {
  padding-top: .75em;
  padding-bottom: .3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom
}
th {
  text-align: inherit
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  outline: 0
}
button,
input {
  overflow: visible
}
button,
select {
  text-transform: none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox
}
textarea {
  overflow: auto;
  resize: vertical
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: .5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal
}
progress {
  vertical-align: baseline
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}
output {
  display: inline-block
}
summary {
  display: list-item
}
template {
  display: none
}
[hidden] {
  display: none !important
}


.c-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  .just-betw {
    justify-content: space-between
  }
  
  .just-cen {
    justify-content: center
  }
  
  .just-around {
    justify-content: space-around
  }
  
  .align-start {
    align-items: flex-start
  }
  
  .align-base {
    align-items: baseline
  }
  
  .overflow-hidden {
    overflow: hidden
  }


/* ================== */
body {background: url(../images/bg.jpg) repeat-x;}
.header{
    width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 75px;
}
.logo{
    display: flex;
    align-items: center;
}
.header .logo_icon{
    width: 45px;
    margin-right: 10px;
}
.header .logo_icon img{
    display: block;
    max-width: 100%;
}
.header .logo_tit{
    color: #064a72;
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .8px;
}
.header .logo_desc{
    color: #065d92;
    margin-top: 5px;
}
.header .set{position:relative; 
    z-index:1;    
    display: flex;
    align-items: center;
}
.header .set_icon{
    width: 25px;
    margin-right: 10px;
}
.header .set_icon img{
    display: block;
    max-width: 100%;
}
.header .set_text{
    color: #065d92;
    font-size: 22px;
    font-weight: 600;
}


/* 导航 */
.navbox{min-height:33px;_height:33px;clear:both;}
.navBar{width:1000px;margin:0 auto;height:33px;line-height:33px; background:url(../images/bg_nav.png) no-repeat; color:#333;}
.nav{position:relative;width:1000px;margin:0 auto;font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px;}
.nav a{color:#fff;}
.nav h3{font-size:100%;font-weight:normal;}
.nav .m{float:left;position:relative;z-index:1;}
.nav .s{float:left;width:3px;text-align:center;color:#D4D4D4;font-size:12px;}
.nav h3 a{display:block;width:125px;text-align:center;font-weight:bold;}
.nav .sub{display:none;position:absolute;left:-3px;top:33px;z-index:1;width:125px;border:1px solid #E6E4E3;border-top:0;background:#fff;}
.nav .sub li{text-align:center;padding:0 8px;margin-bottom:-1px;}
.nav .sub li a{display:block;border-bottom:1px solid #E6E4E3;padding:2px 0;height:25px;line-height:25px;color:#000;font-size:12px;font-weight:bold;}
.nav .sub li a:hover{color:#016166;}
.nav .block{height:5px;width:140px;background:#FE7700;position:absolute;left:0;top:40px;overflow:hidden;}

/*banner*/
.slide_box { zoom: 1; position: relative; width:1000px; height:275px; clear:both;text-align:center; margin:5px auto 0;}
.slide2 { overflow: hidden; width: 1000px; height:275px; }
#slide3wrap_box { height: 134px }
#slide2wrap_box { height: 134px }
.slide2 .item { }
.slide2 .item img { width: 1000px; height:275px; border:0px; }
.slide_btn2 .btn_prevon2 { background: url(../images/prev1.png) no-repeat; float: left; width: 33px; cursor: pointer; height: 33px }
.slide_btn2 .btn_prevoff2 { background: url(../images/prev2.png) no-repeat; float: left; width: 33px; cursor: pointer; height: 33px }
.slide_btn2 .btn_nexton2 { background: url(../images/next1.png) no-repeat; float: left; width: 33px; cursor: pointer; height: 33px }
.slide_btn2 .btn_nextoff2 { background: url(../images/next2.png) no-repeat; float: left; width: 33px; cursor: pointer; height: 33px }
.slide_btn2 { 
    margin: 2px auto;
    position: absolute;
    top: 240px;
    width: 100%;
    display: flex;
    justify-content: center;
 }
.clearfix:unknown {clear: both;display: block;visibility: hidden;height: 0px;content: "."}
.clearfix { zoom: 1; }
.slide_dot2 { float: left; margin: 5px 10px; }
.slide_dot2 span { background: url(../images/point.png) no-repeat; float: left; margin: 0px 2px; overflow: hidden; cursor: pointer; }
.slide_dot2 .dot_list { width: 18px; height: 18px }
.slide_dot2 .current { background-position: -21px -0px }

/* index */
.iflash { margin:0 auto; display:table;}
.main{width:1000px; margin:20px auto 0; background:#fff; /*overflow: hidden;*/}
.main:after{content:'\0020';display:block;height:0;clear:both;}
.main_bottom{width:1000px;height:0px;clear:both; background:#fff;}
.z_con2_c1_y { float:left; width:620px; height:300px; color:#333; padding-left:30px;}

/*产品精选*/
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:10px;}
.icon{background:url(../images/icon.png) no-repeat 0 0;}
.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}

/*全局板块*/
.row .hd{/*background:url(../images/hd-line_01.jpg) no-repeat 0 30px;*/height:35px;line-height:30px; border-bottom: 1px solid #DDD; color: #666;}
.row .hd .title{color: #0a7dbe; font-weight: bold; font-size: 14px; letter-spacing: 1px;}

.nav_tit { color: #0a7dbe; font-weight: bold; font-size: 14px; letter-spacing: 1px;}
.nav_tit_en { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666}


/*全局页签*/
.tab-T-3{width:66px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#d81c1b;}

/*工程案例*/
.rowE .warp-pic-list{position:relative;width:1000px;height:190px;overflow:hidden; padding-left:3px;}
.rowE .count li{margin-right:16px;width:186px;height:180px;}
.rowE .count .img_wrap{width:186px;height:135px;}
.rowE .count li .text-area{padding:5px 0;}
.rowE .count li .text-area  p{line-height:22px;height:22px; text-align:center;}
.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:58px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}

#case {width:1000px; margin:10px 0 0 0}
#case .hd{ height:30px; border-bottom:1px solid #DDD; line-height:30px; font-size:13px; font-family:"微软雅黑"; color:#666;}
#case .hd .more{/*width: 60px;*/ display: inline; float:right;}
#case .hd .more a{font-size: 10px;}
#case .caseList{margin-top:5px;}
#case .caseList ul.list{ margin-top:10px}
#case .caseList ul.list li{background:url(../images/t_bg.gif) no-repeat; /*width:177px; height:177px;*/ padding:5px 10px 10px; overflow:hidden; float:left; /*margin-left:15px;*/ margin-right:1px;display:inline; position:relative; margin-bottom:10px; }
#case .caseList ul.list li img{ display:block;width:166px; height:141px;  }
#case .caseList ul.list li p{ /*margin-top:5px; */line-height:22px; text-align:center;}
#case .caseList ul.list li p a{ font-weight:bold}
#case .caseList ul.list li div{background:url(../images/t_bg.gif) no-repeat -194px 0; width:177px; height:177px; padding:5px 9px 9px 9px;; overflow:hidden; position:absolute;z-index:100;top:0px; left:0px;display:inline-block;opacity:0;filter: Alpha(opacity=0); color:#fff}
#case .caseList ul.list li div span{color:#fff;}
#case .caseList ul.list li div a{ color:#fff}
#case .caseList ul.list li div a:hover{ text-decoration:underline}

.z_info { float:left; width:470px; color:#333; margin-top:10px;}
.z_info_show {height:30px; border-bottom:1px solid #DDD; line-height:30px; font-size:13px; font-family:"微软雅黑"; color:#666;}
.z_info_show .tt{color: #2E7FB9; font-weight: bold; font-size: 14px; letter-spacing: 1px; width:}
.z_info_show .more{/*width: 60px;*/ display: inline; float:right;}
.z_info_show .more a{font-size: 10px;}
.z_info_content {/*height:250px;*/ overflow: hidden; padding-top:10px;}
.z_info_cons{ width:100%; float:left;}
.z_info_cons p{line-height:25px; color:#333;font-family:"微软雅黑"; font-size:12px; text-indent:2em;}
.z_info_cons p img{padding:2px; border: 1px solid #CFDCDC;}
.otherscontent { float: left; margin: 5px 0 20px; padding-bottom: 10px; width: 100%;}

/* qqshop focus */
#focus { width: 490px; height: 182px; overflow: hidden; position: relative; }
#focus ul { height: 490px; position: absolute;}
#focus ul li { float: left; width: 490px; height: 182px; overflow: hidden; position: relative; background: #000; }
#focus ul li div { position: absolute; overflow: hidden;}
#focus .btnBg { position: absolute; width: 490px; height: 30px; left: 0;}
#focus .btn { position: absolute; /*width: 780px;*/ height: 20px; padding: 0px; right: 5px; bottom: 3px; text-align: right; }
#focus .btn span { display: inline-block; _display: inline;  _zoom: 1; width: 16px; height: 16px; _font-size: 0; padding-top: 0px; margin-left: 5px; cursor: pointer; background: #AAAAAA; border: 1px solid #444; text-align: center; font-family: Verdana, Geneva, sans-serif; line-height: 16px; color: #06C; }
#focus .btn span.on { background: #AAAAAA; }

.z_news { width:500px; padding-left:30px; float:left; margin-top:10px;}
.z_news_t { width:500px; border-bottom:1px solid #DDD; line-height:30px; font-family:"微软雅黑"; color: #0a7dbe; font-weight: bold; font-size:14px; letter-spacing:1px;}
.z_news_t a{ width:50px; display: inline; float:right; font-size:10px; font-weight:normal; padding-right:5px;}
.z_news_m { width:500px; padding:5px 0; /*height:50px;*/ float:left;}
.z_news_m_show{ width:500px; float:left; height:30px; line-height:30px; border-bottom:1px dotted #ddd; font-family: Verdana, Geneva, sans-serif; color: #333;}
.znews_list li{ width:485px; height:auto; float:left; padding-bottom:5px; border-bottom:1px #ece9e9 dashed; line-height:30px; background:url(../images/list_03.jpg) no-repeat left 12px; padding-left:15px; }
.znews_list li .unit_bt{ width:400px; height:30px; font-size:12px; float:left; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.znews_list li .unit_bt a{ color:#333; }
.znews_list li .unit_bt a:hover{ color:#9c0001;}
.znews_list li span{ color:#333; width:85px; height:30px; float:right; text-align:right; }

#product_i {width:1000px; margin:10px auto 0; padding-top:10px; float:left; color: #333333; font-size: 12px;}
#product_i .hd{ height:30px; /*border-bottom:1px solid #DDD;*/ line-height:30px; font-size:13px; font-family:"微软雅黑"; color:#666;}
#product_i .hd .more{/*width: 60px;*/ display: inline; float:right;}
#product_i .hd .more a{font-size: 10px;}
.honor1 { float:left; margin-bottom:10px; width: 100%;}
.z_honor1 { float:left; padding-top:5px; width: 40%;}
.z_honor1 img { border:1px solid #CCCCCC; padding: 2px;}
.y_honor1 { color: #525252; float: left; font-size: 12px; line-height: 25px; padding-top: 5px; width: 60%;}
.honor_pic { float: left; padding: 10px 0 0; width: 100%;}

#tags { padding:0px; width: 100%; height: 34px; font-size:14px; line-height:34px; color:#FFFFFF; font-family:"微软雅黑";}
#tags LI { float: left; margin-right: 5px; list-style-tyle: none; height: 30px; line-height:30px;}
#tags LI A { padding:0px 20px; background:#094F79; float: left; color: #fff; height: 30px; text-decoration: none;}
#tags LI.emptyTag {background: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag { background:#FFFFFF; margin-bottom: -2px; position: relative; height:34px; border:1px #CCCCCC solid; border-bottom:none;}
#tags LI.selectTag A { background:#FFFFFF; COLOR: #000000; line-height:34px; height:34px;}
#tagContent { padding:1px; border-top: #ccc 1px solid; background-color: #fff}
#tagContent p {width:100%; height:25px; line-height:25px; display: block;}
#tagContent img{margin:5px 5px 0; padding:2px; border: 1px solid #CCCCCC;}
#tagContent img a{margin:10px 10px 10px 0; float:left;}
.tagContent {padding:10px 0 0; display: none; width: 100%; color: #474747;}
#tagContent DIV.selectTag {display: block}


/* about */
.about{width:1000px; padding:20px 0; margin:0 auto;}
.about:after{content:'\0020';display:block;height:0;clear:both;}
.about_bottom{width:1000px;height:0px;clear:both;}
.con_r{width:750px;}
.con_r p{ font-size:12px; color:#525252; line-height:25px;}
.rtop{ width:750px; height:41px; line-height:41px; float:left; border-bottom:1px #E0E0E0 solid;}
.rtop a{ padding-right:5px; font-weight:100; color:#333; font-size:12px; }
.rtop a:hover{ color:#9c0001; }
.rtop .ricon{ padding:0 20px !important; background:url(../images/ico_2.gif) no-repeat left center;}
.rbottom{ width:750px; float:left; padding:15px 0; min-height: 300px;}
.con_l{width:210px; overflow:hidden; float:left; padding-right:20px;}
.plmenu{width:210px; text-align:center;}
.plmenu a{color:#fff;}
.plmenu ul{margin:0;padding:0;}
.plmenu li{background:#9b9a9a; height:30px; line-height:30px; padding:5px; margin-bottom:10px; text-align:center;}
.plmenu li:hover,.plmenu li.hover{background:#065d92; }
.plmenu li a{color:#fff;}
.plmenu li:hover a,.plmenu li.hover a{color:#fff;}


/* contact */
.lxwm { margin:30px auto; overflow: hidden; width: 1050px; }
.lxwm_l { float: left; /*height: 388px; width: 505px;*/ width:520px;height:395px;border:#d9d9d9 solid 10px;}
.lxwm_r {  float: right; width: 480px;}
.lxwm_r_tab { width:100%; overflow:hidden; margin-top:20px;}
.lxwm_r_tab .link {
    width: 49%;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    color: #333333;
}
.lxwm_r_tab textarea {
    width: 100%;
    height: 150px;
    padding: 10px;
    box-sizing: border-box;
    border: none;
    outline: none;
    background: #FFFFFF;
    color: #333333;
    border: 1px solid #E5E5E5;
}
.subbtn {
    width: 200px;
    height: 40px;
    border: 1px solid #E5E5E5;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666666;
    background: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 20px auto 0;
}
.subbtn::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #065d92;
    transition: all .4s;
    z-index: -1;
}
.subbtn:hover{
    color: #FFFFFF;
}
.subbtn:hover::after{
    width: 100%;
}


/* product */
.productWrap{ /*background:#f6f6f6;*/ padding:0 10px 10px; width:100%;overflow: hidden;}
.productWrap li{float:left;}
.imglist{width:105%;}
.imglist li{padding:10px 20px 10px 1px;}
.imglist li a{display:block;}
.imglist li img{padding:2px; border:1px solid #717171; background:#FFFFFF;}
/*.imglist li img a:hover{padding:2px; border:2px solid #717171; background:#000000;}*/
.imglist li p{text-align: center; padding:10px 0;}
.con_con_pro {/*margin-bottom:20px;*/ width:100%;}
.con_con_pro img {border:1px solid #eaeaea; padding:2px;}
.con_con_pro_1 { line-height: 32px; padding-left: 10px; /*padding-top: 20px;*/ width: 100%;}
.pro1 {width:100%; /*height:200px;*/ float:left; /*padding-left:10px; padding-top:10px;*/ margin-bottom:10px;}
.z_pro1 { width:100%; float:left; padding-top: 5px;}
.y_pro1 { width:100%; float:right; padding-top: 5px; color: #525252; font-size: 12px; line-height: 25px; text-align:center;}
.pro_title{ height:25px; margin-bottom:18px;}
.pro_title a{ width:150px; height:23px; line-height:23px;  text-align:center; background-color:#2c764a; color:#fff; margin:15px 0px; float:left; display:inline-block;}
.pro_conten{ padding-top:0px;}

/*pro_show*/
.pro_show {}
.pro_show_name{margin:10px 0; height:30px; line-height:30px; font-size:16px; font-weight:bold; text-align:center; color:#094F79;}
.pro_show_des{ width:100%;}
.pro_show_destt{margin: 20px 0px 10px; display: block; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #E0E0E0;}
.left_menu { background:url("../images/about_menu_list.jpg") repeat-y scroll 0 0 transparent; float: left; width: 215px;}
.left_menu ul li { float: left; line-height: 46px; width: 215px; margin-left:10px;}
.left_menu ul li a { color: #6B6B6B; display: block; font-size: 14px; text-indent: 10px; width: 190px;}
.left_menu ul li a:hover { background: url("../images/hover1.jpg") no-repeat scroll 0 0 transparent; color: #094F79; width: 190px;}
.left_menu ul li span { color: #F08300; font-weight: bolder;}
.left_menu ul li ul li a { color: #6B6B6B; display: block; font-size: 12px; line-height: 24px; text-indent: 30px;}
.left_menu ul li ul li a:hover { background: url("../images/hoverb.jpg") no-repeat scroll 0 0 transparent; width: 188px;}
#hovera { background: url("../images/hover1.jpg") no-repeat scroll 0 0 transparent; color: #094F79; width: 188px; padding-left: 20px;}
#hoverb { background: url("../images/hoverb.jpg") no-repeat scroll 0 0 transparent; color: #094F79; width: 188px;}

/*==== 内页 =====*/
.col3{ width:100%; float:left;}
#con {font-size: 12px; margin: 20px auto;}
#tagtype { padding:0px; height: 30px; font-size:14px; line-height:30px; color:#FFFFFF;  background:#eeeeee;}
#tagtype LI { float: left; margin-right: 5px; list-style-type: none; height: 30px; line-height:30px;}
#tagtype LI A { padding:0px 20px; float: left; color: #333333; height: 30px; text-decoration: none;}
#tagtype LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tagtype LI.selectTag { background:#FFFFFF; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT:28px; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-top:2px #0168b7 solid;}
#tagtype LI.selectTag A { background:#FFFFFF; COLOR: #b20000; LINE-HEIGHT:30px; HEIGHT:30px;}
#tagtypeContent { PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff}
.tagtypeContent {PADDING:10px; DISPLAY: none; WIDTH: 700px; COLOR: #474747;}
#tagtypeContent DIV.selectTag {DISPLAY: block}
.pro{ display:block;width:100%; /*overflow:hidden;*/}
.pro li{ float:left;display:block; width:220px; height:180px; text-align:center; margin:0 10px;}
.pro li span {padding-top:20px; font-size:12px; line-height:30px; text-align:center; float:left;}
.pro li span a{color:#000;}
.pro li span a:hover{color:#0062bf; text-decoration:none;}
.pro_bt{ width:100%; line-height:25px; text-align:center; font-size:20px; margin-top:20px; color: #525252;}
.pro_nr{ width:100%; margin-top:20px;}
.pro_nr p{ line-height:25px; color:#525252; font-size: 12px; text-indent: 2em;}


/*产品列表update20151211*/
.product_list { width:100%; margin:0 auto; float:left;}
.product_list li{ width:224px; height:auto; float:left; margin:5px 12px 0; display:block; padding-bottom:15px; cursor:pointer}
/*For Firefox Chrome*/
.product_list li .pro_ph{ width:220px; height:165px; float:left; border:1px #ece9e9 solid; padding:2px; margin-bottom:5px; overflow:hidden;text-align:center;display:table; position:relative;}
.product_list li .pro_ph a{ display:table-cell;vertical-align:middle;width:220px;height:165px;}
.product_list li .pro_ph a img{ margin:0 auto;max-width:220px;max-height:165px;}
/*For IE7*/
*+html .product_list li .pro_ph a{ position:absolute;top:50%;width:100%;text-align:center;height:auto;}
*+html .product_list li .pro_ph a img{ position:relative;top:-50%;left:-50%;}
/*For IE6*/
*html .product_list li .pro_ph a{ position:absolute;top:51%;width:100%;text-align:center;height:auto;display:block;}
*html .product_list li .pro_ph a img{ position:relative;top:-50%;left:-50%;width:expression(this.width>220?“220px”:“atuo”);height:expression(this.height>165?“165px”:“atuo”);}
.product_list li .pro_btt{ width:224px; height:24px; float: left; line-height:24px; overflow:hidden; margin-bottom:2px; text-align:center;}


/*工程案例*/
.divleft{ float:left;}
.divright{ float:right;}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0; margin:0;	border:0; outline:none; vertical-align:top }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020;}
.fancybox-skin { position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.fancybox-opened {z-index:8030}
.fancybox-opened .fancybox-skin {-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner { position:relative; }
.fancybox-inner { overflow:hidden;}
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch;}
.fancybox-error { color:#444; margin:0; padding:15px; white-space:nowrap;}
.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%;}
.fancybox-image { max-width:100%; max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url('../images/fancybox_sprite.png');}
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }
#fancybox-loading div { width:44px; height:44px; background:url('../images/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;}
.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('../images/blanks.gif'); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}
.fancybox-prev { left:0;}
.fancybox-next {right:0;}
.fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}
.fancybox-prev span { left:10px; background-position:0 -36px; }
.fancybox-next span { right:10px; background-position:0 -72px; }
.fancybox-nav:hover span { visibility:visible;}
.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
.fancybox-lock { overflow:hidden !important; width:auto;}
.fancybox-lock body { overflow:hidden !important;}
.fancybox-lock-test { overflow-y:hidden !important;}
.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../images/fancybox_overlay.png');}
.fancybox-overlay-fixed {position:fixed; bottom:0; right:0; }
.fancybox-lock .fancybox-overlay {overflow:auto; overflow-y:scroll;}
.fancybox-title {visibility:hidden; position:relative; text-shadow:none; z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center;}
.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap;}
.fancybox-title-outside-wrap {position:relative; margin-top:10px;color:#fff }
.fancybox-title-inside-wrap { padding-top:10px}
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	   #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url('../images/fancybox_sprite@2x.png'); background-size:44px 152px;}
	   #fancybox-loading div {background-image:url('../images/fancybox_loading@2x.gif');background-size:24px 24px;}
}


/*-news-*/
.news_list li{ width:730px; height:auto; float:left; padding-bottom:5px; margin-bottom:5px; border-bottom:1px #CCC dashed; line-height:30px; background:url(../images/list_03.jpg) no-repeat left 12px; padding-left:20px; }
.news_list li .unit_bt{ width:630px; height:30px; font-size:12px; float:left; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.news_list li .unit_bt a{ color:#333; }
.news_list li .unit_bt a:hover{ color:#9c0001;}
.news_list li span{ color:#333; width:100px; height:30px; float:right; text-align:right; }
.detailed_bt{ width:750px; height:auto; float:left; padding:10px 0;}
.detailed_bt h2{ font-size:16px; font-weight:bold; width:100%; text-align:center; padding-bottom:10px;}
.detailed_nr{ width:750px; height:auto; float:left; line-height:32px; font-size:12px;}
.detailed_nr p{line-height:26px; padding:5px 0;}
.detailed_nr img{ width:600px;}


/*招聘*/
.join{ clear:both;width:450px;height:20px; padding-top:5px; margin:20px auto;}
.join strong{ display:block;width:200px;float:left;font-weight:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color:#000000; padding-left:10px;}
.join span{ display:block;width:200px;float:right; text-align:right; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color:#000000; padding-right:10px;}
.join a{ color:#333333;}
.join a:hover{ color:#000000; text-decoration:underline;}
.footer{background:url(../images/bottom.jpg) repeat-x; color:#1b1b1b; line-height:24px; padding:13px 0 10px;}
.footer:after{content:'\0020';display:block;height:0;clear:both}
.ft-wrap {width:1000px; margin:0 auto;}


/*-分页-*/
.fy{ width:100%; height:auto; float:left; line-height:24px; text-align:center; padding:20px 0 30px;}
.fy span{ color:#fff !important; background:#065d92; border:1px #0a7dbe solid; padding:4px 8px;}
.fy a{ color:#000; background:#fff; border:1px #b3b3b3 solid; padding:4px 8px}
.fy a:hover{ color:#000; background:#fff; border:1px #0a7dbe solid; padding:4px 8px;}
.pre_list{ clear:both; width:100%; height:20px; padding-top:5px; border:1px dashed #999999; background-color:#c7f4ff; margin:20px auto;}
.pre_list .p{ display:block;width:300px;float:left;font-weight:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color:#000000; padding-left:10px;}
.pre_list .n{ display:block;width:300px;float:right; text-align:right; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color:#000000; padding-right:10px;}
.pre_list a{ color:#333333;}
.pre_list a:hover{ color:#000000; text-decoration:underline;}
.turn{ width:100%; border-top:1px solid #e0e0e0; padding-top:20px; margin-top:20px; position:relative; float: left;}
.turn p{ float:left; font:bold 12px/32px "微软雅黑"; padding:0 20px; border-right:1px solid #fff; background:#ececec; margin-bottom:7px;}
.turn a.name{ display:inline-block; min-width:322px; padding:0 10px; background:#f4f4f4; float:left; line-height:32px; margin-bottom:7px;}
.turn a.back{ display:inline-block; font-weight:bold; line-height:32px; padding:0 28px; background:#ececec; position:absolute; top:20px; right:0; color:#666;}
.turn a:hover{ color:#c30d23}
.turn .line{ width:100%; height:0; line-height:0; clear:both}
.turn_sx a{ display:inline-block; min-width:500px; padding:0 10px; background:#f4f4f4; float:left; line-height:32px; margin-bottom:7px; color:#666;}
.turn_sx p{ float:left; font:bold 12px/32px "微软雅黑"; padding:0 20px; border-right:1px solid #fff; background:#ececec; margin-bottom:7px;}
.turn_sx a.name{ display:inline-block; min-width:322px; padding:0 10px; background:#f4f4f4; float:left; line-height:32px; margin-bottom:7px;}
.turn_sx a.back{ display:inline-block; font-weight:bold; line-height:32px; padding:0 28px; background:#ececec; position:absolute; top:25px; right:0}
.turn_sx a:hover{ color:#c30d23}
.turn_sx .line{ width:100%; height:0; line-height:0; clear:both}