﻿@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body{ margin:0;font-size:12px; font-family:"microsoft yahei"; color:#444;}
img{border:0}
a{ text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family:"microsoft yahei"; }
input{ margin:0; padding:0; border:0;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative;}
i{ font-style:normal;}

input[placeholder], [placeholder], *[placeholder] {color:#b4b4b4 !important; font-family:"microsoft yahei"; } 
::-webkit-input-placeholder{color:#b4b4b4}
:-moz-placeholder{color:#b4b4b4}
::-moz-placeholder{color:#b4b4b4}
:-ms-input-placeholder{color:#b4b4b4}

#pz_top{ float:left; width:100%; min-width:1200px;}
#pz_banner{ float: left; width:100%; min-width:1200px; overflow:hidden; position:relative;}
#pz_main{ float:left; width:100%; min-width:1200px;}
#pz_down{ float:left; width:100%; min-width:1200px; }
#pz_menu{ float:left; width:100%; min-width:1200px; }

.w_0100{ float:left; width:100%;}
.w_1200{ margin:0 auto; width:1200px;}

/*首页 top*/
.top{ padding:15px 0; width:1200px; float:left;}
.top .logo{ float:left;}
.top .t_205{ float:right; width:205px; padding-top:10px;}
.top .t_205 img{ float:left;}
.top .t_205 h2{ float:right; font-size:20px; color:#4b4b4b; font-weight:bold; line-height:41px; }

/*menu 效果*/
.menu{ float:left; width:1200px; z-index:15; height:41px; position:relative; text-align:center}
.menu ul {display:inline-block;border-top:solid 1px #e5e5e5;}
.menu ul .nli{ float:left; width:150px;height:42px; position:relative; z-index:15; margin-top:-1px;}
.menu ul .nli span{float:left;height:42px;}
.menu ul .nli span a{ width:150px; display:block; float:left;line-height:42px; color:#323232; text-align:center; font-size:16px;}
.menu ul .nli.on span a{ font-weight:bold; background:#0b99ef; color:#fff; line-height:42px;}
.menu ul .nli span .first{}

/*下拉菜单（漂浮在menu .nli上）*/
.menu .sub{ display:none; float:left; width:150px; background:white; position:absolute; left:0px; top:42px; padding:15px 0 15px 0;}
.menu .sub li{ width:150px; height:35px;}
.menu .sub li a{ display:block; height:35px; margin:auto; width:120px; line-height:35px; color:#0b99ef;font-size:14px; text-align:center;}
.menu .sub li a:hover{ background:#0b99ef; color:#fff;}
.menu .sub .last{}

/*banner*/
.pz_slides_3{ width:100%;}
.pz_slides_3 ._btn{overflow:hidden; position:absolute; left:78%; bottom:146px; z-index:9;}
.pz_slides_3 ._btn ul{ overflow:hidden; zoom:1; float:left;}
.pz_slides_3 ._btn ul li{float:left;width:9px; height:9px; margin:0px 0 0 6px;  cursor:pointer; display:block; background:white; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.pz_slides_3 ._btn ul li.on{ border:solid 2px white; width:5px; height:5px; background:none;}
.pz_slides_3 ._pic{ float:left; width:100%; position:relative; height:468px; z-index:0;}
.pz_slides_3 ._pic li{ float:left; width:100%; zoom:1; vertical-align:middle;position:relative;}

/*main*/
.main_1{ width:1200px; float:left; position:relative;}
.btn_1{ width:1200px; float:left; height:200px; overflow:hidden; position:absolute; left:0; top:-129px;}
.btn_1 ul{ width:1232px; float:left;}
.btn_1 ul li{ width:360px; border:solid 1px #f0f7fe; float:left; margin-right:30px; padding:10px; background:#f0f7fe; overflow:hidden;}
.btn_1 ul li img{ float:left;}
.btn_1 ul li h2{ font-size:16px; color:#333; line-height:28px; font-weight:bold; margin:5px 0 0 14px;}
.btn_1 ul li h3{ font-size:12px; color:#0b99ef; width:93px;line-height:28px; margin:14px 0 0 10px;}
.btn_1 ul li h3 a{ display:block; width:91px; height:28px; border:solid 1px #0b99ef; color:#0b99ef; text-align:center;}
.btn_1 ul li:hover{ background:white; border:solid 1px #dbdbda; }
.btn_1 ul li:hover h3 a{ background:#0b99ef; border:solid 1px #0b99ef; color:white;}

.bj_1{ width:100%; float:left; margin-top:60px; height:430px; border-bottom:solid 1px #e0e0e0;}
.main_2{ padding:50px 0 0 0;}
.main_2 .text_1{ width:680px; float:left;}
.main_2 .text_1 .tit_1{ height:52px; background:url(images/bian1.png) no-repeat left bottom;}
.main_2 .text_1 .tit_1 .a_img{ float:left;}
.main_2 .text_1 .tit_1 h1{ float:left; font-size:24px; color:#2a2a2a; line-height:52px; margin-left:13px;}
.main_2 .text_1 h4{ float:left; font-size:14px; line-height:26px; color:#404040; margin-top:24px; width:100%;}
.main_2 .text_1 h4 span{ color:#0b99ef;}
.main_2 .text_1 h3{ float:left; font-size:14px; line-height:34px; color:#fff; margin-top:26px; height:34px;}
.main_2 .text_1 h3 a{ display:block; width:94px; padding-left:27px; color:#fff; background:url(images/icon_2.png) no-repeat 93px center #0b99ef;}

.main_3{ width:1200px; float:left; padding:50px 0; }
.tit_2{ background:url(images/bian2.png) no-repeat center bottom; height:85px; width:1200px; float:left;}
.tit_2 img{ display:block; margin:auto;}
.tit_2 h1{ text-align:center; font-size:24px; color:#2a2a2a; margin-top:9px; line-height:24px;}
.slide_box{width:100%; float:left; margin-top:30px;position:relative}
.slide_box .hd{width:100%; float:left;overflow:hidden}
.slide_box .z_prev,
.slide_box .z_next{width:28px;height:70px;position:absolute;top:50%;margin-top:-35px;cursor:pointer}
.slide_box .z_prev{left:-50px; background:url(images/btn_l.png) left center no-repeat }
.slide_box .z_next{right:-50px; background:url(images/btn_r.png) right center no-repeat }
.main_3 ul{ overflow:hidden; float:left; margin-top:30px; width:1216px;}
.main_3 ul li{ width:286px;  background:#f5f5f5; border-bottom:solid 4px #9b9b9b; float:left; margin-right:16px;padding:1px 1px 0 1px}
.main_3 ul li .pic_1{ width:100%;  float:left; overflow:hidden;}
.main_3 ul li .pic_1 a{ display:block;}
.main_3 ul li .pic_1 img{ display:block; }
.main_3 ul li h2{ font-size:16px; color:#2a2a2a; text-align:center;  line-height:47px; float:left; width:288px;}
.main_3 ul li h2 a{ display:block; width:250px; text-align:center; margin:auto; color:#2a2a2a; overflow:hidden; text-overflow:ellipsis;}
.main_3 ul li:hover{ background:#ddebff; border-bottom:solid 4px #005ca1;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

.bj_2{ width:100%; float:left; background:url(images/bj_3.jpg) no-repeat  top center;  border-top:solid 1px #e1e1e1; border-left:none; border-right:none;}
.main_4{ width:1200px; float:left; padding:50px 0 40px 0; overflow:hidden;}
.main_4 ul{ float:left; width:1224px;}
.main_4 ul li{ width:282px; height:224px; float:left; margin-right:24px; overflow:hidden; position:relative; margin-top:25px;}
.main_4 ul li .pic_2{ width:282px; height:224px; overflow:hidden; float:left;}
.main_4 ul li .pf_k{ position:absolute; left:0; top:0; width:282px; height:224px; z-index:2; background:url(images/bj_6.png);  opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main_4 ul li:hover .pf_k{opacity:1; filter: alpha(opacity=100); }
.main_4 ul li .pf_s{ position:absolute; width:236px; height:82px; left:50%; top:70%; margin-left:-118px; margin-top:-41px; z-index:3; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main_4 ul li .pf_s h2{ font-size:18px; color:white; line-height:18px; text-align:center; width:235px; overflow:hidden; text-overflow:ellipsis;}
.main_4 ul li .pf_s h3{ font-size:14px; color:white; margin:auto; margin-top:30px; width:121px; height:34px; line-height:34px;}
.main_4 ul li .pf_s h3 a{ display:block; height:34px; padding-left:27px; background:url(images/icon_2.png) no-repeat 95px center #0b99ef; color:white; margin:auto;}
.main_4 ul li:hover .pf_s{ top:50%; opacity:1; filter: alpha(opacity=100);}
.main_4 h5{ width:1200px; height:15px; line-height:15px; margin-top:25px; font-size:12px; float:left;}
.main_4 h5 a{ display:block; color:#0b99ef; width:90px; height:15px; background:url(images/icon_3.png) no-repeat 82px center; margin:auto;}

/*footer*/
.footer{ width:100%; float:left; height:340px; background:url(images/bj_5.jpg) no-repeat center top; padding-top:55px; border-top:solid 1px #e1e1e1; }
.b_300{ width:282px; padding-left:18px;  float:left;}
.tit_3{ height:53px; background:url(images/bian3.png) no-repeat left bottom; float:left; width:282px;}
.tit_3 img{ float:left;}
.tit_3 h1{ float:left; font-size:22px; color:white; line-height:30px; margin-left:10px;}
.text_2{ width:282px; padding:17px 0 17px 0; background:url(images/bian4.png) no-repeat left bottom; font-size:12px; color:white; line-height:26px; opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; float:left;}
.btn_2{ float:left; padding:22px 0 0 0;}
.btn_2 .ewm{ padding:7px; width:94px; height:94px; background:white; float:left;}
.btn_2 .btn_2_r{ float:left; padding:22px 0 0 20px; width:154px;}
.btn_2 .btn_2_r h2{ font-size:14px; color:white; font-weight:bold; float:left; line-height:14px; width:154px;}
.btn_2 .btn_2_r a{float:left;}

.btn_2 .btn_2_r img{ display:block; float:left; margin-right:13px; opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6; margin-top:18px;}
.btn_2 .btn_2_r img:hover{opacity:1; filter: alpha(opacity=100);}

.btn_2 .btn_2_r a.z_wx{ position:relative;}
.btn_2 .btn_2_r .z_wx .z_ewm{width:94px; height:94px; border:3px solid #fff; position:absolute; left:0; bottom:50px; display:none;}
.btn_2 .btn_2_r .z_wx .z_ewm img{ margin-right:0; opacity:1; -webkit-opacity:1; -moz-opacity:1; margin-top:0; width:94px; height:94px;}
.btn_2 .btn_2_r a.z_wx:hover .z_ewm{display:block;}

.b_830{ width:830px; float:right; overflow:hidden;}
.b_830 ul{ width:912px;}
.b_830 ul li{ width:85px; float:left; margin-right:60px;}
.b_830 ul li dl{ width:85px;}
.b_830 ul li dl dt{ font-size:16px; text-align:center; line-height:22px; padding:7px 0 15px 0;}
.b_830 ul li dl dt a{ color:white;}
.b_830 ul li dl dd{ font-size:12px; text-align:left;  line-height:24px; color:#9f9f9f;text-align:center}
.b_830 ul li dl dd a{ color:#9f9f9f;}
.b_830 ul li dl dd a:hover{ color:white;}

.bottom{ width:100%; background:#0b99ef; height:50px;}
.bottom .b_l{ float:left; font-size:12px; color:white; line-height:50px;}
.bottom .b_l a{ color:white;}
.bottom .b_l a:hover{ font-weight:bold;}
.bottom .b_r{ float:right; font-size:12px; color:white; line-height:50px;}
.bottom .b_r a{ color:white;}
.bottom .b_r a:hover{ font-weight:bold;}

/*右侧公用*/
.c_1200_204{ width:204px; float:left; margin-top:30px; z-index:111; position:relative;}
.tit_4{ padding:10px 0 0 12px; width:192px; height:57px; background:#0b99ef; float:left;}
.tit_4 h1 span{ font-size:26px; color:white; display:block; line-height:28px;}
.tit_4 h1{ font-size:14px; line-height:22px; color:white;}
.pz_SideLayer{ float:left; width:203px;}
.pz_SideLayer .l1{ float:left; width:203px;}
.pz_SideLayer .l1 a{ float:left; width:191px; height:41px; background:url(images/icon_4.png) no-repeat 189px center #f4f4f4; line-height:41px; padding-left:12px; font-size:14px; color:#000000; margin-top:1px;}
.pz_SideLayer .l1 a.hover,
.pz_SideLayer .l1 a:hover{ color:#fff; background:url(images/icon_5.png) no-repeat 189px center #68bdf0; font-weight:bold;}
.pz_SideLayer .l2{ float:left; width:203px; height:36px; background:url(images/bian5.png) no-repeat left bottom #f7f7f7;}
.pz_SideLayer .l2 a{ padding-left:26px; background:url(images/icon_7.png) no-repeat 12px center; line-height:36px; font-size:12px;}
.pz_SideLayer .l2 a.hover,
.pz_SideLayer .l2 a:hover{ color:#0b99ef; font-weight:bold;}
.pz_SideLayer .l2.first{ padding-top:8px;}
.pz_SideLayer .l2.last{ padding-bottom:7px;}
.pz_SideLayer .l2.last{ background: #f7f7f7;}

/*左侧公用*/
.c_1200_996{ width:966px; float:left; border-left:solid 1px #e2e2e2; margin-top:30px; padding-left:30px; margin-left:-1px;}
.c_1200_996 .tit_5{ width:966px; float:left; height:39px; border-bottom:solid 1px #dcdcdc;}
.c_1200_996 .tit_5 h1{ font-size:18px; color:#0b99ef; line-height:40px; float:left;}
.c_1200_996 .tit_5 h3{ font-size:12px; color:#666; float:right; padding-left:23px; background:url(images/icon_6.png) no-repeat left center; height:40px; line-height:40px;}
.c_1200_996 .tit_5 h3 a{ color:#666;}
.c_1200_996 .tit_5 h3 a:hover{ color:#0b99ef;}

/*1关于我们*/
.main_5{ width:846px; padding:24px 60px 49px 60px; font-size:14px; color:#444; line-height:24px; float:left; min-height:300px;}

/*2产品中心*/
.main_6{ width:966px; padding:0 0 9px 0; float:left; overflow:hidden;}
.main_6 ul{ padding-bottom:5px; float:left; width:990px; overflow:hidden; min-height:500px;}
.main_6 ul li{ width:309px; float:left; margin:20px 20px 0 0;}
.main_6 ul li .pic_3{ width:309px; overflow:hidden; float:left;}
.main_6 ul li .pic_3 img{ display:block;}
.main_6 ul li h2{ font-size:14px; color:#666; line-height:24px; height:24px; margin-top:12px; text-align:center; width:309px; float:left;  }
.main_6 ul li h2 a{ color:#666; float:left; width:100%; overflow:hidden; text-overflow:ellipsis; }
.main_6 ul li:hover h2 a{ color:#0b99ef; font-weight:bold;}

/*3产品详情*/
.main_7{ width:966px; float:left; padding:40px 0 47px 0;}
.main_7 h1{ font-size:20px; color:#2a2a2a; font-weight:bold; text-align:center; line-height:20px;}
.main_7 img{ display:block; margin:30px auto;}
.main_7 .tit_xp{ width:966px; float:left; height:30px; border-bottom:solid 1px #dcdcdc;}
.main_7 .tit_xp h2{ font-size:16px; color:white; text-align:center; float:left; height:29px; line-height:29px; border:solid 1px #dcdcdc; width:95px; background:#0b99ef;}
.main_7 h4{ font-size:14px; color:#555; line-height:24px; padding:14px 0 25px 0; float:left; border-bottom:solid 1px #dcdcdc;}

/*4工程案例*/
.main_8{ width:966px; padding:0 0 6px 0; float:left; overflow:hidden; margin-top:-6px;}
.main_8 ul{ float:left; width:990px; overflow:hidden; min-height:500px;}
.main_8 ul li{ width:309px; float:left; margin:20px 20px 0 0;}
.main_8 ul li .pic_4{ width:309px; overflow:hidden; float:left;}
.main_8 ul li h2{ font-size:14px; color:#666; line-height:34px; margin-top:9px; text-align:center; width:309px; float:left;}
.main_8 ul li h2 a{ color:#666;  float:left; width:100%; overflow:hidden; text-overflow:ellipsis;}
.main_8 ul li:hover h2 a{ color:#0b99ef; font-weight:bold;}

/*5资讯中心*/
.main_9{ width:966px; float:left; padding-bottom:7px;}
.main_9 ul{ width:966px; float:left; min-height:500px;}
.main_9 ul li{ width:966px; float:left; margin-top:20px; padding:20px 0 18px 0; background:#f8f8f8;}
.main_9 ul li .tit_6{ width:100px; float:left;}
.main_9 ul li .tit_6 h1{ font-size:12px; color:#666; text-align:center; line-height:28px;}
.main_9 ul li .tit_6 h1 span{ display:block; font-size:42px; text-align:center; color:#0b99ef; line-height:42px; font-family:"Arial"; margin-top:8px;}
.main_9 ul li .main_9_866{ width:844px; float:left; background:url(images/bian6.jpg) no-repeat left top; padding-left:22px;}
.main_9 ul li .main_9_866 h2{ font-size:14px; color:#313131; line-height:14px; float:left;}
.main_9 ul li .main_9_866 h2 a{ display:block; width:460px; float:left; overflow:hidden; text-overflow:ellipsis;}
.main_9 ul li .main_9_866 h4{ font-size:12px; color:#626262; line-height:18px; width:820px; height:36px; overflow:hidden; margin-top:13px; float:left;}
.main_9 ul li .main_9_866 h3{ font-size:12px; color:#f9860b; float:left; font-family:"Arial"; margin-top:5px;}
.main_9 ul li .main_9_866 h3 a{ display:block; float:left; color:#0b99ef;}
.main_9 ul li:hover{ background:#0b99ef; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main_9 ul li:hover .tit_6 h1{ color:white;}
.main_9 ul li:hover .main_9_866{ background:url(images/bian7.png) no-repeat left top;}
.main_9 ul li:hover .main_9_866 h2 a{ color:white;}
.main_9 ul li:hover .main_9_866 h4{ color:white;}
.main_9 ul li:hover .main_9_866 h3 a{ color:white;}
.main_9 ul li:hover .tit_6 h1 span{ color:white;}

/*6销售服务*/
.main_10{ padding:6px 0 0 0; width:847px; float:left;}
.main_10 h1{ font-size:24px; color:#333; line-height:24px; float:left; width:847px; text-align:center;}
.main_10 h4{ font-size:24px; color:#333; line-height:24px; width:847px; float:left; font-size:14px; color:#333; line-height:30px; padding:70px 0 22px 0; background:url(images/bian8.png) no-repeat left bottom; letter-spacing:1px;}
.main_10 h4 span{ font-size:18px; color:#0b99ef; font-weight:bold;}
.main_10 .main_10_b{ width:847px; float:left; padding:30px 0 0 0; height:174px; overflow:hidden;}
.main_10 .main_10_b .pic_5{ float:left; width:160px; height:160px; padding:6px; border:solid 1px #d2d2d2; background:white;}
.main_10 .main_10_b h2{ font-size:20px; color:#333; line-height:20px; float:left; margin-left:30px; font-weight:bold;}
.main_10 .main_10_b h5{ font-size:14px; color:#333; line-height:36px; float:left; margin-left:30px; margin-top:17px; width:400px; letter-spacing:1px;}


/*右侧浮动*/
.fd_r{ width:67px; position:fixed; right:0; top:50%; }
.fd_r li{ width:67px; height:67px; float:left; margin-bottom:1px; background:#6e6e6e; position:relative;}
.fd_r li img{ display:block; height:20px; margin:12px auto;}
.fd_r li h3{ font-size:12px; color:white; line-height:12px; width:67px; float:left; text-align:center;}
.fd_r li h3 a{ color:white;}
.fd_r li:hover{ background:#0b99ef;}
#go_top{ background:#0b99ef;}

.fd_r li .z_ewm1{width:94px; height:94px; position:absolute; right:67px; bottom:0; border:3px solid #fff; display:none;}
.fd_r li .z_ewm1 img{width:94px; height:94px; display:block; margin:0; }
.fd_r li:hover .z_ewm1{display:block;}

/*分页*/
.news_fy{ width:966px; overflow:hidden; padding:40px 0 50px 0; margin:auto; float:left;}
.pz_fy{width:100%; float:left; padding:6px 0; text-align:center;display:inline; font-size:14px;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { border: #d3d3d3 1px solid; PADDING:4px 9px; color:#767676; font-family:Arial, Helvetica, sans-serif;text-decoration:none; margin-left:2px;}
.pz_fy a span{ color:#767676}
.pz_fy a:hover,.pz_fy a.on{color:#333; border: #0b99ef 1px solid; background-color:#0b99ef; color:white; text-decoration:none;}
/*鼠标经过和默认当前页样式*/

.xp_fy{ width:966px; float:left; padding-top:30px; height:12px;}
.xp_fy h2{ float:left; font-size:12px; color:#555; line-height:12px; width:45%; overflow:hidden; text-overflow:ellipsis;}
.xp_fy h2 a{ color:#555;}
.xp_fy h2 a:hover{ color:#0b99ef;}


/*    新闻中心内页   */
.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:0px 0 10px 0; text-align:center; line-height:32px;}
.news_tit h2{  font-size:16px;}
.news_tit span{ color:#969696;}

.news_ct{ width:100%; float:left; padding:15px 0;  font-size:12px; color:#444; line-height:24px; min-height:200px;}
.news_ct img { max-width: 100%; }



  .sitemap
{
    width:100%;float:left;
}
    .sitemap li
    {
        border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; 
    }
        .sitemap li a
        {
            margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;
        }
        .sitemap li a:hover{
            color:#0b99ef;
        }

        .sitemap li .font16
        {
           font-size:16px;  /*color:#135fb1*/
        }
        .sitemap li .font14
        {
           font-size:14px; 
        }
        .sitemap li .font12
        {
           font-size:12px;  color:#999
        }