@charset "gb2312";
/* CSS Document */
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{color:#333333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1100px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none; vertical-align:bottom;}
body a img
{ border:none;}
a
{ color:#444444; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{ outline:none;} 
a:link
{ text-decoration:none;}
a:hover
{ color:#e87a05; text-decoration: none; }
.clear:after
{content:''; display:block; 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;}


/*============================ 公共部分 ============================*/

/* 文章类别上下页 */
.waiyefanye
{ height:40px; text-align:center;  font-size:14px; padding:20px 0 10px 0;  clear:both;}
.waiyefanye span
{ color:#b60303;}
.waiyefanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #5C5C5C;  margin-right: 5px; padding:5px 6px; background:#e4e2e3;  border:1px solid #dedddd;  display: inline-block; }
.waiyefanye a:hover
{color: #ffffff; background:#0662c5; text-decoration:none;}

/* 文章上下篇 */
.wengzhengfanye
{ line-height:25px;   margin:20px 0px;  clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:12px; }
.wengzhengfanye span
{font-weight:bold; }
.wengzhengfanye a
{  text-decoration:none; }
.wengzhengfanye a:hover
{ text-decoration:none; }

/*设置最大宽度和高度max-height:335px; height: expression(this.height >335 ? 335: true);
max-width:630px; width: expression(this.width > 630 ? 630: true)*/


/* 数字上下页 */
.page_fanye
{ width:100%; height:auto;  text-align:center; padding:30px 0; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye2
{ color:#333; }
.page_fanye a
{  height:24px; line-height:24px; text-align:center; padding:0 8px; background:#efefef; border:1px solid #efefef; display:inline-block;}
.page_fanye span
{  height:24px; line-height:24px;  padding:0 10px; display: inline-block;}
.page_fanye span input
{ width:28px; height:28px; text-align:center; border:1px solid #efefef;}
.page_fanye .onpage
{ background:#0662c5; color:#FFFFFF;}
.page_fanye a.page_home,.page_fanye a.page_home:hover
{ width:60px; background:url(../imagess/page5.jpg) no-repeat center center; color:#666666; }
.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px; background:url(../imagess/page5.jpg) no-repeat center center; color:#666666; }
.page_fanye a:hover
{ background:#0662c5; color:#fff; font-weight:normal; }
.page_fanye a.skipA
{ width:80px; height:33px; color:#fff;  background:url(../imagess/page5.jpg) no-repeat center center;}




/*============================ 首页 ============================*/
.top
{ width:1100px; height:113px; margin:0 auto;}
.logo
{ width:470px; height:110px; float:left;}
.top_right
{ width:299px; height:113px; float:right; background:url(../images/jl_04.jpg) no-repeat left center;}
.top_right p
{ height:40px; color:#000; background:url(../images/tb_03.jpg) no-repeat left 35px; padding:30px 0 0 30px;}
.top_right p b
{ font-size:24px; color:#F00; font-weight:normal;}
.top_right span
{ color:#898989; text-align:center; display:block;}
.nav
{ width:100%; height:50px; background:#00824a;}
.navB
{ width:1100px; margin:0 auto;}
.navB ul li
{ width:157px; height:50px; line-height:50px; text-align:center; float:left;}
.navB ul li a
{ width:157px; height:50px; font-size:16px; display:block; color:#fff;}
.navB ul li a:hover,.navB ul li.active a
{ background:#006c3e; color:#FFF; font-weight:normal;}

/*============================ banner ============================*/
.banner
{width:100%; height:410px;  overflow:hidden;   position:relative; margin:0px auto;}
.banner ul li
{width:100%; height:410px; overflow:hidden;  position:absolute; left:0px; top:0px; float:left; }
.banner ul li a
{ height:370px; display:block;}

.banner .pic_pre,.banner .pic_next
{ width:60px; height:90px; background:url(../images/banner_arrows.png); position:absolute; top:140px; z-index:99; cursor:pointer;}
.banner .pic_pre
{ background-position:0px 180px; left:5px;}
.banner .pic_next
{ background-position:0px 90px; right:5px;}
.banner .pic_pre:hover
{ background-position:0px 0px; left:5px;}
.banner .pic_next:hover
{ background-position:0px 270px; right:5px;}


.banner_btn
{ width:100%; height:14px; text-align:center; position:absolute; bottom:10px; z-index:22;}
.banner_btn ol
{  height:14px; margin:0 auto;}
.banner_btn ol li
{ width:14px; height:14px; background:url(../images/banner_btn3.png) no-repeat left top; float:left; margin:0 5px; cursor:pointer;}
.banner_btn ol .Btn_ys
{  background:url(../images/banner_btn3.png) no-repeat left bottom; }
.banner_bottom
{ height:15px; background:url(../images/tb6.jpg) no-repeat center center; }

/*花箱案例*/
.anli
{ width:1100px;  border:solid 1px #e9e9e9; margin:20px auto; overflow:hidden;}
.anli_title
{ width:1081px; height:44px; line-height:44px; font-size:16px; font-weight:bold; color:#333; background:url(../images/jl_03.jpg) no-repeat bottom; margin:10px auto;}
.anliB
{ width:1081px; height:241px; margin:10px auto; overflow:hidden;}
.anliB ul 
{ width:9999px;  height:241px;}
.anliB ul li
{ width:259px; height:241px;  float:left; margin-right:15px;}
.anliB ul li i
{  padding:5px; display:block; border:solid 1px #c9c9c9;}
.anliB ul li i p
{ height:193px; display:block; overflow:hidden; text-align:center;}
.anliB ul li i img
{ height:100%;}
.anliB ul li span
{ height:36px; line-height:36px; text-align:center; display:block;}


/*新闻动态*/
.xinwenA
{ width:1100px; height:267px; margin:0 auto;}
.xinwne
{ width:363px; height:265px;border:solid 1px #e9e9e9; float:left;}
.xinwne_title
{width:341px; height:44px;line-height:44px; background:url(../images/jl_22.jpg) no-repeat bottom; margin:0 auto;}
.xinwne_title h1
{font-size:16px; color:#333; float:left;}
.xinwne_title span
{ font-size:14px; color:#666666; padding-left:10px; float:left;}
.xinwne_title a
{ float:right; padding-top:20px;}
.xinwneB
{ width:341px; height:220px;margin:0 auto;}
.xinwneB ul li
{width:340px; height:36px; line-height:36px;border-bottom:dashed 1px #bcbdbd;}

/*关于我们*/
.guanyu
{ width:452px; height:265px;border:solid 1px #e9e9e9; float:left; margin-left:12px;}
.guanyu_title
{ width:427px; background:url(../images/jl_24.jpg) no-repeat bottom;}
.guanyuB
{ width:427px; height:208px; line-height:26px; margin:5px auto 0; overflow:hidden; }

/*联系我们*/
.lianxi
{ width:254px; height:265px; float:right; border:solid 1px #e9e9e9;}
.lianxi_title
{ width:240px; background:url(../images/jl_26.jpg) no-repeat left bottom;}
.lianxiA
{ width:240px; margin: 0 auto;}
.lianxiB
{ width:240px; height:156px; line-height:26px; margin:0 auto; overflow:hidden;}

/*产品中心*/
.canping
{ width:1100px; height:368px; margin:20px auto;}
.cp_left
{ width:269px; height:366px; float:left; border:solid 1px #e9e9e9;}
.cp_title
{ width:245px; background:url(../images/jl_36.jpg) no-repeat left bottom;}
.canpingA
{ width:245px; margin:0 auto;}
.canpingA ul li
{ height:38px; line-height:38px; background:url(../images/jl_46.jpg) no-repeat left center;border-bottom:dashed 1px #bcbdbd; padding-left:20px;}
.cp_right
{ width:815px; height:366px; float:right; border:solid 1px #e9e9e9;}
.cp_titleB
{ width:801px; background:url(../images/jl_38.jpg) no-repeat left bottom;}
.cp_rightB
{ width:801px; height:308px; margin:10px auto;}
.cp_rightB ul li
{ width:177px; height:146px; text-align:center; float:left; border:solid 1px #efefef; margin:0 25px 10px 0px;}
.cp_rightB ul li.li1
{ margin-right:0px;}
.cp_rightB ul li img
{ width:160px; height:113px; padding:8px; padding-bottom:inherit;}
.cp_rightB ul li span
{ text-align:center; line-height:24px;}

/*底部*/
.foot
{ width:100%; height:128px; background:#2c2d2d;}
.footB
{ width:1100px; color:#FFF; line-height:26px; margin:0 auto; text-align:center; padding-top:20px;}

/*产品*/
.oneAt
{ width:1090px; margin:20px auto; overflow: hidden; 
background:#0094D0;
background: -moz-linear-gradient(right,  #0094D0 0%, #38C2FD 100%);
background: -webkit-gradient(linear, right top, left bottom, color-stop(0%,#0094D0), color-stop(100%,#38C2FD));
background: -webkit-linear-gradient(right,  #0094D0 0%,#38C2FD 100%);
background: -o-linear-gradient(right,  #0094D0 0%,#38C2FD 100%);
background: -ms-linear-gradient(right,  #0094D0 0%,#38C2FD 100%);
background: linear-gradient(to right,  #0094D0 0%,#38C2FD 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094D0', endColorstr='#38C2FD',GradientType=0 );
padding:5px;}
.oneAt ul
{ width:100%; background:#fff; overflow:hidden;}
.oneAt ul li
{ height:36px; line-height:36px; padding:10px; float:left;}
.oneAt ul li a 
{ display: block; padding: 0 20px; font-weight:bold; color: #000; text-decoration: none; border: 1px solid #dedede; border-radius: 20px; background: url(../images/t1.jpg) no-repeat 0 center; background-size: 0 100%; -webkit-transition: all .2s; transition: all .2s; }
.oneAt ul li a:hover,.oneAt ul li.on a  
{ background-size: 100% 100%; color: #fff; border-color: #0096d5; }

.oneA
{ width:1100px; margin:0 auto; overflow:hidden;}
.oneA ul li
{ width:256px; margin:0 25px 25px 0; float:left;}
.oneA ul .liA
{ margin-right:0px;}
.oneA ul li i
{ height:181px;  display:block; overflow:hidden; text-align:center;}
.oneA ul li img
{ height:100%;}
.oneA ul li span
{ height:36px; line-height:36px; background:#f2f2f2; display:block; text-align:center;}

/*花箱服务*/
.oneBt
{ width:1100px; margin:0 auto; text-align:center; padding:30px 0; overflow:hidden;}
.oneBt h2
{ height:30px; line-height:30px; font-size:26px; font-weight:normal; padding:0 80px; display:inline-block; position:relative;}
.oneBt h2:after
{ content:""; width:70px; height:1px; background:#333; position:absolute; left:0px; top:15px; z-index:20;}
.oneBt h2:before
{ content:""; width:70px; height:1px; background:#333; position:absolute; right:0px; top:15px; z-index:20;}

/*服务*/
.oneB
{ width:1100px; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.oneB1
{ width:555px; height:311px; overflow:hidden; float:left; position:relative;}
.oneB1 ul
{ width:9999px; height:311px;}
.oneB1 ul li
{ width:555px; height:311px; float:left;}

.oneB1 .hd
{ width:100%; height:10px; text-align:center; position:absolute; left:0px; bottom:20px; z-index:90;}
.oneB1 .hd ol li
{ width: 10px;  height: 10px; background-color: #8bc82d; display:inline-block; text-indent:99px; border-radius: 50%; cursor: pointer; margin: 0 5px; overflow:hidden; }
.oneB1 .hd ol li.on
{ background:#ccc;}

.oneB2
{ width:500px; float:right; padding-top:30px;}
.oneB2 h2
{ line-height:40px; font-size:28px; font-weight:normal; padding-top:10px;}
.oneB2 p
{ font-size:20px;}
.oneB2 dl
{ overflow:hidden; padding-top:20px;}
.oneB2 dl dt
{ width:64px; float:left;}
.oneB2 dl dd
{ padding-left:80px; line-height:66px; font-size:40px;}

/*流畅*/
.oneCs
{ background:#89c92a; overflow:hidden; clear:both;}
.oneCs .oneBt h2
{ color:#fff;}
.oneBt h2:after,.oneBt h2:before
{  background:#fff; }
.oneC
{ text-align:center; padding-bottom:40px; overflow:hidden;}

/*============================ 关于我们============================*/
.neiyeA
{ width:100%; background:#f3f3f3; overflow:hidden;}
.neiye
{ width:1100px; margin:20px auto; overflow:hidden;}
.ny_left
{ width:275px; background:#fff; overflow:hidden; float:left;}
.ny_lanmu
{ width:275px; overflow:hidden;}
.ny_titleA
{ width:275px; height:88px; background:url(../images/ny_03.jpg) no-repeat left center;}
.ny_titleA h1
{ font-size:18px; color:#333; font-weight:normal; padding:25px 0 0 50px;}
.ny_titleA span
{ font-size:14px; color:#5c5c5c; padding-left:50px;}
.ny_leftA
{ width:275px; float:left;}
.ny_leftA ul li
{ width:275px; height:55px; line-height:55px; background:url(../images/ny_11.jpg) no-repeat left; margin-top:10px;}
.ny_leftA ul li a
{ font-size:16px; color:#fff; padding-left:25px; display:block;}
.ny_leftA ul li a:hover,.ny_leftA ul li.active a
{ width:275px; height:55px;  background:url(../images/ny_09.jpg) no-repeat left center; font-weight:normal; display:block;}
.ny_leftB
{ width:275px; background:#fff; overflow:hidden; margin-top:20px;}
.ny_titleB
{ background:url(../images/ny_14.jpg) no-repeat left center;}
.left_lx
{ width:275px; line-height:26px; padding:20px;}
.ny_right
{ width:793px; float:right; overflow:hidden; background:#fff;}
.ny_weizhi
{ width:793px; height:43px; line-height:43px; background:url(../images/jl_06.jpg) repeat-x left center;}
.ny_weizhi h1
{ width:198px; height:43px; font-size:18px; color:#fff; background:url(../images/wz_03.jpg) no-repeat left; float:left; text-align:center; font-weight:normal;}
.ny_weizhi span
{ float:right; font-size:12px; padding-right:10px;}
.about
{ width:750px; overflow:hidden; line-height:26px; margin:0 auto; padding:20px 0;}

/*============================ 新闻中心============================*/
.news
{ width:750px; overflow:hidden; margin:20px auto;}
.news ul li
{ width:750px; height:40px; line-height:40px; background:url(../images/jl_46.jpg) no-repeat left center; border-bottom:dashed 1px #CCC; padding-left:20px;}
.news ul li span
{ float:right;}
/*详情*/
.news_info
{ width:750px; line-height:24px; margin:20px auto;}
.info_title
{ line-height:34px;text-align:center;}
.info_title h1
{ font-size:20px; color:#ef970d;}
.info_laiyuan
{ line-height:28px; text-align:center; border-bottom:1px dotted #686765;}
.info_text
{ padding:20px 0; line-height:30px;}
.info_pic
{width:100%; height:auto; text-align:center;  padding:20px 0px;}
.info_pic img
{max-width:100%; width: expression(this.width > 940 ? 940: true)}

/*============================ 产品中心============================*/
.cpzx
{ width:770px; overflow:hidden; margin:20px auto;}
.cpzx ul li
{ width:225px; text-align:center; padding:8px; float:left; border:solid 1px #efefef; margin:0 20px 20px 0px;}
.cpzx ul li.li1
{ margin-right:0px;}
.cpzx ul li i
{ height:159px; display:block; text-align:center; overflow:hidden;}
.cpzx ul li i img
{ height:100%;}
.cpzx ul li span
{ height:30px; line-height:30px; display:block; text-align:center;}




/*============================ 花箱案例============================*/
.case
{ width:770px; overflow:hidden; margin:20px auto;}
.case ul li
{ width:243px; height:215px;  text-align:center; float:left; border:solid 1px #efefef; margin:0 16px 20px 0px;}
.case ul li.li1
{ margin-right:0px;}
.case ul li img
{  padding:8px; padding-bottom:inherit;}
.case ul li span
{ height:30px; display:block; text-align:center; line-height:24px;}