﻿@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1200px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
a
{ color:#464646; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{ outline:none;} 
a:link
{ text-decoration:none;}
a:hover
{ color:#d2262b; text-decoration:none; }
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
}
.t_center
{ text-align:center;}

.space10 { height:10px; clear:both; }
.space15 { height:15px; clear:both; }
.space20 { height:20px; clear:both; }
.space25 { height:25px; clear:both; }
.space30 { height:30px; clear:both; }

/*效果*/
.transition
{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.fdapic:hover img
{
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
}

/*按钮样式*/
.yu_a0
{ display:inline-block;  text-align:center; 
transition:all 0.4s ease;
-moz-transition: all 0.4s ease;	/* Firefox 4 */
-webkit-transition: all 0.4s ease;	/* Safari 和 Chrome */
-o-transition: all 0.4s ease;	/* Opera */
}

/*============================ 公共部分 ============================*/

/* 文章类别上下页 */
.pagelink
{ padding:30px 0 40px; font-size:12px; font-weight:bold; line-height:22px; text-align:center; clear:both;}
.pagelink span
{ padding:0px 0px; font-size:12px; color:#FFFFFF;}
.pagelink .nolink
{ text-decoration:none; color:#fff; background:#999; border:1px solid #999999; padding:5px 8px 5px; margin-right:8px;}
.pagelink .thisclass
{ text-decoration:none; color:#fff; background:#dc3f2c; border:1px solid #dc3f2c; padding:5px 9px 5px; margin-right:8px;}
.pagelink a
{ text-decoration:none; color:#fff; background:#999; border:1px solid #999999; padding:5px 9px 5px; margin-right:8px;}

/* 文章上下篇 */
.wengzhengfanye
{ line-height:25px; clear:both; padding:0 20px; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:12px; }
.wengzhengfanye span
{font-weight:bold; color:#7a7a7a;}
.wengzhengfanye a
{ text-decoration:none; color:#7a7a7a;}
.wengzhengfanye a:hover
{ text-decoration:none; }


/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#dc3f2c; }

/*========================================= 首页 =====================================*/

.top
{ width:1200px; height:120px; margin:0 auto;}
.logo
{ float:left; height:120px;}
.tel
{ float:right;  padding-left:230px; background:url(../images/phone.jpg) no-repeat left center; margin-top:20px;}
.tel p
{ line-height:40px; font-size:26px;font-weight:bold;color:#e33d25;}

.nav
{ width:100%; height:54px; background:#3d889f; clear:both;}
.navA
{ width:1200px; line-height:54px; margin:0 auto; position:relative;}
.navA li
{ width:134px; text-align:center; float:left; background:url(../images/nav.jpg) no-repeat right center;}
.navA li a
{ display:block; font-size:16px; color:#FFF;}
.navA li.onli
{ width:262px; background:url(../images/nav1.png) no-repeat 210px center #dc3f2c;}
.navA li.onli h2
{ font-size:24px; color:#fff; text-align:left; padding-left:20px; font-weight:normal; cursor:pointer;}
.navA li.onli h3 a
{ font-size:24px; color:#fff; text-align:left; padding-left:20px; font-weight:normal; cursor:pointer;}
.navA li h3
{ display:none;}
.navA li.onliB h2
{ display:none;}
.navA li.onliB h3
{ display:block;}


.navA .liA.active a,.navA .liA a:hover
{ font-weight:bold; }

/*产品类下拉*/
.xalak
{ width:202px;  background:#fff; padding:0 30px;  position:absolute; left:0;  z-index:3000; }
.navA li.onliA .xalak
{ height:550px;}
.navA li.onliB .xalak
{ display:none;}
.xalak li
{ width:100%; height:41px; line-height:40px; border-bottom:1px solid #e5e5e5; background:none; text-align:left;}
.xalak li a
{ font-size:14px; color:#000; padding-left:15px;}
.xalak li a:hover
{ color:#dc3f2c; }
.xalak li i
{ width:40px; height:41px; display:inline-block; float:left; margin-right:5px;}


.xalak li i.t1
{ background-position:0px 10px;}
.xalak li i.t2
{ background-position:0px -32px;}
.xalak li i.t3
{ background-position:0px -72px;}
.xalak li i.t4
{ background-position:0px -112px;}
.xalak li i.t5
{ background-position:0px -152px;}
.xalak li i.t6
{ background-position:0px -192px;}
.xalak li i.t7
{ background-position:0px -232px;}
.xalak li i.t8
{ background-position:0px -272px;}
.xalak li i.t9
{ background-position:0px -312px;}
.xalak li i.t10
{ background-position:0px -352px;}
.xalak li i.t11
{ background-position:0px -392px;}
.xalak li i.t12
{ background-position:0px -433px;}
.xalak li i.t13
{ background-position:0px -473px;}


/*banner图片切换样式*/
.banner
{width:100%; height:550px;  overflow:hidden; position:relative;}
.banner ul li
{width:100%; height:550px; overflow:hidden;  position:absolute; left:0px; top:0px;}
.banner ul li a
{ height:100%; display:block;}

.banner_btn
{ width:100%; height:14px; text-align:center; position:absolute; bottom:25px; z-index:100;}
.banner_btn ol li
{ width:14px; height:14px; display:inline-block; text-indent:99px; overflow:hidden; background:url(../images/banner_btn3.png) no-repeat left top; margin:0 5px; cursor:pointer;}
.banner_btn ol .Btn_ys
{ background-position:left bottom; }

/*----产品中心-------*/
.one_bj
{ width:100%; overflow:hidden; background:#f2f2f2; padding:20px 0;}

.one
{ width:1200px; overflow:hidden; background:#fff; margin:0 auto; padding:20px 0 10px;}
.one_left
{ width:180px; float:left;}
.one_left .ltop
{ overflow:hidden; background:#73bc8f;}
.one_left .ltop li
{ width:89px; height:57px; line-height:57px; text-align:center; float:left; border-right:solid 1px #92f7bd; border-bottom:solid 1px #92f7bd; overflow:hidden;}
.one_left .ltop li a
{ font-size:16px; color:#fff;}
.one_left .lbom
{ overflow:hidden;}
.one_left .lbom li
{ width:180px; height:60px; border-bottom:solid 1px #eee;}
.one_left .ltopA
{ overflow:hidden; background:#c4a495;}
.one_left .ltopA li
{ border-right:solid 1px #dfbead; border-bottom:solid 1px #dfbead;}

.one_right
{ width:100%; float:right;}
.one_right li
{ width:220px; height:250px; border:1px solid #dfdfdf; float:left; margin:0 0px 15px 15px;}
.one_right li.liA
{ margin-right:inherit;}
.one_right li img
{ height:100%;}
.one_right li i
{ height:209px; display:block; text-align:center; overflow:hidden;}
.one_right li span
{ height:20px; display:block; font-size:12px; line-height:20px; padding:10px; overflow:hidden;}
    

/*-----成功案例-------*/

.title
{ width:1200px; margin:20px auto; text-align:center;}
.title h2
{ font-size:34px; color:#5f5f5f; font-weight:600; padding-bottom:10px;}
.title span
{ display:inline-block; height:30px; line-height:30px; border:1px solid #e7e7e7; color:#5f5f5f; font-size:14px; padding:0 20px;}


.oneA
{ width:1200px; overflow:hidden; margin:0 auto;}
.oneA1
{ width:1200px; height:270px; overflow:hidden;}
.oneA ul
{ width:9999px; height:270px; overflow:hidden;}
.oneA li
{ width:173px; height:260px; float:left; border:1px solid #e7e7e7; padding:8px 8px 0; margin-right:10px;}
.oneA li.liA
{ margin-right:inherit;}
.oneA ul li i
{ height:214px; display:block; overflow:hidden; text-align:center;}
.oneA ul li i img
{ height:100%;}
.oneA li span
{ display:block; line-height:44px; font-size:12px; font-weight:600; color:#666;}


.bnt
{ width:80px; margin:20px auto;}
.bnt a 
{ width:36px; height:36px; display:inline-block;}
.bnt a.prev
{ background:url(../images/16.jpg) no-repeat;}
.bnt a.next
{ background:url(../images/17.jpg) no-repeat;}


/*----main-3-------*/
.oneB_bj
{ width:100%; overflow:hidden; background:#e8e8e8; padding:30px 0;}
.oneB
{ width:1200px; margin:0 auto;}
.oneB_left
{ width:450px; height:260px; background:#FFF; float:left;}
.oneB .titleA
{ height:184px;width:30px;color:#FFFFFF;background:#3d879d;font-size:18px;padding-left:10px;padding-top:76px;float:left;margin-right:13px;}
.oneB_left_hd
{ width:385px; float:right; padding-right:10px;}
.oneB_left_hd dl
{ height:95px; overflow:hidden; padding:10px 0; border-bottom:dashed 1px #b2b2b2;}
.oneB_left_hd dl dd
{ color:#666; font-weight:600;}
.oneB_left_hd dl dt
{ color:#888; line-height:22px; font-size:12px; padding:5px 0;}
.more a
{ width:55px; height:20px; display:block; line-height:20px; border:1px solid #e7e7e7; text-align:center; background:url(../images/more.jpg) no-repeat 48px center; font-size:12px; font-family:Arial; color:#7b7b7b;}
.oneB_left_hd li
{ border-bottom:dashed 1px #b2b2b2;line-height:40px; background:url(../images/news.jpg) no-repeat left center;}
.oneB_left_hd li a
{ font-size:12px; color:#666; padding-left:10px;}
.oneB_left_hd li span
{ float:right; font-size:12px; color:#666;}

.oneB_center
{ width:450px; height:260px; float:left; background:#FFFFFF; font-size:12px; margin-left:20px;}
.oneB_center_hd
{ width:380px; float:right; padding-right:10px;}
.oneB_center_hd h2
{ line-height:30px; font-size:16px; font-weight:bold; padding:10px 0; color:#515151;}
.oneB_center_hd ._con
{ height:170px; overflow:hidden; line-height:24px; color:#515151;}

.oneB_right
{ width:260px; height:260px; float:right;}
.oneB_right li
{ width:50%; height:130px;text-align:center; line-height:130px; color:#FFFFFF; float:left; background:#857575;}
.oneB_right li a
{ font-size:22px; color:#fff;}
.oneB_right li.blue
{ background:#3c879e;}

/*----合作品牌-------*/

.oneC
{ width:1200px; overflow:hidden; margin:0 auto 30px;}
.oneC li
{ width:144px; height:98px; float:left; border:1px solid #dfdfdf; margin:0 2px 2px; cursor:pointer;}

/*----页脚-------*/
.footer
{ width:100%; overflow:hidden; background:#303135;}
.footerA
{ width:1200px; height:184px; margin:0 auto; padding-top:30px;}
.ft-left
{ width:260px; height:100px; float:left; font-size:12px; color:#99999b; border-left:1px solid #45464a; padding:5px 0 0 30px;}
.ft-left i
{ height:28px; line-height:28px; display:block; font-style:normal; margin:5px 0; padding-left:25px; background:url(../images/ion.png) no-repeat;}
.ft-left i.p1
{ background-position:0px -26px;}
.ft-left i.p2
{ background-position:0px -50px;}
.ft-left i.p3
{ background-position:0px -76px;}
.erweima
{ float:right;}
.erweima img
{ width:100px;}

.footA
{ width:100%; overflow:hidden; background:#29282d;}
.foot
{ width:1200px; margin:0 auto; padding:10px 0; font-size:12px; color:#99999b;}



/*========================================= 关于我们 =====================================*/

.ny_ban
{ height:300px;}
.wrap
{ width:1200px; height:100%; margin:30px auto; overflow:hidden;}
.wrap h1
{ height:57px; line-height:57px; font-size:36px;}
.nh_nav
{ float:right;}
.nh_nav li
{ display:inline-block; font-size:14px; height:42px; line-height:42px; background:#fff; text-align:center;}
.nh_nav li a
{ display:block; padding:0 40px;}
.nh_nav li a:hover,.nh_nav li.active a
{ background:url(../images/nh_bn.png) no-repeat #3d889f; color:#fff;}

.about_content
{ width:1200px; overflow:hidden; margin:0 auto; font-size:14px; line-height:30px; padding:20px 0 40px;}
.about_content h2
{ color:#225d95; text-align:center;}
.about_top
{ width:1200px; overflow:hidden; margin:0 auto; height:109px; }
.about_top li
{ width:282px; height:88px; border:2px #dbdbdb solid; float:left; margin-left:18px; display:inline; text-align:center; font-size:40px; font-weight:bolder;
padding-top:17px;}
.about_top li.liA
{ margin-left:inherit;}
.about_top span
{ font-size:18px;}
.about_top p
{ font-size:14px; color:#888888; font-weight:normal;}
.a_pic
{ width:1200px; overflow:hidden; margin:30px auto;}


/*========================================= 产品中心 =====================================*/
.main_l
{ width:246px; float:left;}
.shu_dh
{ width:246px; height:112px; background:url(../images/about_us.jpg) no-repeat; text-align:center;}
.shu_dh span
{ color:#fff; font-size:23px; line-height:112px;}
.main_cont
{ padding-bottom:30px;}
.main_cont li
{ line-height:46px; border-bottom:solid 1px #eeeeee; background:#f8f8f8; text-align:center;}
.main_cont li a
{ display:block;}
.main_cont li a:hover,.main_cont li.active a
{ background:#3d889f; color:#fff;}
.main_r
{ width:77%; float:right;}
.weizhi
{ height:43px; line-height:43px;}
.weizhi h1
{ font-size:24px; color:#363636; float:left;}
.weizhi h2
{ font-size:36px; color:#363636; float:left;}
.weizhi h3
{ font-size:13px; color:#363636; padding-top:10px; float:right; font-weight:normal;}
.productA
{ overflow:hidden; padding:20px 0;}
.productA li
{ width:216px; height:246px; border:solid 1px #ddd; float:left; margin:0 17px 17px 0;}
.productA li.liA
{ margin-right:inherit;}
.productA li a
{ display:block;}
.productA li i
{ height:205px; display:block; text-align:center; overflow:hidden;}
.productA li span
{ display:block; background:#ddd; height:41px; line-height:41px; color:#333; padding-left:15px;}


/*============================ 产品中心详情 ============================*/
.proCon_t
{ width:100%; overflow:hidden;}
.proCon_t .lt
{ width:334px;  border:1px solid #ccc; float:left;}
.proCon_t .rt
{ width:500px; height:250px; background:#f6f6f6; padding:30px; float:right;}
.proCon_t .rt h1
{ font-size:20px; border-bottom:2px solid #d7d7d7; padding-bottom:10px;}
.proCon_t .rt ._p
{ line-height:24px; height:48px; margin:10px 0;}
.proCon_t .rt ._bar
{ text-align:center; padding:10px 0 0; border-top:2px solid #d7d7d7;}
.proCon_t .rt ._bar .btn
{ display:inline-block; width:218px; height:45px; line-height:45px; background:url(../images/cart.png) no-repeat 50px center #3d889f; color:#fff; font-size:22px; margin:20px 0; padding-left:30px;}
.proCon_t .rt ._bar em
{ color:#005ca1; font-size:18px; font-weight:700; font-style:normal;}

.proCon_t2
{ overflow:hidden; padding:30px 0;}
.proCon_t2 .tab_b
{ width:100%; height:35px; border-bottom:1px solid #ccc;}
.proCon_t2 .tab_b h2
{ width:10%; height:34px; line-height:34px; border-bottom:2px solid #0c63a5; font-size:16px;}
.proCon_t2 .tab_c
{ padding:20px 0; line-height:26px;}



/*============================ 工程案例 ============================*/
.case
{ width:1200px; margin:40px auto 0;}
.case li
{ width:223px; /*height:205px;*/ float:left; margin:0 20px 15px 0;}
.case li.liA
{ margin-right:inherit;}
.case li i
{ height:276px; display:block; text-align:center; overflow:hidden;}
.case li span
{ height:40px; background:#f5f8fa; color:#333; line-height:40px; display:block; text-align:center; border-bottom:3px solid #afafaf; font-size:12px; font-weight:bold;}
.case li a:hover span
{ border-bottom:3px solid #3d889f;}

/*============================ 技术知识 ============================*/
.news_lt
{ width:73%; float:left;}
.news_top
{ overflow:hidden;}
.news_top dt
{ width:332px; margin-right:10px; float:left;}
.news_top dd .date
{ color:#3d889f; font-size:14px;}
.news_top dd .titleB
{ font-size:20px; margin:10px 0 15px;}
.news_top dd .p
{ font-size:13px; line-height:23px; height:46px; overflow:hidden;}
.news_top dd ._detail
{ display:inline-block; font-size:16px; color:#3d889f; background:#e4e4e4; width:60%; padding:13px 0; text-align:center; margin-top:37px;}
.news_top dd ._detail a
{ height:100%; display:block;}
.news_lis
{ margin-top:20px;}
.news_list li
{ overflow:hidden; padding:20px 0; border-bottom:1px #e5e5e5 solid;}
.news_list li .data
{ background:#e4e4e4; font-family:Arial; width:88px; height:88px; text-align:center; margin-right:2%; float:left;}
.news_list li .data span
{ display:block;}
.news_list li .data .day
{ font-size:35px; font-weight:bold; color:#3d889f; line-height:36px; padding-top:16px;}
.news_list li .titleC
{ font-size:20px;}
.news_list li .p
{ font-size:12px; line-height:21px; height:42px; overflow:hidden; padding-top:6px; color:#505050;}
.news_rt
{ width:23%; float:right;}
.news_nav
{ background:#3d889f;}
.news_nav li
{ height:60px; line-height:60px; text-align:center; border-bottom:solid 1px #78abbc;}
.news_nav li a
{ display:block; font-size:16px; color:#FFFFFF;}
.news_nav li a:hover,.news_nav li.active a
{ font-weight:bold;}
.nright_new
{ background:#e1f2ff; padding:25px 5%; margin-top:15px;}
.nright_new h2
{ padding-bottom:20px;}
.nright_new li
{ font-size:12px; padding:4px 0 4px 15px; background:url(../images/ico1.png) no-repeat left center;}

/*===========================新闻详情=================================*/
.news_info
{ overflow:hidden; background:#fff; border:solid 1px #e3e3e3; margin-bottom:30px; padding-bottom:10px;}
.info_title
{ padding:20px 0 0; text-align:center;}
.info_title h1
{ font-size:24px; font-weight:bold;}
.info_laiyuan
{ background:#F5F5F5; line-height:35px; color:#515151; font-size:12px; text-align:center; margin:10px;}
.info_text
{ padding:20px; line-height:2;}
.info_text img
{ max-width:100%;  }
.info_picA
{ padding:10px; text-align:center;}
.info_picA img
{ max-width:100%;  width: expression(this.width > 720 ? 720: true)}

/*===========================联系我们=================================*/
.con_left
{ width:550px; height:auto; padding-top:30px; float:left;}
.con_title
{ height:auto; font-size:24px; line-height:26px;}
.con_title span
{ font-size:14px; color:#9c9c9c;}
.con_info
{ height:auto; margin-top:30px;}
.con_info .con01
{ background:url(../images/conbg01.jpg) left center no-repeat;}
.con_info .con02
{ background:url(../images/conbg02.jpg) left center no-repeat;}
.con_info .con03
{ background:url(../images/conbg03.jpg) left center no-repeat;}
.con_info .con04
{ background:url(../images/conbg04.jpg) left center no-repeat;}
.con_info li
{ height:48px; line-height:48px; font-size:18px; padding-left:30px;}
.con_info span
{ color:#3d889f;}
.con_right
{ width:640px; height:318px; float:right; margin-bottom:30px;}

















