﻿/*
* name: Global && Pc StyleSheet
* version: v2.0.3
* update: 英文字体使用arial
* date: 2015-05-23
*/

/* ui */
@import url(./ui.css);

/* normalise */
html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body { font-family: 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif; 
overflow-x: hidden; }
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img {max-width: 100%; vertical-align: top;border: 0 ;height: auto; 
	-ms-interpolation-mode: bicubic;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big {font-size: 1.3em;}
a {-webkit-transition: all 0.3s ease;transition: all 0.3s ease; text-decoration: none; 
	outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, 
audio, canvas, progress, video{ display: block;}
::-moz-selection {color: #fff; background: #39f; }
::selection {color: #fff; background: #0080cc; }
@-ms-viewport { width: device-width;}

/* ico */
.ico{ display: inline-block; overflow: hidden; width: 20px; height: 20px;vertical-align: middle; background: url(../images/ico.png);margin:0 .3em;}
.ico1_2 { background-position: -20px 0;}
.ico1_3 { background-position: -40px 0;}
.ico1_4 { background-position: -60px 0;}
.ico1_5 { background-position: -80px 0;}
.ico12_3 { background-position: -40px -20px;}
.ico12_4 { background-position: -60px -20px;}
.ico12_5 { background-position: -80px -20px;}
.ico12_1 { background-position: 0 -20px;}
.ico13_1 { background-position: 0 -40px;}
.ico13_3 { background-position: -40px -40px;}
.ico14_1 { background-position: 0 -60px;}
.ico14_3 { background-position: -40px -60px;}
.ico15_1 { background-position: 0 -80px;}

.ico8{display: inline-block;overflow: hidden;width: 20px;height: 20px;vertical-align: middle;background: url(../images/ico8.png);}
.ico8_2{ background-position:-20px 0;}
.ico8_3{ background-position:-40px 0; margin:0 .3em;}

/* rect */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-75{padding-bottom: 75%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-100{padding-bottom: 100%;}

/* base */
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after {display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el {overflow: hidden;white-space: nowrap;  text-overflow: ellipsis;}
img[data-src],.opc0 { opacity: 0 ; filter:alpha(opacity=0);}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.placeholder { color: #aaa; }

/* option */
body{font-size:12px; line-height: 1.7; color: #555;background: #fff;}
.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;}
a{color:#555;}
a:hover { color: #0080cc;}

/* style */

/*
*通用头部
*/
.head{ border-bottom:1px #e2e2e2 solid; background:url(../images/head_bg.png) center top no-repeat; position:relative; z-index:22;}
.head .logo a{ display:block; background:url(../images/logo.jpg) no-repeat; width:150px; height:98px; background-size:contain;}
.head .head_r{ width:87%; position:relative;z-index: 11;background-color: #0080cc;}
.head .head_r .circle{ background:url(../images/ico.png) -40px 0 no-repeat; width:20px; height:20px; display:block; position:absolute; top:50%; left:-10px; margin-top:-10px;}
.head .head_r li{ float:right;}
.head .head_r li.head_pro,.head .head_r li.head_menu{ line-height:98px;}
.head .head_r li.head_menu{ position:relative;}
.head .head_r li.head_menu ._option{ background-color:#0080cc; position:absolute; top:97px; left:50%;margin-left: -65px;width: 130px; display:none;}
.head .head_r li.head_menu ._option a{ display:block; line-height:43px; color:#fff; border-top:1px #63a3c9 solid;}

.head .head_r li.head_menu i{ *margin-top:39px;}
.head .head_r li.head_menu ._option a i.imgico{ display:inline-block; width:20px; height:20px; vertical-align:middle; margin:0 0.3em;}
.head .head_r li.head_menu ._option a img{ width:100%; height:100%;}
.head .head_r li.head_pro{ width:10%; text-align:center; font-size:16px;float: left;}
.head .head_r li.head_pro a{ color:#fff;}
.head .head_r .head_ser{width:59%;padding-top: 36px;}
.head .head_r .head_ser .hotword{line-height: 28px;color: #fff;margin-right: 3%;}
.head .head_r .head_ser .hotword strong{ font-size:14px;}
.head .head_r .head_ser .hotword a{ color:#fff;}
.head .head_r .head_ser form{ position:relative;}
.head .head_r .head_ser form .btn{padding: 0;margin: 0;color: #b7b3ac;background-color: #9f9f9f;width: 27px;height: 28px;outline: none; border:none; vertical-align:top;}
.head .head_r .head_ser form .btn i{ display:block;margin: auto;}
.head .head_r .head_ser form span{ height:28px;background:#fff; display:inline-block;width:52%;padding:0 10px;}
.head .head_r .head_ser .inp{width:100%;height:16px;line-height:16px;transition:width .1s ease-in-out;background:transparent; border:none;vertical-align: top;padding: 6px 0; box-sizing:content-box; outline:none;}

/*
*导航
*/
.nav{background:#a0a0a0;z-index:20;width:100%;}
.nav1 li{float:left;width:12.5%;text-align:center;}
.nav1 a{display:block;height:32px;line-height:32px;font-size:14px;color:#fff;}
.nav1 .cur,.nav1 a:hover{background:#0080cc;color:#fff;}
.nav2{height:55px;background:#fff;z-index:2;position:relative;box-shadow: 0px 3px 3px #e8e8e8;}
.nav2 li{float:left;line-height:55px;font-size:14px;padding:0 1%;transition:none;}
.nav2 li a{ display:block;}
.nav2 .cur a,.nav2 a:hover{color:#0080cc;}
.nav2 .shadow{position:absolute;width:100%;left:0;bottom:-7px;height:7px;overflow:hidden;background:url(../images/bott_shadow.png);}
.nav3{position:absolute;left:0;top:87px;width:100%;background:url(../images/294.GIF) center no-repeat #f8f8f8;overflow:hidden; height:0;}
.nav3 .wrap{background:#f6f6f6;}
.nav3_head{float:left;width:216px;overflow:hidden;margin-right:15px;}
.nav3_head .img{ display:block; width:100%; height:0; padding-bottom:75%; *height:162px; *padding-bottom:0; position:relative; text-align:center;}
.nav3_head .img img{}
.nav3_head a{display:block;margin:.5em 0 0 1em;}
.nav3_head a:hover{background:inherit;color:#0080cc;}
.nav3_head a i[class^='ico-']{ color:#0080cc;font-size: 16px;}
.nav3_c{padding:20px 0 50px;}
.nav3_column{float:left;width:250px;line-height:28px;}
.nav3_column h3{font-size:14px;color:#333; font-weight:normal;}
.nav3_column p{width:90%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nav3_column a{color:#999;}
.nav3_column a:hover{background:none;color:#333;}
.nav2.id20150623172222349 li{ padding:0 0.5%;}

/*首页中心区域*/
.i_item_header dl{height:30px;line-height:30px;background:#f4f4f4;margin-bottom:5px;overflow: hidden;}
.i_item_header dt{clear:left;float:left;width:12%;text-align:center;border-right:1px solid #fff;}
.i_item_header dt a{display:block;background:#ededed;font-size:14px;color:#333;height:30px;}
.i_item_header dt a:hover,.i_item_header dl:hover dt a{background:#0080cc;color:#fff;}
.i_item_header dd{float:left;color:#999;padding-left:0.8em;}
.i_item_header dd a:hover{color:#0080cc;}

.i_spec_header{width:45.2%;margin-right:10px;}
.i_spec_header a{display:block;position:relative; width:100%; height:0; padding-bottom:47.97%; *height:260px; *padding-bottom:0; position:relative;overflow:hidden;}
.i_spec_header img{width:100%;height:100%; position:absolute; top:0; left:0;}
.i_spec_header .title{left:0;top:-999em;width:100%;height:100%;text-align:center;line-height:2;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);}
.i_spec_header .title h3{display:inline-block;padding:0 1em;font-size:18px;border-bottom:1px solid #eee;margin-top:90px;color:#fff;cursor:pointer;*width:170px;}
.i_spec_header .title p{font-size:14px;color:#eee;}
.i_spec_header a:hover .title{top:0;}

.i_spec_cell{width:22.5%;height:260px;overflow:hidden;}
.i_spec_cell .imgHover{ display:block; width:100%; height:0; padding-bottom:96.3%; *height:260px;*padding-bottom:0; position:relative;}
.i_spec_cell .imgHover img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.i_spec_news{width:27.95%;height:230px;padding:15px;border:1px solid #ddd;}
.i_spec_news li{height:65px;overflow:hidden;margin-top:10px;color:#999;}
.i_spec_news li img{float:left;width:87px;margin-right:10px;}
.i_spec_news li .title{font-size:14px;color:#333;overflow:hidden;cursor:pointer; font-weight:normal;}
.i_spec_news li a:hover .title{color:#0080cc;}
.i_spec_news li .summ{ height:40px; line-height:20px; overflow:hidden;}

.i_floor{margin-top:30px;}
.i_title{position:relative;border-top:2px solid #0080cc;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-position:0 -220px;height:46px;line-height:46px;}
.i_title .channel{float:left;color:#333;padding:0 1em;font-size:18px;}
.title_nav{float:right;width: 81%;overflow: hidden;height: 46px; margin-right:1%; text-align:right;}
.title_nav a{margin:0 8px;}
.i_f_no{position:absolute;top:-2px;left:-44px;height:49px;background:#0080cc;color:#fff;font:bold 20px/48px Arial;text-align:center;width:44px;}
.i_recom{padding:15px 0;}
.i_recom dl{*zoom:1; width:102%;background:#fff;}
.i_recom dt{float:left;width:19.7%;overflow:hidden;margin-right:20px;}
.i_recom dd{float:left;width:17.8%;border:1px solid #fff;line-height:1.8;margin-right:1.6%;}
.i_recom .star{visibility:hidden;height:14px;overflow:hidden;width:75px;margin:10px 0 0 10px;}
.i_recom .star em{float:left;height:100%;background:url(../images/star.png);overflow:hidden;}
.i_recom .cont{display:block;width:100%;overflow:hidden;}
.i_recom .img{width:100%;height:162px;line-height:162px;text-align:center;overflow:hidden; display:block;}
.i_recom .img img{display:inline-block;vertical-align:middle;}
.i_recom .cont s{_display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;}
.i_recom .p{margin: 0 5%;height:22px;overflow:hidden; font-size:12px; font-weight:normal;}
.i_recom .t{font-size:16px;color:#666;height:28px;overflow:hidden; font-weight:normal;margin: 0 5%;}
.i_recom .panel{border-top:1px dotted #333;padding:12px 0 10px;margin:10px;}
.i_recom .panel a{margin-left:5px;}
.i_recom .panel i[class^="ico-"]{margin-right:4px; color:#0080cc;}
.i_recom .panel i._case{ font-size:14px;}
.i_recom .panel a:hover{color:#e60013;}
.i_recom dd:hover{border-color:#ddd;}
.i_recom dd:hover .star{visibility:visible;}
.i_recom_fj li{float:left;width:20%;}


/*
*通用底部
*/
footer{position: relative;z-index: 48;}
.foot_top{ background-color:#ebebeb; }
.foot_top .closed{ background:url(../images/zkzd.gif) left top no-repeat; width:166px; height:40px; position:absolute; top:0; right:0; cursor:pointer;}
.foot_top .closed a{padding-left: 52px;padding-top: 10px;display: inline-block; color:#0080cc; font-size:12px;}
.foot_top .closed a i{ margin:0;}
.foot_top .closed.opened{ background-position: left bottom; top:-40px;}
.foot_top .closed.opened a{ color:#fff; padding-top:15px;}
.foot_top .closed.opened a .ico1_4{ background-position:-80px 0;}
.foot_top .foot_b{ height:413px; overflow:hidden}
.foot_top .f_dl{ padding:45px 0;}
.foot_top .f_dl .f_dt{ font-size:15px; font-weight:bold;}
.foot_top .f_dl .f_dt a{ color:#0080cc;}
.foot_top .f_dl .f_dd{ margin:10px 0 0; height:288px;}
.foot_top .f_dl_1{ width:12.2%;}
.foot_top .f_dl_1 .f_dd_1{border-right: 1px #acacac solid;}
.foot_top .f_dl_1 .f_dd_1 a{ display:block;}
.foot_top .f_dl_2{ width:56%; padding-left:3%; padding-right:3%;}
.foot_top .f_dl_2 .f_dd_2{ height:288px; overflow:hidden; position:relative;}
.foot_top .f_dl_2 .f_dd_2 .scroll_bar{ background:url(../images/scroll_bg.png) center top no-repeat;}
.foot_top .f_dl_2 .f_dd_2 .scroll_bar .scroll_up,.foot_top .f_dl_2 .f_dd_2 .scroll_bar .scroll_down{background-color: transparent;}
.foot_top .f_dl_2 .f_dd_2 .scroll_bar .scroll_slider{ background:#0080cc;}
.foot_top .f_dl_2 .f_dd_2 .f_dd2_p{ margin-bottom:6px;}
.foot_top .f_dl_2 .f_dd_2 .f_dd2_p .sortName{ width:24%;}
.foot_top .f_dl_2 .f_dd_2 .f_dd2_p .pros{ width:74%; padding-right:1%;} 
.foot_top .f_dl_2 .f_dd_2 .f_dd2_p .pros a{display: inline-block;}
.foot_top .f_dl_2 .f_dd_2 .f_dd2_p .pros em{ display:inline-block; width:1px; height:13px; vertical-align:middle; background-color:#a8a8a8;margin: 0 2.2%;}
.foot_top .f_dl_3{ width:25%;}
.foot_top .f_dl_3 .f_dd_3 .f_dd3_p a:hover .ico{ transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.foot_top .f_dl_3 .f_dd_3 .f_dd3_p a:hover .ico12_1{ background-position:-20px -20px;}
.foot_top .f_dl_3 .f_dd_3 .f_dd3_p a:hover .ico13_1{ background-position:-20px -40px;}
.foot_top .f_dl_3 .f_dd_3 .f_dd3_p a:hover .ico14_1{ background-position:-20px -60px;}
.foot_top .f_dl_3 .f_dd_3 .f_dd3_p a:hover .ico15_1{ background-position:-20px -80px;}
.foot_top .f_dl_3 .f_dd_3 .f_dd3_p a{ display:block;}
.foot_top .f_dl_3 .f_dd_3 .f_erwm{ margin:20px 0 0;}
.foot_top .f_dl_3 .f_dd_3 .f_erwm .erwm-list li{ float:left; margin-right:10px; text-align:center; width:85px;}
.foot_top .f_dl_3 .f_dd_3 .f_erwm .erwm-list li img{ width:85px; height:85px;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox span{ margin:8px 0 0;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a{ background:url(../images/share.png) no-repeat; width:26px; height:26px; line-height:26px; padding-left:0;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_tqf{ background-position:0 0;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_tsina{ background-position:0 -26px;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_tqq{ background-position:0 -52px;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_sqq{ background-position:0 -78px;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_weixin{ background-position:0 -104px;}

.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_tqf:hover{ background-position:-26px 0;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_tsina:hover{ background-position:-26px -26px;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_tqq:hover{ background-position:-26px -52px;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_sqq:hover{ background-position:-26px -78px;}
.foot_top .f_dl_3 .f_dd_3 .bdsharebuttonbox a.bds_weixin:hover{ background-position:-26px -104px;}

.foot{ background-color:#0080cc; color:#9fdbff; padding:18px 0;}
.foot a{ color:#9fdbff;}
.foot .beian a{ color:#fff;}
.foot ._left{ width:70%;}
.foot ._left span{ margin-left:2%;}
.foot ._right{ width:28%; text-align:right;}
.foot ._right em{ margin:0 1%;}

/*首页*/
.banner{height: 450px;}
.banner li{display:none;}
.banner img{position: absolute;width: 1920px;max-width: none;left: 50%;top:0;margin-left: -960px; height:100%;}
.banner .slide_nav{left: 0;bottom:20px;width: 100%;text-align: center;}
.banner .slide_nav a{display: inline-block;width: 1em;height: 1em;border-radius: .5em;overflow: hidden;
line-height: 99px;margin:0 4px;background:#fff;}
.banner .slide_nav .on{background:#0080cc;}



/*
*下层--通用样式
*/
.channel_t{ font-size:18px;}
.channel_t.with_BL{border-bottom:1px solid #ccc;padding:20px 10px;margin-bottom: 20px;}
.main_content{padding: 15px 0 30px;}
.mh{ min-height:500px;}
.mt20{ margin-top:20px;}
.mt10{ margin-top:10px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.pb40{ padding-bottom:40px}
.channelT{font-size:12px;line-height:24px;margin:0 0 10px;}
.channelN{float:left;font-size:22px;color:#333;margin-right:8px;}
.red{ color:#0080cc;}
.grey{background:#ededed;}
.mb20{margin-bottom: 20px;}

.pro_banner{background:#070613;height:418px;}
.pro_banner_case{left:0;top:0;width:190px;z-index:6;}
.pro_banner_header{height:118px;padding:20px 0 0 10px;line-height:1.2;position:relative;overflow:hidden;background:#0080cc;color:#fff;font-size:24px;}
.pro_banner_header .ico{position:absolute;right:35px;cursor:pointer;}
.pro_banner_header .ico4_1{top:40px;}
.pro_banner_header .ico4_2{top:60px;}
.pro_banner_header .more{display:block;width:80px;height:26px;background:url(../images/more.jpg);overflow:hidden;margin-top:10px;}
.pro_ban_scroll{height:280px;position:relative;overflow:hidden;}
.pro_ban_scroll li{height:140px;overflow:hidden;}
.pro_ban_scroll li img{ height:100%; width:100%;}
.pro_list_head{height:418px;}
.pro_list_head .slide_nav{bottom:.5em;position: absolute;width: 100%;text-align: right;left: 0;}
.pro_list_head .slide_nav a{background:url(about:blank);border:2px solid #fff;width:8px;height:8px;line-height: 99;overflow: hidden;display: inline-block;margin-right: 1%; cursor:pointer;}
.pro_list_head .slide_nav .on{border-color:#d9191c;}

.posi{margin:20px 0;color:#999; font-weight:normal; font-size:12px;}
.posi a{color:#999;}
.posi a:hover{color:#333;}
.posi em{margin:0 5px;}




/*
*分页
*/
.page {
  text-align: center;
  line-height: 16px;
  margin-top: 50px;
}
.page span,
.page a {
  display: inline-block;
  border: 1px solid #ededed;
  padding: 5px 10px;
  vertical-align: middle;
  margin: 0 0 10px -1px;
}
.page .goprev {
  margin-right: 10px;
}
.page .gonext,
.page .count {
  margin-left: 10px;
}
.page span,
.page a:hover {
  background: #0080cc;
  color: #ffffff;
}
.page span.goprev,
.page span.gonext {
  color: #cccccc;
  background: none;
}
.page span.count {
  border: 0;
  background: 0;
  color: #333333;
}



/*漂浮*/
.float_right{position: fixed;right: 0;top:40%;width: 70px;border:1px solid #eeeeee;background:#fff;overflow: hidden; z-index:60;}
.float_right li{border-top:1px solid #eee;margin-top:-1px;text-align: center;color:#7c7c7c;}
.float_right a{display: block; color:#7c7c7c;}
.float_right a:hover{background:#0080cc;color:#fff;}
.float_right [class^="ico-"]{font-size:24px;}
.float_right p{font-size:14px;}
.float_right .gotop{background:#0080cc;color:#fff; cursor:pointer;}

/*
*下层--产品综合
*/
.channel_p{padding:0 0 15px;border-bottom:1px solid #ddd;font-size:14px;line-height:2;}

.pro_hist .t{font-size:16px;color:#333;padding:20px 0.8%;border-top:1px solid #ddd;}
.pro_hist .t a.more{font-weight:normal;font-size:12px;}
.pro_hist_list p{padding:5px 15px;}
.pro_hist_list li{float:left;width:170px;margin-right:20px;}
.pro_hist_list img{width:100%;}
.addDb{display:block;margin-bottom:10px;}
.addDb input{margin:0 5px;vertical-align:middle;}
.pro_index_slide{float:left;width:47.2%;height:316px;margin:0 2.5% 20px 0;}
.pro_index_slide li img{height:100%; width:100%;}
.pro_index_slide li .ban_t { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 20px; padding: 4px 0; text-indent: 10px; white-space: nowrap; overflow: hidden; color: #fff; background:url(../images/black.5.png) repeat;background: rgba(0,0,0,.5); z-index: 3; padding:10px 0;}
.pro_index_slide .slide_nav{ width:80%;height: 40px;bottom: 0px;text-align: right;line-height: 40px;}
.pro_index_slide .slide_nav a{background:url(about:blank);width:8px;height:8px;border:4px solid #dfd5c9;line-height: 99;overflow: hidden;display: inline-block;margin-right: 5px;}
.pro_index_slide .slide_nav .on{border-color:#e50004;}
.pro_index_slide .ban_channel{position:absolute;right:0;bottom:0;width:100px;height:40px;line-height:40px;font-size:16px;color:#fff;background:#0080cc;z-index:5;text-align:center;}
.pro_index_slide .ban_channel a{color:#fff;}
.pro_index_wrap{margin-right:-30px;}
.pro_index_item{float:left;width:22.5%;text-align:center;border-bottom:1px solid #eee;height:350px;margin:0 2.5% 20px 0;*margin:0 2.4% 20px 0;}
.pro_index_item .t{font-size:16px;color:#333;line-height:3;font-weight:bold;}
.pro_index_item .act{display:inline-block;padding:3px 10px;background:#dfdfdf;color:#000;border:1px solid #c9c9c9;border-radius:2px;overflow:hidden;margin:10px 0 22px;}
.pro_index_item .img{height:170px;border-bottom:1px solid #eee;overflow:hidden;padding-bottom:8px;margin-bottom:8px;width: 100%;text-align: center;}
.pro_index_item p.el{width:90%;margin:0 auto;height:2em;}
.pro_index_item .img img{display:inline-block;vertical-align:middle;}
.pro_index_item .img s{_display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;}
.pro_index_item:hover,.pro_index_item_hover{background:#f8f8f8;}
.pro_index_item .act:hover{background:#0080cc;border-color:#0080cc;color:#fff;}
.pro_index_item i[class^="ico-"]{ font-size:16px; color:#0080cc;}
.pro_index_item a._down{ margin-right:2%;}

.pro_news li{float:left;width:12%;height:188px;background:#eee;margin-left:10px;color:#999;overflow:hidden;_display:inline;}

.pro_news .title{font-size:14px;line-height:1.5;padding:5px 10px;color:#999;height:60px;overflow:hidden;font-weight: normal;}
.pro_news .title:hover,.pro_news .first a:hover .p{color:#0080cc;}
.pro_news .info{padding:0 10px;}
.pro_news .info .bds_tsina{float:right;}
.pro_news .info em{display:none;}
.pro_news .first{margin:0;width:57.5%;}
.pro_news li.first .imgbox{ float:left;width: 43.5%; margin-right:1.7%;padding-bottom: 0;height: auto;}
.pro_news li.first .imgbox a.img{ display:block; width:100%; height:0; padding-bottom:62.67%; *height:188px; *padding-bottom:0; position:relative;}
.pro_news li .imgbox{ display: block;float:none; width:100%; height:0; padding-bottom:62.5%; *height:144px; *padding-bottom:0; position:relative;}
.pro_news li .imgbox img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.pro_news .first .info{ overflow:hidden;}
.pro_news .first .info em{display:inline;}
.pro_news .first .p{height:80px;overflow:hidden;color:#999;cursor:pointer;padding:0 12px 0 0;margin-bottom:20px;}
.pro_news .first .title{padding-left:0;height:50px;line-height:50px;font-size:16px;color:#333;font-weight:bold;}
.pro_news .info .bds_tsina{background: none;padding-left: 0;color: #0080cc;margin: 0;}


/*
*下层--产品列表
*/
.main{width:73.33%;}
.side{width:23.33%;}
.side img{display:block;margin:0 auto;}
.side .tc i[class^="ico-"]{ font-size:15px; color:#0080cc;}
.p_item{font-size:14px;color:#333;line-height:32px;background:#f2f2f2;margin-top:30px;padding-left:20px; font-weight:normal;}
.p_style{height:24px;padding:4px;border-bottom:1px solid #ddd;}
.p_style .title{float:left;position:relative;z-index:1;text-indent:10px;font-size: 12px;font-weight: normal;}
.p_style .cb{margin:0 8px;vertical-align:middle;}
.p_style .cir{position:absolute;left:200px;top:-999em;border-width:4px;border-color:transparent transparent transparent #da191c;border-style:dashed dashed dashed solid;z-index:2;}
.p_style .img{position:absolute;height:108px;width:108px;text-indent:0;left:200px;border:1px solid #0080cc;top:-999em;z-index:1;}
.p_style .img img{ width:100%; height:100%;}
.p_style .act{float:right;padding-right:2em;}
.p_style:hover,.p_style_hover{background:#0080cc;}
.p_style:hover .title,.p_style_hover .title,.p_style:hover a,.p_style_hover a{color:#fff;z-index:2;}
.p_style:hover .img,.p_style_hover .img{top:-45px;}
.p_style .act i[class^="ico-"]{ font-size:17px; color:#0080cc;}
.p_style:hover .act i[class^="ico-"]{ color:#fff;}

.side_block{padding:10px 5.5%;margin-bottom:15px;color:#999;}
.side_block a{color:#999;}
.side_block a:hover{color:#333;}
.side_block a p,.side_block a .side_ico_c{cursor:pointer;}
.side_block .side_title{display:block;color:#333;margin:10px 0;line-height:1.5;font-size:14px;}
.side_block .side_title em{color:#999;margin:0 5px;}
.side_block .t{font-size:15px;color:#333;margin:0 0 10px;font-weight:bold;}
.side_block .more{display:inline-block;padding:0 8px;background:#da1819;color:#fff;border-radius:2px;margin:5px 0 0;}
.side_block .more:hover{color:#fff;background:#c11115;}
.side_block1 .title{font-size:14px;padding:1em 0 0;color:#da191c;clear:left;}
.side_block1 .title a{color:#333;}
.side_block1{margin-bottom:0;}
.side_block1 .info{height:20px;color:#ccc;margin:15px 0 0;padding:0 0 15px;border-bottom:1px solid #ddd;}
.side_block1 .info .bds_tsina{float: right;padding: 0;margin: 0;background: none; color:#0080cc;}
.side_block1 .p{color:#999;}
.side_ico_c{background:url(../images/sideico.png) no-repeat;padding-left:65px;height:auto !important;height:42px;min-height:42px;line-height:24px;}
.side_block2 .side_ico_c{font-size:14px;}
.side_block3 .side_ico_c{background-position:0 -80px;}
.side_block4 .side_ico_c{background-position:0 -162px;}


.pro_recom{border:1px solid #ddd;background:#f6f6f6;}
.pro_recom .t{font-size:14px;color:#333;line-height:34px;background:#e7e7e7;padding-left:15px;font-weight:bold;}
.pro_recom_scroll{width:89.58%;height:170px;margin:20px auto 0;overflow:hidden;}
.pro_recom_scroll li{width:15.35%;font-size:12px;white-space:normal;text-align:center;vertical-align:top;}
.pro_recom_scroll li .img{ display:block; width:99%; height:0; padding-bottom:78.79%; *height:130px; *padding-bottom:0; position:relative;border: 1px solid #ddd;}
.pro_recom_scroll li .img img{width:100%;height:100%; position:absolute; top:0; left:0;}
.pro_recom_scroll li ._title{ font-size:12px; font-weight:normal;}
.pro_recom .s_prev,.pro_recom .s_next{position:absolute;top:95px;width:43px;height:43px;background:url(../images/scrollbtn.png) no-repeat;text-indent:-99em;overflow:hidden;cursor:pointer;}
.pro_recom .s_prev{left:6px;}
.pro_recom .s_next{right:6px;background-position:0 bottom;}
.pro_recom .s_prev:hover{background-position:-43px 0;}
.pro_recom .s_next:hover{background-position:-43px bottom;}

/*
*下层--产品详情
*/
.pro_header{ overflow:hidden;}
.preview{float:left;width:41.7%;margin-right:2%;}
.preview .tip{position:absolute;left:15px;bottom:10px;}
.jqzoom{width:96%;overflow:hidden;padding:2%;border:1px solid #ddd;text-align:center;height: 0;padding-bottom: 75%; *height:354px; *padding-bottom:0;}
.jqzoom img{ vertical-align:middle;display: inline-block;}
.jqzoom .bzline{display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.jqZoomPup{position:absolute;top:0;left:0;width:50px;height:50px;border:1px solid #aaa;background:#dae9f4 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;z-index:9;visibility:hidden;}
.proTitle{font-size:16px;margin-bottom:15px;font-weight: normal;}
.proTitle em{display:block;color:#0080cc;font-size:20px;}
.pro_head_link{margin:15px 0;}
.pro_head_link a i[class^="ico-"]{ font-size:15px; color:#0080cc;}
.side .picshow{ width:100%; height:0; padding-bottom:52%; *height:130px; *padding-bottom:0; overflow:hidden;position: relative;}
.side .picshow img{ width:100%; vertical-align:middle;height: 100%;position: absolute;top: 0;left: 0;}
.pro_order{width:160px;line-height:30px;border:1px solid #ddd;background:#eee;color:#333;text-align:center;margin-right:10px;}
.pro_order:hover{background:#ccc;color:#000;border-color:#999;}
.pro_sell_list{border:1px solid #ddd;width:150px;height:30px;line-height:30px;text-indent:1em;position: relative;cursor: pointer;}
.pro_sell_list .sele_{top:30px; position:absolute; left:-1px; width:100%;border: 1px #ddd solid; display:none; background-color:#fff;}
.pro_sell_list .sele_ a{ display:block;}
.pro_sell_list .sele_ a:hover{background:#ddd;}
.pro_sell_list .ico3_b{ border-left:6px #fff solid; border-right:6px #fff solid; border-top:6px #d1d1d1 solid; width:0; height:0;position: absolute;right:3px;top: 50%;margin-top: -3px;}
.pro_head_sell{height:77px;}
.pro_head_t{font-size:16px;color:#333;margin-bottom:10px;}
.pro_head_list{height:115px;overflow:hidden;}
.pro_head_list li{float:left;text-align:center;width:115px;margin-right:15px;}
.pro_head_list a{display:block;}
.pro_head_list img{width:113px;height:85px;border:1px solid #ddd;display:block;margin-bottom:5px;}
.pro_head_list a:hover,.pro_head_list a:hover img{border-color:#ccc;color:#000;}
.pro_share{margin-top:10px;color:#999;line-height:26px;}
.pro_share #bdshare{float:right !important;line-height:17px;}
.pro_fav{float:left;background:#0080cc;color:#fff;padding:0 6px;height:26px;cursor:pointer;margin-right:10px;}
.pro_detail_title{height:34px;line-height:34px;overflow:hidden;background:#fafafa;border-bottom:1px solid #b5b5b5;}
.pro_detail_title .title_target.fixed{position: fixed;left:50%;margin-left: -281px;top:0;z-index: 99;background-color: #fafafa;border-bottom: 1px solid #b5b5b5;width: 66%;height: 37px;line-height: 37px;}
.pro_detail_title li{float:left;padding:0 2em;font-size:14px;cursor:pointer;}
.pro_detail_title .active{background:#f0f0f0;color:#333;font-weight:bold;}
.pro_detail_c{margin:20px 0;line-height:1.8;}
.pro_hist .t{font-size:16px;color:#333;padding:20px 10px;border-top:1px solid #ddd;font-weight:bold;}
.pro_hist .t span a{font-weight:normal;font-size:12px;}
.pro_hist_list p{padding:5px 15px;}
.pro_hist_list li{float:left;width:170px;margin-right:20px;}
.pro_hist_list img{width:100%;}

/*
*下层--施工案例
*/
.case_main{width:83.333%;}
.case_side{width:15%;}
.case_list{text-indent:2em;line-height:28px;color:#333;}
.case_list li{background:#e7e7e7;cursor:pointer;}
.case_list ul{background:#f4f4f4;display:none;}
.case_list ul li{background:none;}
.case_list a{display:block;height:28px;}
.case_list .cur{background:#d6d6d6;}
.case_list .cur ul{display:block;}
.case_list .cur a{color:#999;}
.case_list a:hover,.case_list .cur .on{color:#0080cc;}

.sear{padding:0 3% 10px;background:#eee;border:1px solid #ddd;}
.sear .t{font-size:16px;line-height:2.4;}
.serv_select li{float:left;width:36px;border:1px solid #ccc;background:#fff;padding:0 5px;margin-right:5px;cursor:pointer; text-align:center;}
.rect{display:inline-block;width:2px;height:3px;overflow:hidden;border-left:2px solid #fff;border-bottom:2px solid #fff;margin-top:9px;}
.on .rect{border-color:#e60013;}
.sear_f{border:1px solid #ccc;background-color: #fff; height:20px;vertical-align: top;}
.sear_f .inp{background: transparent;border: none;outline: none;vertical-align: top;}
.sear_f .btn{width:25px; height:20px;padding: 0;vertical-align: top;border: none;border-right: 0;outline: none;background-color: #ccc;}
.sear_f .btn i{ margin:0;vertical-align: top;}
.seque{height:14px;line-height:14px;font-size:14px;*line-height:16px;}
.seque span{display:inline-block;border-right:1px solid #ddd;padding:0 .5em;cursor:pointer;}
.seque .on{color:#e60013;}
.caselist li {float: left; width: 24%; margin: 5px;background: #f2f2f2;}
.caselist li img {}
.caselist li .c{padding:8px;color:#999;}
.caselist li .t{font-size:14px;color:#333;font-weight:bold;}
.caselist li .p{margin:10px 0;word-break: break-all;}
.caselist li .c:hover .t a{color:#2680e4;}
.caselist li .c i[class^="ico-"]{color: #2680e4;vertical-align: top;margin:0 4px;}
.loadmore{text-align:center;cursor:pointer;padding:10px;font-size:14px;}
.duibi_hot{padding-top:10px;}
.duibi_hot a{margin:0 10px;cursor:pointer;}


/*
*下层--产品订购
*/
.log_line,.log_line_ext{height:30px;margin-top:10px;line-height:30px;}
.log_line .t{display:inline-block;width:80px;text-align:right;height:100%;vertical-align:top;}
.log_line .inp{height:16px;border:1px solid #ddd;line-height:16px;vertical-align:middle;margin-right:10px;width:25%;padding:5px 10px;outline: none;}
.log_line .short{width:100px;}

.log_line_ext .chk{margin:0 5px;vertical-align:middle;}
.log_line_ext .btn{height:32px;line-height:32px;padding:0 2em;color:#fff;font-weight:bold;font-size:14px;background:#0080cc;margin-right:10px; outline:none;*width: 87px;}
.log_line_ext .res{background:#999;color:#fff;}
.log_line_ext .forpw:hover{text-decoration:underline;}
.order_f{padding-top:10px;}
.order_sele{height:28px;line-height:28px;border:1px solid #ddd;width:28%;text-indent:1em;margin-right:10px; position:relative;vertical-align:top; background-color:#fff;}
.order_sele .sele_{top:28px;height:auto !important;height:200px;max-height:200px;overflow:auto;display: none; background-color:#fff;border: 1px solid #ddd;position: absolute;width: 100%;left: -1px;}
.order_sele .sele_ a{ display:block;}
.order_tip{padding:10px 20px;border-top:1px solid #ddd;line-height:2;}
.result{border-top:1px solid #ddd;padding:10px 10px 0;margin-top:20px;}
.log_line_tex{height:auto;}
.log_line_tex textarea{border:1px solid #ddd;width:83%;height:10em;padding:.5em;vertical-align:top;}
.order_list{width:100%;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:2;padding:1em 0;}
.order_list input{border:1px solid #ddd;width:98%;}
#add_order{float:right;cursor:pointer;background:url(../images/plus.gif) 0 center no-repeat;padding-left:20px;}
.order_sele b{position: absolute;right: .5em;top: 14px;border: 5px solid;border-color: #666 #fff #fff #fff;}
.log_yzm{ float:left;width: 50%;}
.log_line label{margin-right: 2%;}
.log_line label input{ margin:0;vertical-align: middle;}

.grey .side_block{ position:relative;}
.side_his_pro{height:272px;}
.side_his_pro .slide_nav{display:none;}
.grey .side_block .Left,.grey .side_block .Right{position:absolute;width:16px;height:16px;overflow:hidden;background:url(../images/cir2.png) no-repeat;top:16px; cursor:pointer;}
.grey .side_block .Left{right:10%;}
.grey .side_block .Right{right:5.5%;background-position:right 0;}
.side_his_pro .img{width:99%;height:225px;border:1px solid #ddd;background:#fff;text-align:center;}
.side_his_pro .img .imgspan{ display:inline-block; vertical-align:middle; width:100%; height:100%;}
.side_his_pro .img .imgspan img{display:inline-block;width:auto;height:auto;vertical-align:middle;}
.side_his_pro .img .imgspan .bzline{ display:inline-block; vertical-align:middle; height:100%; width:0;}
.side_his_pro .img s{display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;}
.side_his_pro .tit{padding:5px; font-size:12px; font-weight:normal;}

/*
*下层--产品新闻列表
*/
.main_cont{width:76%;}
.sub{width:220px;}
.sear .dp{background:url(../images/date.gif) 98% center no-repeat #fff;border:1px solid #ddd;height:20px;line-height:20px;_height:19px;_line-height:19px;width: 20%;}
.picshow{overflow:hidden;*zoom:1;}
.picshow img{float:left;width:100%;}
.artT{font-size:16px;padding:.5em 0;color:#333;font-weight:bold;}
.artInfo{float:right;position:relative;margin-top:-35px;color:#ccc;}
.new_list li{margin-top:20px;}
.n_l_cont{padding:10px 0;border-bottom:1px solid #ddd;}
.new_list img{height:120px;margin:0 1px 10px 0;}
.new_list .more{margin:0 10px;}

.myart{padding:30px 0;width:100%;line-height:2;}
.artAct{height:3em;border-bottom:1px solid #ddd;}
.artAct #bdshare{float:right !important;margin-left:1em;}
.artAct #bdshare .bds_more{background:url(../images/ico.png) -20px -80px no-repeat !important;padding-bottom:0;}

/*
*下层--新闻详情
*/
.artT{font:bold 18px/1.4 'microsoft yahei';color:#333;}
.switcher{margin-top:20px;}
.art_info{height:22px;border-bottom:1px dotted #ccc;}
.artbdshare #bdshare{display:inline-block;float:none;vertical-align:middle;width:50px;*display:inline;*zoom:1;}
.artbdshare .bdsharebuttonbox .bds_more{float: none;background: none;padding-left: 0;}
.artbdshare .bdsharebuttonbox .bds_more i{ color: #0080cc;}
.b2l{float:right;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.b2l a{display:inline-block;margin:0 -1px;background:#d9d9d9;padding:0 .5em;color:#000;vertical-align:top;}
.fav{display:inline-block;background:url(../images/share.gif) 0 -135px no-repeat;padding-left:20px;vertical-align:middle;margin-right:5px;}
.fav:hover{background-position:0 -197px;}

.art_link{border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.art_link li{line-height:40px;font-weight:bold;padding:0 20px 0 30px;border-top:1px dotted #ddd;margin-top:-1px;}
.art_link span{float:right;font-weight:normal;}
.art_link a{display:inline-block;width:68%;font-weight:normal;margin-left:10px;vertical-align:middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*
*全站搜索
*/
.Search-S1-head {
  overflow: hidden;
  padding: 20px;
  background: #ededed;
  margin-bottom: 20px;
  *zoom: 1;
}
.Search-S1-head ._form {
  margin-right: 3em;
}
.Search-S1-head ._inp {
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.Search-S1-head ._btn {
  height: 22px;
  line-height: 22px;
  background: #0e90d2;
  cursor: pointer;border: none;outline: none;
}
.Search-S1-head ._btn [class^="ico-"] {
  vertical-align: top;
  color: #ffffff;
  font-size: 16px;
}
.Search-S1-head ._result {
  height: 22px;
  line-height: 22px;
}
.Search-S1-head ._result em {
  margin: 0 .4em;
  font-weight: 700;
}
.Search-S1-list {
  margin-bottom: 30px;
}
.Search-S1-list li {
  margin-bottom: 10px;
}
.Search-S1-list ._head {
  font-size: 14px;
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.Search-S1-list ._num {
  float: left;
}
.Search-S1-list ._type {
  float: left;
  color: #0e90d2;
  padding: 0 1em;
  border-right: 1px solid #cccccc;
  margin-right: 1em;
  font-style: normal;
}
.Search-S1-list ._t {
  float: left;
  width: 50%;
  font-weight: bold;
}
.Search-S1-list ._p {
  padding-left: 60px;
}

/*网站地图*/
.map_line{overflow:hidden;line-height:30px;padding:8px 10px;border-bottom:1px solid #ddd;*zoom:1;}
.map_line h4{margin-right:10px;}
.map_line h4 a{display:block;text-align:center;background:#ececec;font-size:14px;}
.map_line h4 a:hover{background:#0080cc;color:#fff;}
.site_cell a{float:left;color:#333;padding-left:35px;transition:none;}
.site_cell a:hover{color:#0080cc;}

/*2015-07-14*/
.side_block6 .p{ line-height:2; margin-bottom:20px;}

.wrap_out .wrap_in .wrap_body .wrap_foot .submit_btn{ background:#0080cc; border-color:#0080cc;}
.wrap_out .wrap_in .wrap_bar{background:#0080cc;}

/*2015-07-29*/
.title_nav.floor01{ width:86%;}
.title_nav.floor01 a{ margin:0 2px;}
