@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; font-family: "微软雅黑" , Verdana, Arial; line-height: 150%; margin: 0; padding: 0; color: #525252; }
div{ margin:0 auto; padding: 0;}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, ol, form, img, p{ margin: 0; padding: 0; border: none; list-style-type: none;}
h1{ font-size:12px; color:#222;}
h2, h3, h4, h5, h6{ font-size: 12px; color:#333;}

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear:both;}
.tc{ text-align:center;}
.tr{ text-align:right;}

a{ color: #525252; text-decoration: none;}
a:hover{ color: #525252; text-decoration: none;}


.more{ font-size:12px; color:#545454;font-family:Arial, Helvetica, sans-serif; padding:15px 10px 0 0}
.more2{ font-size:14px; color:#B9B9BA;font-family:Arial, Helvetica, sans-serif;}
.more:hover { text-decoration:underline; color:#545454;}

.mt{ margin-top:15px;}
.ml{ margin-left:18px;}

.cp{ font-family:Arial;}
/*以下可以公用*/

.head_bg{ background:#1E1E1E ; height:115px;margin:0 auto; }
#header{ padding: 0;width:1139px; }
.main_bg{background: url(../images/main_bg.jpg) repeat-x  }
#main{ width:1139px;margin-top:40px;}

/*---------------------header-------------------*/
.logo{  width:226px; padding:15px 0 0  18px;}
.topright{float:left;margin-top:20px;margin-left:550px;}
.topright a{color:#ccc;margin:10px;}
.telser{color:#ccc;font-size:16px; font-style:italic;margin-top:20px;color:#fff;}
.telser span{ font-size:26px !important; font-weight:bold;color:#fff;}
/*---------------------nav-------------------*/
.navbox{height:64px;line-height:64px; background:#323232;clear:both;}
#nav { width: 1140px;margin:0 auto;height:64px;line-height:64px; background:#323232;}
#nav ul li { float:left;}
#nav li a.current{}
.nav_list{ background:#ccc; width:1px; height:18px; margin-top:8px}
#nav ul li a { display:block;width:160px;line-height:64px; height:64px;font-size:16px; color:#fff; text-align:center; font-family:"微软雅黑";}
#nav ul .long_li a{ width:134px}
#nav .cur{cursor:default;}
#nav ul li a:hover { background: url(../images/navbg.jpg)  repeat-x; color:#fff;}
#nav ul li ul {display:none; position:absolute; z-index:999999; width:138px;}
#nav ul li ul li a { font-weight:normal; display: block; background: url(../images/nav.png)  ; font-size:14px;  color: #fff; line-height: 35px; height: 35px; text-align: center; }
#nav ul li ul li a:hover {color:#fff;background:#2E2E2E; text-decoration:none }
#nav ul li:hover ul { display:block;}
#nav ul li.sfhover ul { display:block;}


/*---------------------banner-------------------*/
#banner{ width:100%; height:472px; margin: 0 auto; position:relative; clear:both}
.notice_bg{ background: #535454; height:36px;line-height:36px; color:#fff;font-family:"微软雅黑";z-index:0}
.notice{ width:1100px; background: url(../images/notice.jpg) no-repeat 7px 7px;height:34px;  padding-left:39px }
.notice a{color:#fff }
.notice a:hover{ text-decoration:underline}
/* ---banner--- */
#flash { width:100%; height:429px; overflow:hidden;margin:0 auto; clear:both; position:relative;/*--*/}
#flash a {width:100%; height:429px; display:none;}
#flash img { 100%; height:429px; }
.flash_bar { width:120px;  height:30px;text-align:center; right:20%;bottom:0; position:absolute; z-index:999999}
.flash_bar .dq { display:block; float:left; width:19px; height:19px; margin:1px 1px; cursor:pointer;
background: url(../images/01.png) no-repeat ;  }
.flash_bar .no { display:block; float:left;width:19px; height:19px; margin:1px 1px;  cursor:pointer;
background: url(../images/02.png) no-repeat ; }
#flashBg { 100%; height:429px;overflow:hidden; }
#flashLine {background:url(../images/touming.png) repeat-x center bottom;100%; height:429px; clear:both; }
/*---------------------main-------------------*/


.about_pic{ width:1139px; margin-top:55px; overflow:hidden;font-family:"微软雅黑"; }
.about_pic .title{ height:50px; line-height:50px;; font-size:25px; font-weight:normal; color:#c6c6c6; padding-left:25px}

.about_pic .title img{ padding:20px 0 0 0 }

.about_pic li {float:left;  width:195px; height:254px;background:url(../images/pro_bg.jpg) no-repeat; margin:10px 8px 10px  6px; padding:12px 10px }

.about_pic li h2 a{font-size:16px;color:#BC0526;height:40px; line-height:40px;}
.about_pic li h2 span{ color:#dfdfe0; font-size:12px;height:40px; line-height:40px;  }
.about_pic li img{ width:193px; height:145px;display:block; }
.about_pic li p{ font-family:"宋体"}
.about_pic li p a{ color:#ec5105}
.about_pic li p a:hover{ text-decoration:underline}

.footer_nav{ background: #323232; margin-top:20px; padding:15px 0 ; height:218px;}

.footer_main{width:1040px;margin:0 auto; background:url(../images/nav_bg.jpg) no-repeat 200px 50px ; font-size:}
.footer_nav ul{ margin:0;padding:0;}
.footer_nav ul li { float:left; width:140px;color:#ffffff; font-weight:bold;font-size:14px; line-height:40px; font-weight:normal; width:132px}
.footer_nav ul li b a{ font-size:14px; height:60px; line-height:60px }
.footer_nav ul li a {color:#fff; font-family:"微软雅黑";}
.footer_nav ul li ul { position: relative;  width:140px; margin:0; padding:0}
.footer_nav ul li ul li{ padding:0; margin:0; width:140px; font-size:12px; line-height:24px; font-weight:normal; background:none}
.footer_nav ul li ul li a { width:110px;color:#ffffff; font-family: "宋体"}
.footer_nav p{ font-size:12px}
.footer_nav ul li ul li a:hover { text-decoration:underline }
.footer_nav ul .contact{width:200px}
.footer_nav ul .contact li{ width:200px;}
.footer_bg{background:#1E1E1E;; height:96px; overflow:hidden;}
.footer{ width:1100px; color:#ffffff;font-size:12px; margin:0 auto;height:90px; background:url(../images/foot_NAV.jpg) no-repeat 20px 5px;background:url(../images/foot_NAV.jpg) no-repeat 20px 15px \9}
.footer p{  line-height:24px; padding-left:280px;}


.footer a{ color:#fff;}

.main_content{  }

.main_main{  width:963px; padding:30px 20px;background:url(../images/bg_shadow_y.png) repeat-y;}


/* ---con_left--- */
.con_left{ width:230px;font-family:"微软雅黑"; background:#eaeaea}
.con_left .title{ background:url(../images/title.jpg) no-repeat; height:38px; line-height:38px}
.con_left .title h1{ font-size:16px; color:#fff; padding-left:36px}
.con_left li{ width:230px; height:30px;}
.con_left li a{ display:block;width:170px;height:30px; line-height:30px;  font-size:14px;background: url(../images/listx.png) no-repeat; padding-left:60px}
.con_left li a:hover{background: url(../images/listx2.png) no-repeat center bottom;}

/* ---con_right--- */
.con_right{ width:864px; padding:0 20px; line-height:24px;}

.con_right h1{ padding-left:35px; color:#525252; font-weight:normal; font-family:"微软雅黑"; font-size:18px; margin-bottom:20px}
.con_title { background:url(../images/title.png) no-repeat; height:42px; line-height:38px; margin-bottom:20px}
.con_title span{ padding-right:20px}

.contact{  height:50px; height:160px; background:url(../images/contact_bg1.jpg) no-repeat right  bottom}
.contact2{  height:50px; height:210px; background:url(../images/contact_bg1.jpg) no-repeat right  bottom}
	.contact p{ margin-top:4px; padding:0 10px; line-height:20px;}
	.contact .mt50{ margin-top:45px}
.con_right h3{ line-height:400%; font-size:16px; text-align:center}

/* ---con_list--- */
.con_list, .pro_list{ padding:5px 10px;}
.con_list li{ border-bottom:1px dashed #ccc; line-height:36px; }
	.con_list li span{ float:right;padding-right:10px;}

/*---list_page---*/
.list_page{text-align:center;margin:20px 0 0 0;}
.list_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#A0A0A0;}
.list_page span{background:#f1f1f1;color:#666;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;}

/* ---pro_list--- */
.pro_list li{ float:left; padding:12px 12px; text-align:center; line-height:30px; background: url(../images/caseShadow.png) no-repeat 0 165px}
	.pro_list li a img{ border:1px solid #dfdfdf; padding:1px; width:180px; height:135px;}
	.pro_list li a img:hover{ border:1px solid #aaa;}
.pro_list span{ display:block; font-size:14px}

/* ---con_content--- */
.con_content{ padding:10px 20px 20px 20px;}
	.con_content h2{ font-size:14px; text-align:center; margin:20px 0;}
	.con_content p{ margin-top:14px; line-height:22px;}
	.con_content h1{color: #0c84e6; text-align:center;font-size:14px; padding:10px 0;}	
.page_con{ margin-top:25px; padding-left:20px;}

/* ---page 左边--- */





.project_content_list{}
.project_content_list li{ border-bottom:1px dashed #ccc; padding:15px; height:120px}
.project_content_list li img { width:144px; height:108px; padding:1px ; border:1px solid #ccc; margin-right:15px}
.project_content_list li .fr a{ background: url(../images/news_ico.jpg) no-repeat 0 3px; padding-left:20px; height:24px; display:block; font-family:"微软雅黑"; font-weight:bold}


.plug_book_add{ margin-top:40px;}
.plug_book_add dt{margin:6px 0;}
.plug_book_add dt .input{border:1px solid #ccc;height:20px;line-height:20px;color:#666; width:200px;background:#f2f2f2;}
.plug_book_add dt .inputs{width:500px;height:180px;border:1px solid #ccc;overflow:hidden;background:#f2f2f2;}
.plug_book_add select{ width:206px;;background:#f2f2f2;}
.yuyue_btn{ background:url(../images/yuyue_btn.gif) no-repeat 0 0; border:none; cursor:pointer; margin-top:10px; width:143px; height:36px;}


.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999; color:#525252}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer; background:#e50112 url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#e50112 url(../images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #e50112;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family: "微软雅黑";}
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #e50112; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}


/* ---绿化实例--- */
.lvhua{width:193px;float:left;margin:10px 12px 10px 22px;}
.lvhua img{border:5px solid #E3E3E3;margin-bottom:10px;}
.lvhua a:hover img{border:5px solid #666666;}
.lvhua p{ text-align:center;font-size:14px;}
.video{ text-align:center;margin:10px;}
/* ---友情链接--- */
.friends_link{line-height: 30px;background: #f6f6f6;width: 1119px;margin: 0 auto;padding: 10px;}
.fl1140{width:1140px;margin:0 auto}
.fl1140 a{padding:0 10px}
.friends_link span{width:75px;height:25px; line-height:25px;background:url(../images/flinkbg.jpg);display:inline-block;color:#fff;font-size:14px; padding-left:10px;margin-right:10px;}
/* ---QQ客服漂浮--- */
.right_qq {background: url(../images/piaofuqq.jpg);width: 129px;height: 122px;position: fixed;right: 30px;top: 30%;z-index: 2;padding-top: 100px;}
.right_qq a:hover{color:#fff}
.kefu {background: url(../images/qqkf.png);height: 22px;line-height: 22px;width: 69px;display: block;color: #fff;padding-left: 35px;}
.hotline {text-align: center;color: #1c3c7c;font-size: 20px;display: block;margin-bottom: 10px;}
.tel {text-align: center;display: block;color: #eda821;font-size: 15px;font-weight: bold;margin-top: 10px;}
.close {position: absolute;top: 5px;right: 5px;display:none;}
.right_qq p {margin: 0 10px 10px 10px;}
.clqq {width: 32px;height: 137px;position: fixed;right: 0;top: 25%;z-index: 2;padding-top: 60px;display: none;}

/* ---幻灯--- */

table{border-collapse:collapse;border-spacing:0}a{cursor:pointer;text-decoration:none;hide-focus:expression(this.hideFocus=true)}:focus,:active{outline:none !important}.hidden{display:none;animation:none !important}.fadein 0%{opacity:0}.fadein 100%{opacity:1}@-webkit-keyframes dropin{0%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}}@-o-keyframes dropin{0%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes dropin{0%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}}.dropin 0%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0}.dropin 100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.fade{-webkit-transition:all 0.5s;transition:all 0.5s}.fade.in,.fade.out{opacity:0}.slider .fade.out{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}header .share .share-wechat{background-image:url("../images/slices.png");background-repeat:no-repeat;background-position:-348px 0;_background-image:url("../images/slices.gif")}header .navmenu li div a:hover{color:#fff;background:transparent;filter:none}header .navmenu li:hover div{display:block;-webkit-animation:fadein .25s;animation:fadein .25s}.slider{height:474px}.slider .slider-flow{height:474px}.slider .slider-flow li{height:474px}.slider .slider-btn{margin-top:201px}.slider .slider-flow{background:#333;overflow:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slider .slider-flow li{position:absolute;width:100%;overflow:hidden;background-position:center top;background-size:cover}.slider .slider-flow .slider .slider-flow .titlebox{float:left;height:270px;overflow:hidden;margin-top:192px;_margin-top:169px;padding:12px;background-color:#000;background-color:rgba(0,0,0,0.7);zoom:1;background-color:transparent\9;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000);max-width:320px;_width:294px;color:#fff}.slider .slider-flow .titlebox h1{font-size:64px;max-height:144px;_height:72px;overflow:hidden;margin-bottom:9px}.slider .slider-flow .titlebox h2{font-size:20px;max-height:36px;_height:18px;overflow:hidden;margin-bottom:6px}.slider .slider-flow .titlebox h3{font-size:24px;margin-bottom:6px;color:#52cfa0}.slider .slider-flow .titlebox p{font-size:14px;line-height:1.25}.slider .slider-flow .on .titlebox{-webkit-animation:slidein 2s both;animation:slidein 2s both}.slider .slider-flow .on .titlebox h1{-webkit-animation:slidein 2s both;animation:slidein 2s both}.slider .slider-flow .on .titlebox h2{-webkit-animation:slidein 1s both 1s;animation:slidein 1s both 1s}.slider .slider-flow .on .titlebox h3{-webkit-animation:slidein 1.5s both 1s;animation:slidein 1.5s both 1s}.slider .slider-flow .on .titlebox p{-webkit-animation:slidein 2s both 1s;animation:slidein 2s both 1s}.slider .slider-nav{*zoom:1}.slider .slider-nav:before,.slider .slider-nav:after{content:" ";display:table}.slider .slider-nav:after{clear:both}.slider .slider-nav a{display:block;float:left;height:6px;overflow:hidden;margin-left:-1px;*margin-left:-2px;background:#666;border-left:solid 1px #fff}.slider .slider-nav a.on{background:#000}.slider .slider-btn{position:absolute;z-index:9;width:20px;height:35px;opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;display:none\9;_display:block;background-color:rgba(0,0,0,0.8);background-color:#000\9;padding:20px 10px}.slider:hover .slider-btn{opacity:.8;display:block\9}.slider .slider-prev{left:0;background-image:url("../images/slices.png");background-repeat:no-repeat;background-position:-185px 20px;_background-image:url("../images/slices.gif")}.slider .slider-next{right:0;background-image:url("../images/slices.png");background-repeat:no-repeat;background-position:-223px 20px;_background-image:url("../images/slices.gif")}.slider.small{height:254px}.slider.small .slider-flow{height:254px}.slider.small .slider-flow li{height:254px}.slider.small .slider-btn{margin-top:91px}.slider.small .slider-flow .titlebox{margin-top:74px;height:168px}.banner{height:146px;background-position:center center;background-size:cover}.sub-nav{line-height:36px;background:#666;text-shadow:1px 1px 0 #333}.sub-nav a{color:#fff;margin-right:2em;vertical-align:middle;display:inline-block;*display:inline;*zoom:1}.sub-nav a.on,.sub-nav a:hover{color:#7adab6}.sub-nav a.on{padding-top:3px;line-height:30px;border-bottom:solid 3px #34ba88}