@charset "utf-8";
/* CSS Document */

html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul{ list-style:none;}
body{ font-size:12px; color:#333; line-height:23px; font-family:Microsoft YaHei,Verdana; margin:0px; padding:0px;}
img{ border:0;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#666;}
a:hover{ text-decoration:none;}



.top{ width:100%;}
.header-bg{ width:100%; height:32px; background:#ededed;}
.header{ width:1200px; height:32px; line-height:32px; margin:0 auto; overflow:hidden; color:#6b6b6b;}
.header a{ color:#6b6b6b;}
.header-l{ width:500px; float:left; padding:0px 0px 0px 5px}
.header-r{ width:185px; height:32px; float:right;}

.logo{ width:1200px; height:125px; margin:0 auto; overflow:hidden;}
.logo-l{ width:855px; height:125px; background:url(../images/logo-l.jpg) no-repeat; float:left;}
.logo-r{ width:300px; height:125px; background:url(../images/logo-r.gif) no-repeat; float:right;}

.nav-bg{ width:100%; height:49px;border-top: 1px solid #e0e0e0}
.nav{ width:1200px; height:49px; margin:0 auto;border-right: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0}
.nav ul{ width:1200px; margin:0 auto; overflow:hidden;}
.nav ul li{ width:150px; height:49px; line-height:49px; float:left; text-align:center; }
.nav ul li a{ display:block; width:150px; height:49px; color:#333; font-size:15px;font-weight: bold;}
.nav ul li a:hover{ display:block; width:150px; height:49px; color:#009a44;text-decoration:none;}
.nav ul li a.a1{ display:block; width:150px; height:49px; color:#009a44; font-size:14px; background:url(../images/nav-a-bg.gif) repeat-x; text-decoration:none;}

#kinMaxShow{ visibility:hidden; width:100%; height:600px; overflow:hidden;}


/* 中间开始 */


/* 优势 */
.youshi{ width:1200px; height:380px; margin:0 auto; overflow:hidden; position:relative; margin-top: 50px;}
.ys1 {width: 260px;height: 360px;border: 1px solid #e9e9e9;background: #fbfbfb;text-align: center;float: left;margin-right: 35px;}
.ys1 h1{font-size: 46px;color: #666;padding-top: 180px;font-weight: normal}
.ys1 h5{font-size: 18px;color: #009a44;line-height: 50px;font-weight: normal}
.ys1 p{font-size: 14px;color: #666;line-height: 20px;}

.youshi1{ width:90px; height:90px; overflow:hidden; position:absolute;left: 85px;top: 50px;}
.youshi1 img{width: 90px;height: 90px;}
.youshi1 .pic{width:90px; height:90px; position:relative;}
.youshi1 .pic2{ width:90px; height:180px; overflow:hidden; position:absolute; left:0; top:0;}

.youshi2{ width:90px; height:90px; overflow:hidden; position:absolute; left:390px; top:50px;}
.youshi2 img{width: 90px;height: 90px;}
.youshi2 .pic{width:90px; height:90px; position:relative;}
.youshi2 .pic2{ width:90px; height:180px; overflow:hidden; position:absolute; left:0; top:0;}

.youshi3{ width:90px; height:90px; overflow:hidden; position:absolute; left:680px; top:50px;}
.youshi3 img{width: 90px;height: 90px;}
.youshi3 .pic{width:90px; height:90px; position:relative;}
.youshi3 .pic2{ width:90px; height:180px; overflow:hidden; position:absolute; left:0; top:0;}


.youshi4{ width:90px; height:90px; overflow:hidden; position:absolute; left:980px; top:50px;}
.youshi4 img{width: 90px;height: 90px;}
.youshi4 .pic{width:90px; height:90px; position:relative;}
.youshi4 .pic2{ width:90px; height:180px; overflow:hidden; position:absolute; left:0; top:0;}



.middle{ width:100%;}

/* 合作客户 */
.middle-1-bg{ width:100%; border-bottom:6px solid #e4e4e4;}
.middle-1{ width:1200px; margin:0 auto; padding:35px 0px 0px 0px;}
.middle-1-t{ width:1200px; height:67px; background:url(../images/kehu-t.gif) center center no-repeat;}
.middle-1-b{ width:1200px; padding:25px 0px 15px 0px;}

.scroll{ width:1200px; overflow:hidden;}
.scroll_left{ width:46px; height:135px; background:url(../images/kehu-b-left.gif) left 35% no-repeat; float:left;}
.scroll_right{ width:46px; height:135px; background:url(../images/kehu-b-right.gif) right 35% no-repeat; float:left;}



/* 产品中心 */
.prdouct{width: 100%;overflow: hidden;background: #f4f4f4;margin-top: 50px;padding-bottom: 50px;}
.middle-2{ width:1200px; margin:0 auto; overflow:hidden;margin-top: 50px;}
.middle-2-left{ width:260px; float:left;}
.middle-2-left-top{ width:260px;background: #fff;}
.middle-2-left-top-t{ width:260px;background:#009a44;font-size: 28px;color: #fff;text-align: center;padding: 30px 0px}
.middle-2-left-top-t span{ display:block; color:#fff;font-weight: normal;font-size: 18px;line-height: 35px;}
.middle-2-left-top-b{ width:100%; background: #fff; border-top:none; border-bottom:none;padding-bottom: 15px;}

#menu{ width:220px;margin: 0 auto;}
#menu li{ line-height:52px;padding-top:5px;margin-top: 15px;margin-bottom: 15px;}
#menu li a{ display:block; width:220px; height:36px; line-height:36px; font-size:14px; color:#000; background:url(../images/middle-2-left-li-a.jpg) no-repeat; text-decoration:none;text-align: center}
#menu li a:hover{color:#fff;background: #009a44}

.pr_more a{display: block;height: 40px;background:#009a44;text-align: center;color: #fff;line-height: 40px;font-size: 16px;width: 220px;margin-left: 20px;}



#fenlei-b{padding:5px 0px 5px 0px; display:none;}
#fenlei-b li{ text-indent:27px; padding:0px;}
#fenlei-b li a{ display:block; width:233px; height:24px; line-height:24px; background:url(../images/icon2.gif) 8% 50% no-repeat; font-size:12px; color:#666;}
#fenlei-b li a:hover{ color:#009a44;}
#fenlei-b li a.cur{ color:#009a44;}



.middle-2-left-bottom{ width:260px;}
.middle-2-left-bottom-t{ width:260px; height:43px; background:#009a44; text-indent:14px; line-height:43px; color:#fff;  font-size:14px;}
.middle-2-left-bottom-t span{ font-weight:normal; font-size:12px; padding-left:2px;}
.middle-2-left-bottom-b{ width:244px; border:1px solid #e1e1e1; border-top:none; padding:9px 7px 8px 7px;}
.middle-2-left-bottom-b p{ padding:5px 0px 0px 10px; line-height:25px;}

.middle-2-right{ width:900px; float:right;}
.middle-2-right-t{ width:900px; height:30px; line-height:30px; overflow:hidden;}
.middle-2-right-t-l{ color:#009a44; line-height:30px; font-size:24px; float:left;}
.middle-2-right-t-l span{ padding:0px 0px 0px 5px; font-size:12px; color:#666;}
.middle-2-right-t-r{ float:right; padding:13px 10px 0px 0px;}

.middle-2-right-b{ width:894px; overflow:hidden;padding-top: 10px;}
.middle-2-right-b ul{ width:894px; overflow:hidden;}
.middle-2-right-b ul li{ width:280px; float:left; margin:0 5px;}
.middle-2-right-b ul li a{padding: 0px 15px 0px 15px;border:2px solid #f3f3f3;display: block;text-align: center;}
.middle-2-right-b ul li img{width: 100%;height: 207px;background: #fff;display: block;}
.middle-2-right-b ul li span{ display:block;line-height:40px; text-align:center;font-size: 14px;}
.middle-2-right-b ul li a:hover{ border:2px solid #009a44;text-decoration: none}

.difu{width: 1200px;height: 7px;background: url('../images/difu.jpg') repeat-x;margin:0 auto;margin-top: 20px;margin-bottom: 20px;}













/*工程案例*/
.w1200{width: 1200px;margin:0 auto}
.in_case{clear:both;overflow:hidden;padding:38px 0;}
.inabt_1100{}
.case_t{text-align: center;margin-bottom: 20px;}









/* 公司简介 */
.middle-3-bg{ width:100%; background:#ededed; padding:28px 0px 10px 0px;}
.middle-3{ width:1200px; margin:0 auto; overflow:hidden;}
.middle-3-left{ width:815px; float:left; background:#fff; padding:54px 28px 65px 15px;}
.middle-3-left-l{ width:312px; float:left;}
.middle-3-left-r{ width:500px; float:left; padding:100px 0px 0px 0px; background:url(../images/middle-3-left-r.gif) left top no-repeat;}
.middle-3-left-r-t{ color:#000; font-size:14px;}
.middle-3-left-r-c{ color:#666; padding:2px 0px 2px 0px; line-height:22px;}
.middle-3-left-r-b{ padding:7px 0px 0px 0px;}
.middle-3-left-r-b a{ display:block; width:120px; height:40px; border:1px solid #c4c4c4; text-align:center; line-height:40px; color:#a3a3a3; font-size:14px; text-decoration:none;}
.middle-3-left-r-b a:hover{ border:none; background:#009a44; color:#fff;}

.middle-3-right{ width:270px; float:right; background:#fff; padding:18px 18px 18px 18px;}
.middle-3-right-t{ width:197px; height:50px; font-size:16px; color:#333;}
.middle-3-right-t span{ display:block; font-size:12px; line-height:15px; color:#ccc;}
.middle-3-right-b{ width:270px;}
.middle-3-right-b ul li{ width:270px; height:170px;}
.middle-3-right-b ul li img{ width:270px; height:158px;}
.marquee{ width:1270px; height:320px; overflow:hidden;}

/* 新闻动态 */
.middle-4-bg{ width:100%;padding:15px 0px 30px 0px;}
.middle-4{ width:1200px; margin:0 auto; overflow:hidden;}
.middle-4-left{ width:856px; float:left; background:#fff;}
.middle-4-left-t{ width:856px; height:86px; overflow:hidden;}


.ixinwen-right{ width:315px; float:left;}
.ixinwen-right dl dd{ width:420px; height:35px; line-height:35px; text-indent:18px; background:url(../images/icon1.gif) 1% 50% no-repeat;font-size: 14px;}

.middle-4-right{ width:261px; float:right; background:#fff; padding:22px 22px 22px 22px;}
.middle-4-right-t{ width:261px; height:50px; overflow:hidden;}
.middle-4-right-t-l{ font-size:16px; color:#333; float:left;}
.middle-4-right-t-l span{ display:block; font-size:12px; line-height:15px; color:#ccc;}
.middle-4-right-t-r{ float:right; padding:13px 0px 0px 0px;}

.middle-4-right-b{ width:261px;}
.middle-4-right-b li{ width:234px; background:url(../images/aq.gif) 1% 5px no-repeat; padding-left:27px; line-height:26px; margin-bottom:5px; padding-bottom:5px; color:#777; border-bottom:1px dotted #ccc;}
.middle-4-right-b li strong a{ color:#222;}
.marqueea{ width:261px; height:299px; overflow:hidden;}

/*新闻*/
.newsmain1 { float:left;width:856px;  padding:20px 0 0 0; }
.newsmain1 .newsli_r{float:left; line-height:1.5; color:#595959;width:550px; margin-left:15px; padding:0 0 0 0; }
.newsmain1 .newsli_rt{float:left;width:550px;}
.newsmain1 .newsli_rt .fl{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:285px;color:#009a44;font-size: 16px;line-height: 40px;}
.newsmain1 p.newscontent{ color:#797979; float:left; width:550px; font-size:14px; overflow:hidden; padding:5px 0 0 0; border-top:1px solid #c8c8c8;font-size: 14px;line-height: 28px;}
.pimg{ float:left;width:260px; height:180px; display:inline; margin:0 0 0 10px ; border:1px solid #d5d5d5}

.news_ful{ float:left; width:856px; padding:10px 0 0 10px;}
.news_ful li{ float:left; width:400px; margin:5px 10px;font-size: 14px; background:url(../images/news_li.jpg) no-repeat; text-indent: 2em}
.news_ful li a{ float:left; width:280px; height:40px; line-height:40px; color:#454545; padding:0 0 0 5px; overflow:hidden; }
.news_ful li  span{ float:right; width:100px; height:40px; line-height:40px ;overflow:hidden; font-size:12px; color:#454545; }


/*公司简介*/
.about_w{width: 100%;height: 327px;background: url('../images/about_bg.jpg') no-repeat;margin-bottom: 30px}
.about{padding-top: 20px;width: 1100px;margin: 0 auto;}
.about_img{width: 565px;float: left;}
.about_img img{}
.about_size{width: 508px;float: right;color: #fff}
 .about_size  .about_t{font-size: 18px;border-bottom: 1px dashed #ffffff;height: 30px;}
 .about_size  .about_t span{height: 30px;border-bottom: 2px solid #fff;display: block;width: 100px;}
 .about_size p{font-size: 14px;line-height: 30px;margin-bottom: 20px;margin-top: 10px}
 .about_size .about_more a{background: #bdf5d5;display: block;color: #009a44;height: 35px;line-height: 35px;text-align: center;font-size: 14px;width: 120px;float: left;margin:0px 5px}
 .about_size .about_more a:hover{background: #333;color: #fff;}


/* 底部开始 */
.footer-bg{ width:100%; background:#202020;padding-top: 20px;}
.footer_li{width: 100%;}
.footer_li img{width: 100%;}
.footer{ width:1100px; margin:0 auto; color:#fff;}
.footer a{ color:#fff;}

.link{ font-size:14px; width:1100px; height:53px; line-height:53px;}
.navb{ width:1100px; height:40px; background:#009a44;margin-top: 30px;}
.navb ul{ width:810px; margin:0 auto;}
.navb ul li{ width:90px; height:40px; line-height:40px; float:left; text-align:center;color:#fff;}
.navb ul li a{ color:#fff; font-size:14px;padding: 0px 10px}
.navb ul li a:hover{ color:#009a44;}

.banquan{ width:1200px; height:215px; overflow:hidden; background:url(../images/blogo.gif) 9% 28px no-repeat;}
.banquan-l{ padding:60px 0px 0px 320px; float:left; line-height:35px;font-size: 14px}
.banquan-r{ width:115px; height:115px; float:left;  padding:40px 0px 0px 50px;}
.banquan a{ color:#fff;}
.banquan a:hover{ color:#fff;}


/*客服代码部分*/
.qqserver .qqserver-header:after,.qqserver .qqserver-header:before,.qqserver li a:after,.qqserver li a:before{display:table; z-index:9999;}
.qqserver .qqserver-header:after,.qqserver li a:after{clear:both}
.qqserver .qqserver-header,.qqserver li a,.tabs,.user-main,.view-category,.view-category-list>li{*zoom:1}
.qqserver{position:fixed;top:50%;right:0;height:209px;margin-top:-104px}
.qqserver.unfold .qqserver-body{right:0}
.qqserver .qqserver-body{position:absolute;right:-144px;width:122px;height:183px;padding:12px 10px;-webkit-transition:.3s cubic-bezier(.19,1,.22,1);-o-transition:.3s cubic-bezier(.19,1,.22,1);transition:.3s cubic-bezier(.19,1,.22,1);border:1px solid #62b651;border-radius:4px;background:#f4f7fa}
.qqserver .qqserver_fold{position:absolute;right:0;padding:14px 7px;cursor:pointer;border-top-left-radius:4px;border-bottom-left-radius:4px;background:#70ca5d}
.qqserver .qqserver-header{padding-bottom:10px;padding-left:6px;border-bottom:1px dashed #d1d4cc}
.qqserver .qqserver-header *{float:left}
.qqserver .qqserver_arrow{margin-top:-1px;margin-left:7px;cursor:pointer}
.qqserver li{margin-top:6px}
.qqserver li a{display:block;padding:6px 12px 4px}
.qqserver li a div{font-size:14px;float:left;margin-right:11px;color:#697466}
.qqserver li a span{font-size:12px;line-height:18px;float:left;text-indent:4px;color:#fff}
.qqserver li a span.qqserver-service-alert{font-weight:400;display:block}
.qqserver li a:hover{text-decoration:none;border-radius:4px;background:#eaebe9}
.qqserver li a:hover div{color:#62b651}
.qqserver .qqserver-footer{margin-top:10px;padding-top:14px;padding-bottom:14px;padding-left:11px;border-top:1px dashed #d1d4cc}
.qqserver .qqserver-footer .text-primary{color:#70CA5D;font-size:14px;}
.qqserver .qqserver_icon-alert{display:inline-block;margin-right:10px;vertical-align:-3px;*display:inline;*zoom:1;*vertical-align:-1px}
.qqserver-header div{width:90px;height:18px;background-image:url('../images/lanren.png');background-position:-419px -80px}
.qqserver_icon-alert{width:16px;height:14px;background-image:url('../images/lanren.png');background-position:-595px -85px}
.qqserver li a span{width:30px;height:23px;background-image:url('../images/lanren.png');background-position:-265px 0}
.qqserver li a .qqserver-service-alert{width:30px;height:22px;background-image:url('../images/lanren.png');background-position:-342px 0}
.qqserver_fold div{width:26px;height:132px;background-image:url('../images/lanren.png');background-position:0 0}
.qqserver_fold:hover div{width:26px;height:132px;background-image:url('../images/lanren.png');background-position:-27px 0}
.qqserver_arrow{width:18px;height:18px;background-image:url('../images/lanren.png');background-position:-435px 0}
.qqserver_arrow:hover{width:18px;height:18px;background-image:url('../images/lanren.png');background-position:-435px -38px}










