@charset "gb2312";

/* 清除内外边距 */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

fieldset, lengend, button, input, textarea, /* form elements 表单元素 */

th, td {margin: 0; padding: 0;} /* table elements 表格元素 */ 

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html { overflow-y: scroll; }

/* 设置默认字体 */

body,button, input, select, textarea { /* for ie */ font: 14px/1 Tahoma, Helvetica, Arial, "微软雅黑", sans-serif;}

/* 定义h标签 */

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }

h2 { font-size: 16px; }

h3 { font-size: 14px; }

h4, h5, h6 { font-size: 100%; }

/* 重置列表元素 */

ul, ol,li { list-style: none; }

/* 重置文本格式元素 */

a { text-decoration: none; color:#686868;}

:link, :visited {text-decoration: none;}

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */



img{ border:none; border:0px; margin:0px; padding:0px;}

abbr[title], acronym[title] { border-bottom: 1px dotted;cursor: help;} /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ 

q:before, q:after { content: ''; }

/* 重置表单元素 */

legend { color: #000; } /* for ie6 */

fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */

/* 重置表格元素 */

table {border-collapse: collapse; border-spacing: 0;}

caption, th {text-align: left;}

/* 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG */

.clear{ clear:both;}

/* 左右 浮动*/

.f_l{ float:left !important;}

.f_r{ float:right !important;}

.s_main{ width:1200px; height:auto; overflow: hidden; margin: 0 auto;}

/* ------------------------------------CSS Reset  End------------------------------- */

.top{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #f4f6f5; }

.top img{ display: block; float: left; margin-top:5px;}

.top a{ float: right;color:#737375; display: block; margin:0px 15px; font-weight: bold;}

.head_box{ }

.head{ width:1200px; height:110px; margin:0px auto; position:relative;  }

.logo{ width:630px; height:91px;background:url(logo.png) no-repeat center;  float:left; text-indent:-9999px; }

.tel{ background:url(tel.png) no-repeat left top; float: right; width:200px; height:110px; overflow: hidden;}

.navs{ width:100%; height:auto;  background:#1f7b85; }

.nav{ width:1200px; height:50px;  margin: 0 auto;}

.nav li.li1{width:170px; height:50px; line-height:50px;position:relative; float:left; font-size:15px;text-align:center; }

.nav li a{display: block; color:#fff;}

.nav li .ul2{ position:absolute; top:50px; left:0px; z-index:9999; width:170px;background:#1f7b85; display:none; }

.nav li .ul2 li{ line-height:40px; overflow: hidden;}

.nav li:hover .ul2{ display:block;}

.nav li:hover .ul2 a{ font-weight:normal;}

.nav li:first-child a{ background:none;}

.xz { color:#000;background:url(hy_10.png) no-repeat center bottom #1ca639; font-weight:bold; color:#0051a3; }

.nav li:hover{ background:url(hy_10.png) no-repeat center bottom #1ca639; font-weight:bold;}

.ss{ width:100%; height:40px; overflow: hidden; background:#f5f5f5;}

.ss_c{ width:1200px; height:auto; margin:0 auto; position:relative;  }

.ss span{ display: block;  line-height:40px; height:auto; display:block;  overflow: hidden;  float: left; color:#666;}

.ss a{ float: left; line-height:40px; height:40px; color:#666;}

.ss .sousuo{ width:300px; height:30px; overflow: hidden;  float: right;  margin-top:5px;}

.ss .sousuo .sinp{ width:235px; height:30px; float: left; border:none; padding-left:15px; background:#fff;  outline:none;}

.ss .sousuo .sbtn{ width:40px; height:30px;float: left; border:none; background:none;   background:url(znkj_58.png) no-repeat left #fff; }

.fullSlide{position:relative;height:604px;overflow:hidden;}

.fullSlide .bd{position:relative;z-index:-1;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:45px;left:0;height:30px;line-height:30px;text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:6px; background:#0051a3;overflow:hidden;line-height:9999px;filter:alpha(opacity=60);opacity:0.6;}

.fullSlide .hd ul .on{filter:alpha(opacity=100);opacity:1;}

.t_top{ overflow: hidden; margin: 0 auto; text-align: center;  padding-bottom:15px; background:url(hy_09.png) no-repeat center bottom; }

.t_top h2{ color:#222; font-size:36px; }

.t_top h2 img{ display: block; margin: 0 auto;}

.t_top h2 span{ color:#0051a3;}

.t_top p.p2{ font-size:15px; color:#666; margin-top:5px; }

.t_top p.p1{ font-size:12px; color:#999; line-height:200%; margin-top:5px;}

.pic1{ width:100%; height:890px; background:url(kw_09.jpg) no-repeat center; margin: 0 auto; overflow: hidden;} 

.mk{ width:100%; height:auto; overflow: hidden; margin:10px auto 0px; }

.mk_top{}

.mk .mk_top{ width:150px; height:80px; margin: 0 auto; background:url(kw_13.png) no-repeat right top;  }

.mk .mk_top h2{ font-size:24px; margin-bottom:5px; color:#333; font-weight:normal; line-height:140%; letter-spacing:2px; }

.mk .mk_top span{ line-height:180%; overflow: hidden; font-size:20px; color:#666; display: block;}





.mk .hd{ overflow: hidden; height:55px; margin-top:30px;}

.mk .hd ul{ overflow: hidden; width:1200px; height:auto; margin: 0 auto;}

.mk .hd ul li{ float: left; width:158px; height:45px; line-height:45px; text-align: center;  overflow: hidden; margin:0px 5px 30px; background:#1f7b85;}

.mk .hd ul li:hover{ background:#1ca639;  }

.mk .hd ul li a{ display: block; color:#fff; }

.mk .hd ul li:hover a{ color:#fff;}

.mk .hd ul li.on{ background:#1ca639;}

.mk .hd ul li.on a{ color:#fff;}

.mk .bd{ width:1200px; height:auto; overflow: hidden; margin:15px auto; }

.mk .bd ul li{ float: left; width:368px; margin:13px; overflow: hidden;  border:1px solid #ccc; position:relative; border-radius:5px;} 

.mk .bd ul li a.a1{ display: block; height:250px; overflow: hidden; }

.mk .bd ul li a.a2{ display: block; position:absolute; top:-400px; left:0px; background:url(kw_14.png) no-repeat center top; width:370px; height:300px;transition:.3s;}

.mk .bd ul li img{ display: block; margin: 0 auto; height:250px; }

.mk .bd ul li p{ text-align: center; height:45px; line-height:50px; color:#333;}

.mk .bd ul li:hover .a2{ top:0px;}

.mk .bd ul li:hover{ } 

.mk .bd ul li:hover p{ color:#0051a3;}



.js{width:100%; height:auto; background:url(kw_10.jpg) no-repeat center top; overflow: hidden; padding:50px 0px 0px; }

.js .js_top{ width:150px; height:80px; margin: 0 auto; background:url(kw_13.png) no-repeat right top;  }

.js .js_top h2{ font-size:24px; margin-bottom:5px; color:#333; font-weight:normal; line-height:140%; letter-spacing:2px; }

.js .js_top span{ line-height:180%; overflow: hidden; font-size:20px; color:#666; display: block;}

.js .s_main{ width:1200px; height:auto; overflow: hidden; margin: 0 auto; line-height:260%;}

.js .s_main img{ display: block; margin:30px auto;}

.js .js_r{ width:380px; height:auto; overflow: hidden; float: left; margin-left:50px; margin-top:120px;}

.js .js_r span{ display: block; font-size:14px; color:#999; overflow: hidden; margin-bottom:15px;}



.kwjsj{ overflow: hidden; }

.kwjsj .kwjsj_top{ width:300px; height:auto; overflow: hidden; background:url(kw_13.png) no-repeat 200px top; margin:0 auto 15px;}

.kwjsj .kwjsj_top h2{ font-size:24px; margin-bottom:5px; color:#333; font-weight:normal; line-height:140%; letter-spacing:2px; padding-left:30px; }

.kwjsj .kwjsj_top span{ line-height:180%; overflow: hidden; font-size:20px; color:#666; display: block;}



.kwjsj_c{ width:1200px; height:auto; overflow: hidden; margin: 0 auto;}

.kwjsj .bd{ width:880px; height:608px; overflow: hidden; float: left;}

.kwjsj .bd ul{ overflow: hidden;}

.kwjsj .bd ul li{}

.kwjsj .bd ul li a{ display: block;}

.kwjsj .bd ul li a img{ display: block; width:880px;}

.kwjsj .hd{ width:300px; height:auto; overflow: hidden; float: right;}

.kwjsj .hd ul{ overflow: hidden;}

.kwjsj .hd ul li{ border:2px solid #fff; width:285px; height:160px; overflow: hidden;}

.kwjsj .hd ul li img{ display: block; width:285px;}

.kwjsj .hd ul li.on{ border:2px solid #1f7b84;}

.kwjsj .hd ul li:hover{ border:2px solid #1f7b84;}









.news2{ margin:30px auto 0px;}

.news2 ul{ width:430px; height:auto; overflow: hidden; float: left;  margin:0px 20px;}

.news2 ul img{ display: block; margin: 0 auto;}

.news2 ul li{ margin-bottom:5px; height:45px; line-height:45px; overflow: hidden; border-bottom:1px dashed #ccc;}

.news2 ul .li0{ overflow: hidden; margin:20px 0px 15px;}

.news2 ul .li0 .li_time{ width:80px; height: auto;  overflow: hidden; float: left; padding:20px 0px; margin-top:10px; margin-right:10px; text-align: center; border-right:1px solid #ccc;}

.news2 ul .li0 .li_time span{ line-height:120%; display: block; color:#444;}

.news2 ul .li0 .li_time .s1{ font-size:20px;}

.news2 ul .li0 .li_time .s2{ font-size:14px;}

.news2 ul  .li0.li_cen{ width:310px; float: right; height: auto; overflow: hidden; margin-top:5px;}

.news2 ul .li0 .li_cen a.a1{ display: block; font-size:16px; line-height:160%;}

.news2 ul .li0 .li_cen p{ line-height:200%; color:#666; overflow: hidden;}

.news2 ul li a{ display: block; float: left; color:#333; background:url(index_50.png) no-repeat 0px 15px; padding-left:18px;} 

.news2 ul li span{ display: block; float: right; color:#999;}

.news2 ul li:hover a{ color:#0051a3;}

.news2 ul li:hover span{ color:#0051a3;}

/*新闻*/

.m_liuyan{ width:500px; height:auto; overflow: hidden; margin:30px auto;}

.m_liuyan p{ overflow: hidden; margin: 5px 0px; font-size:16px; line-height:200%;}

.m_liuyan .m_ly1 input{ display: block; width:480px; height:40px;   border:1px solid #ccc; margin:5px 0px; padding-left:15px; background:url(index_89.png);}

.m_liuyan .m_ly2 textarea{display: block; width:480px; height:80px; border:1px solid #ccc; margin:5px 0px;padding-left:15px; color:#666; line-height:200%;background:url(index_89.png);}

.m_liuyan .m_ly3 img{ display: block; float: left; width:150px; height:40px; margin-top:5px;}

.m_liuyan .m_ly3 input{ width:320px; float: right; height:40px; border:1px solid #ccc; margin:5px 0px; padding-left:15px;background:url(index_89.png); }

.m_liuyan .m_ly4 input{  display: block; width:480px; height:40px; border:1px solid #ccc; margin:5px 0px; padding-left:15px; background:url(index_89.png);border-radius:50px;}

.cpfl{ width:100%; height:auto; overflow: hidden;}

.cpfl a{ display: block; float: left; margin:5px 14px;  line-height:280%; text-align: center;width:140px; height:40px; border:1px solid #ccc;}

.cpfl span{ display: block; line-height:40px; float: left; font-size:16px; font-weight: bold; margin-right:15px;}

/*main*/



/*main*/



.main{ width:1200px;margin:10px auto; overflow:hidden; background:#FFF; padding:0px 7px;}

.m_l{ width:870px; float:left; }

.m_r{ width:300px; float:right;}

.m_r2{ width:100%; float:left; overflow:hidden; margin-top:10px;}

/*left*/



.z_left{ width:300px; height:auto; overflow:hidden;float: left;  }

.z_left div{ overflow: hidden;}

.z_left h3{ padding-left:40px; color:#fff; height:50px; line-height:50px; font-size:16px;}

.z_left .zl_cpfl{ border-bottom:1px solid #ccc;}

.z_left .zl_cpfl h3{ background:url(zlp.png) no-repeat 5px 13px #0051a3;}

.z_left .zl_cpfl ul{ overflow: hidden;}

.z_left .zl_cpfl ul li a{ display:block; line-height:35px; }

.z_left .zl_cpfl ul li i{ margin-right:10px;}

.z_left .zl_cpfl ul.ul1 .ul_li1{ margin:5px auto; width:150px; float: left;}

.z_left .zl_cpfl ul.ul1 .ul_li1 .ul_lia1{ padding-left:10px;}

.z_left .zl_cpfl ul.ul1 .ul_li1 .ul2 .ul_li2 .ul_lia2{  padding-left:20px; border-bottom:1px dashed #ccc; width:200px; margin: 0 auto;}

.z_left .zl_cpfl ul.ul1 .ul_li1 .ul_lia1:hover{ color:#0051a3;}

.z_left .zl_cpfl ul.ul1 .ul_li1 .ul2 .ul_li2:hover .ul_lia2{ color:#0051a3;}

.z_left .zl_wztj{ border-bottom:1px solid #ccc;}

.z_left .zl_wztj h3{ background:url(zln.png) no-repeat 5px 13px #0051a3;}

.z_left .zl_wztj ul li{ background:url(zln1.png) no-repeat 5px 5px; padding-left:30px;}

.z_left .zl_wztj ul li a{ display:block; line-height:40px; border-bottom:1px dashed #ccc; margin-bottom:5px;}

.z_left .zl_wztj ul li a:hover{ color:#0051a3;}

.z_left .zl_lxwm h3{ background:url(zll.png) no-repeat 5px 13px #0051a3;}

.z_left .zl_lxwm .zls_lxwm{ line-height:200%;}

.z_right{ width:880px; height:auto; overflow: hidden; float: right;}

.z_right .zr_top{ width:auto; height:50px; line-height:50px; overflow: hidden; background:#0051a3; margin-bottom:15px;}

.z_right .zr_top h2{ float: left; color:#fff; margin-left:15px;}

.z_right .zr_top span{ float:right; color:#fff; display:block; margin-right:15px;}

.z_right .zr_top span a{ color:#fff;}

.z_right .zr_page{ }

/*catpos*/

.catpos_box{ width:auto; height:55px; background:#f2f2f2; border-bottom:1px solid #e5e5e5;}

.catpos{ width:1170px; height:55px; margin:0px auto; line-height:57px; color:#666666; font-size:15px; background:url(catpos.png) no-repeat 0px 15px; padding-left:30px;}

.catpos a{ float:none; background:none;margin-top:6px; margin-right:0px; color:#666;}

/*页面头部*/



.h2_t{ width:auto; height:38px; line-height:38px; color:#424242; font-size:17px; border-bottom:1px solid #e5e5e5;}

.h2_t i{ margin-right:10px;}

/*content*/



.r_c{ line-height:200%; margin-top:6px; padding:5px; margin-bottom:10px; min-height:400px; font-size:14px;}

.r_c img{ display:block; margin: 0 auto !important;}

.r_c_t{ text-align:center;  line-height:22px; font-size:16px;}

.r_c_time{ font-size:14px; color:#666; font-weight:normal; border-bottom:1px dashed #e5e5e5; text-align:center; margin-bottom:15px;}

.r_c img{ width:auto; height:auto !important;}

.daodu{ background:#eae6df; padding:10px; margin-bottom:20px;}

.daodu span{ color:#f59701;}/*内页  营销型*/



.pro_c{ width:auto; height:auto; overflow:hidden; margin:0px auto 15px auto;}

.pro_c img{ float:left; width:440px; height:380px !important; margin-right:40px;}

.pro_c .cp_t{ font-size:20px; margin-bottom:8px;}

.pro_c .cp_p{ font-size:20px; color:#0861a5; line-height:32px;}

.pro_c .cp_table{ width:700px; float:left; font-size:16px;}

.pro_c .cp_tel{ font-size:22px; color:#0861a5; padding-top:15px; float:left; line-height:27px; width:700px; margin-bottom:20px;}

.pro_t{ width:auto; height:43px; background:url(pro_t.jpg) no-repeat; margin-bottom:20px;}

#xunpan{ font-size:22px; color:#FFF; background:#0861a5; float:left; line-height:27px; padding:10px 35px; display:block;}

#lx_btn{ font-size:22px; color:#FFF; background:#0861a5; float:left; line-height:27px; padding:10px 35px; display:block; margin-left:10px;}

/*子栏目*/



.nav2{ width:auto; line-height:44px; overflow:hidden; background:#f5f5f5; margin-top:10px;}

.nav2 span{ float:left; background:#4a9900; width:85px; height:45px; text-align:center; color:#fff; font-size:15px; margin-right:25px;}

.nav2 a{ font-size:16px; margin-right:20px;}

.nav2 a:hover{ color:#2f8b02; }

.axz{ color:#0051a3; font-weight:bold;}

/*新闻列表*/

.news li{ border-bottom:1px dashed #e5e5e5; margin-top:10px; height:155px;}

.news img{ float:left; width:200px; height:140px; margin-right:15px;}

.news li a{ font-size:18px; display:block; line-height:30px; color:#383838;}

.news li p{ line-height:21px; color:#999999; font-size:14px;}

.news li span{ font-size:15px; color:#808080; line-height:30px;}

/*新闻列表 侧面*/

.l_news2 li{ border-bottom:1px dashed #e5e5e5; margin-top:10px; height:75px; overflow: hidden;}

.l_news2 img{ float:left; width:85px; height:65px; margin-right:10px;}

.l_news2 li a{ font-size:14px; display:block; line-height:200%; color:#666;}

.l_news2 li p{ line-height:21px; color:#999;}

/*产品列表*/

.i_pro{ width:auto; overflow:hidden;}

.i_pro li{ float:left; margin:10px; overflow:hidden;}

.i_pro li p{ text-align:center; margin:5px 0px; font-size:15px;}

.i_pro li a{ display: block;}

.i_pro li img{ width:200px; height:150px; transition:.1s transform;transform:translateZ(0)}

/*相关产品列表*/

.i_pro2{ width:auto; overflow:hidden;}

.i_pro2 li{ float:left; margin:10px;}

.i_pro2 li p{ text-align:center; margin:10px 0px; font-size:14px;}

.i_pro2 li img{ width:180px; height:140px;  transition:.1s transform;transform:translateZ(0)}

/*相关产品列表 产品列表页 内页*/

.i_pro3{ width:auto; padding:10px 0px; margin-left:-12px; overflow:hidden;}

.i_pro3 li{ float:left; margin:7px 0px 0px 12px;}

.i_pro3 li p{ text-align:center; margin:10px 0px; font-size:14px;}

.i_pro3 li img{ width:222px; height:170px; border:1px solid #e5e5e5; padding:3px; transition:.1s transform;transform:translateZ(0)}

.i_pro3 li img:hover{ border:1px solid #0861a5;}

.xg_new li{ margin:10px 0px; border-bottom:1px dashed #e5e5e5; line-height:27px; float:left; width:50%; background:url(icon4.jpg) no-repeat 2px 11px; text-indent:1em}

.xg_new li a{ font-size:14px; font-weight: normal;}

.page{text-align: center; overflow:hidden; padding:20px 0px;}

.page li{float:left;}

.page li a{ color: #333; text-decoration: none; border:1px solid #CCC; padding:5px 10px; margin-right:5px; font-size:14px;}

.page li a:hover{ color:#046955;}

.page .active a{ color:#046955 !important; font-weight:bold;}

.s_desc{ font-size:14px; line-height:22px; margin:10px 0px;}

.footer{ width:100%; height:auto; overflow: hidden; background:#3b3b3b; padding:30px 0px;}

.f_nav{ width:300px; height:auto;  overflow: hidden; float:left; border-top:1px solid #4d4d4d; border-bottom:1px solid #4d4d4d;}

.f_nav a{ float: left; color:#fff; display: block; line-height:40px; width:100px; height:40px;}

.f_nav a:first-child{ border:none;}

.f_lxwm{ width:500px; overflow: hidden; height:auto;color:#d1d0d0;  float: left;}

.f_lxwm span{ display: block; float: left; line-height:90px;}

.f_lxwm span.s1{ margin-left:43px;}

.f_lxwm span.s2{ margin-left:130px;}

.f_lxwm span.s3{margin-left:100px;}

.f_smll{ width:auto; float: right; height:auto; overflow: hidden;}

.f_smll img{ display: block;}

.f_nav a:first-child{ background: none;}

.footer .foot_c{ color:#8f8f8f;  line-height:260%;  width:1200px; height:auto; margin: 0 auto; background:url(kw_43.jpg	) no-repeat center right; overflow: hidden;}

 .footer .f_sousuo{ width:350px; height:auto; overflow: hidden; float: left; margin-top:15px;}

.footer .sousuo{ width:298px; height:40px; overflow: hidden;  background:red; line-height:35px; color:#fff; border:1px solid #ccc; border-radius:5px; margin-top:45px;}

.footer .sousuo .sinp{ width:233px; height:40px; float: left; border:none; padding-left:15px; background:#3e3e3e; color:#fff !important ;}

.footer .sousuo .sbtn{ width:50px; height:40px;    float: left; border:none; background:url(znkj_58.png) no-repeat center #616161; color:#fff;}

.footer img{ display: block; float: right; margin-top:5px;}

.link{ width:100%; height:auto; overflow:hidden; background:#373737;margin:30px auto 0px;}

.link_c{ width:1200px; height:auto; margin:10px auto; overflow: hidden; line-height:40px; } 

.link_c span{ display: block; float: left; font-weight: bold; color:#fff;}

.link a{ margin-right:5px; color:#fff;}

.bott{ background:#161719; color:#999; line-height:40px; overflow: hidden; text-align:center;}

.i_liuyan{ width:200px; height:auto; overflow: hidden; position:fixed; right:2px; top:200px; z-index:999999; background:#f1f1f1; border-radius:5px; }

.i_liuyan h3{ background:#00aef3; color:#fff; display: block; width:185px; line-height:30px; font-size:16px; padding-left:15px; margin-bottom:15px;}

.i_liuyan p{ color:#666;padding-left:15px; line-height:160%; margin:10px 0;}

.i_liuyan textarea{ width:90%; height:60px; display: block; margin: 0 auto; border:1px solid #ccc;}

.i_liuyan .input1{ width:90%; height:30px; border:1px solid #ccc; margin:10px auto; display: block;}

.i_liuyan .sub{ width:80px; height:30px; text-align: center; margin:10px auto; background:#00aef3; display: block; color:#fff; line-height:30px; border:none}

.i_liuyan .close{ color:#fff; font-size:18px; width:20px; height:30px; float: right; }