@charset "utf-8";
/* CSS Document */
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family:Arial, Helvetica,'微软雅黑','\5B8B\4F53'; }
body{font-size:12px;text-align:center;background:#fff;}
*{margin:0px;padding:0px;text-align:left;}
li{list-style-type:none;}
a{text-decoration:none;}
img{border:0px; vertical-align:middle;}
.pub{width:1200px;height:auto;margin:auto;}
.over{overflow:hidden;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

/*首页 */
.topbg{ background: #fff;}
.top{ overflow: hidden; background: #fff; padding-bottom: 30px;}
.logo{ float: left; width:240px; overflow: hidden; margin-top: 30px;}
.nav{ float: left; margin-left: 80px; overflow: hidden;}
.nav li{ float: left; margin-top: 50px; margin-left: 40px; line-height: 40px;}
.nav li:hover{ border-bottom: 2px solid #57a221;}
.nav li:hover a{ color: #57a221;}
.nav li a{ font-size: 18px; color: #555;}
.nav .nav_over{ border-bottom: 2px solid #57a221;}
.nav .nav_over a{ color: #57a221;}
.tel{ background: url("../images/top_tel.jpg") no-repeat left; float: left; height: 24px; padding-left: 30px; margin-top: 58px; line-height: 24px; font-size: 22px; margin-left: 50px; overflow: hidden;}

.banner{width:100%;height:auto;text-align:center; background: #000;}
/* focusBar */
#focusBar{width:100%;height:600px;clear:both;position:relative;background:#242424;overflow:hidden;}
#focusBar li{width:100%;clear:both;height:600px;display:none;position:absolute;/* position:relative;*/}
#focusBar .focusL{height:600px;position:absolute;z-index:9;/*left:-1000px;*/ top:0px;left:-500px;margin-left:50%;}
#focusBar .focusR{height:600px;position:absolute;z-index:19;/* right:1000px;*/top:0px;left:-500px;margin-left:80%;}

a.arrL,a.arrR{display:block;width:52px;height:134px;position:absolute;top:230px;z-index:99;cursor:pointer;background:url(../images/bt_arr.png) no-repeat;}
a.arrL{left:-52px;background-position:0px 0px;}
a.arrR{right:-52px;background-position:-68px 0px;}
a.arrL:hover{background-position:0px -144px;}
a.arrR:hover{background-position:-68px -144px;}

.searchbg{ background:#fff; padding:40px 0px;}
.search{ overflow: hidden; text-align: center; margin-left: 50px;}
.search li{ float: left;}
.search li input[type='text']{ width:840px; height: 60px; line-height: 65px; border:0px; background: url("../images/search_bg.png") no-repeat #f4f5f9 20px; font-size: 16px; padding-left:60px; color: #555;}
.search li input[type='submit']{ float: left; height: 60px; width: 178px; text-align: center; border:0px; background: #f2944f; color: #fff; font-size: 18px;}
.search li input[type='submit']:hover{ background: #57a221; transition: all 0.3s ease-in; cursor: pointer;}

.index_title{ overflow: hidden; width:100%; margin-top: 80px; margin-bottom: 50px;}
.index_title li:first-child{ font-size: 30px; color:#57A221; text-align: center; width: 100%;}
.index_title li:last-child{ font-size: 14px; color: #666; text-align: center; width: 100%; margin-top: 10px;}
.index_service_bg{ background: #f9fafe;}
.server{ overflow: hidden;}
.server li{ width: 280px; height: 360px; margin-bottom: 10px; float: left; background: #fff; margin-right: 20px; border-radius: 10px; box-shadow:2px 2px 5px #CCC;}
.server li:last-child{ margin-right: 0px;}
.server li .p1{ margin-top: 58px; text-align: center; background: #f1f1f1; border-radius: 50%; padding:20px; width:40px; height: 40px; margin-left: 100px;}
.server li .p1 img{ max-width:40px; max-height: 40px;}
.server li .p2{ margin-top: 25px; text-align: center; font-size: 22px; color: #333;}
.server li .p3{ margin-top: 25px; text-align: center; font-size: 16px; color: #333;}
.server li .p4{ margin-top: 50px; margin-left: 90px; text-align: center; font-size: 14px; background: #F2944F; width:100px; height: 38px; line-height: 38px; border-radius: 5px;}
.server li .p4 a{ color: #fff;}
.server li:hover{ background: #57A221; cursor: pointer;}
.server li:hover .p1{ background: #fff; padding:20px; width:40px; height: 40px; margin-left: 100px; border-radius: 50%;}
.server li:hover .p2{ color: #fff;}
.server li:hover .p3{ color: #fff;}
.server li:hover .p4{ background: #fff;}
.server li:hover .p4 a{ color: #F2944F;}

.more{ text-align: center; width: 100%; overflow: hidden; margin: 0 auto; padding:10px 20px; background: #F2944F; font-size: 14px; width: 100px; margin-top: 30px;}
.more a{ color: #fff;}
.more:hover{ background: #57A221;}

.index_case_bg{ background: #f9fafe; padding-bottom: 60px;}
.index_case{ background: #fff; padding:50px; overflow: hidden;}
.index_case_list{ overflow: hidden;}
.index_case_list li{ float: left; width: 220px; text-align: center;}
.wrap{ width: 1100px; height: 65px; position: relative; overflow: hidden;}
.wrap ul{ overflow: hidden; position:absolute; width: 1600px; left: 0; top: 0; _height:1px;}
.wrap ul li{ float: left; width: 220px; margin-right:20px; text-align:center;}
.wrap ul li img{ height:65px; max-width:220px;}

.banner2{ width: 100%; text-align: center; overflow: hidden;}

.index_news_bg{background: #f9fafe; padding-bottom: 80px;}
.index_news_title{ overflow: hidden;}
.index_news_title ul{ width: 390px; text-align: center; margin: 0 auto;}
.index_news_title li{ text-align: center; float: left; width: 128px; height: 48px; line-height: 48px; border-left: 1px solid #57A221; border-top: 1px solid #57A221; border-bottom: 1px solid #57A221;}
.index_news_title li:last-child{ border-right: 1px solid #57A221;}
.index_news_title li a{ font-size: 16px; color: #333;}
.index_news_title li:hover{ background: #57A221;}
.index_news_title li:hover a{ color: #fff;}
.index_news_title li.news_over{ background: #57A221;}
.index_news_title li.news_over a{ color: #fff;}
.news_list_left{ float: left; margin-top: 85px; width: 582px; overflow: hidden;}
.news_list_left p img{ width: 582px; height: 300px;}
.news_list_left .news_p1 a{ font-size: 18px; line-height: 40px; color: #333;overflow: hidden;}
.news_list_left .news_p2{ font-size: 14px; color: #666; line-height: 40px;}
.news_list_left p:last-child a{ font-size: 16px; color: #57A221;}
.news_list_right{ overflow: hidden; float: left; margin-left: 50px; width:568px; margin-top: 85px;}
.news_list_right li{ margin-bottom: 20px; overflow: hidden;}
.news_list_right li a{ color: #333;}
.news_list_right li .news_date{ width: 120px; height: 80px; float: left; border-right: 1px solid #CCCCCC;}
.news_list_right li .news_date p:first-child{ font-size: 28px; text-align: center; margin-top: 15px;}
.news_list_right li .news_date p:last-child{ font-size: 18px; text-align: center; margin-top: 5px;}
.news_list_right li .news_con{ width: 427px; height: 80px; float: left; margin-left: 20px; overflow: hidden;}
.news_list_right li .news_con p:first-child{ font-size: 20px; height: 52px;}
.news_list_right li:hover .news_con p:first-child{ color: #57A221;}
.news_list_right li .news_con p:last-child{ font-size: 14px; color: #666;}

.footbg{ background: #1f1f24; width:100%; overflow: hidden; border-bottom: 1px solid #343434; padding-bottom: 20px;}
.foot{ overflow: hidden; padding-top: 50px; }
.foot_nav{ width: 710px; overflow: hidden; float: left; border-right: 1px solid #343434;}
.foot_nav li{ float: left; padding-right: 70px;}
.foot_nav li p:first-child{ margin-bottom: 10px; text-align: center;}
.foot_nav li p:first-child a{ font-size: 18px; color: #aeaeae;}
.foot_nav li p { text-align: center; line-height: 38px;}
.foot_nav li p a{ font-size: 14px; color: #737373;}
.foot_con{ padding-left:70px; overflow: hidden; float:left; width: 419px;}
.foot_con .foot_p1{ font-size: 16px; color: #737373; background: url("../images/foot_ico01.png") no-repeat; padding-left:36px; height: 24px; line-height: 24px;}
.foot_con .foot_p2{margin-top:20px; font-size: 16px; color: #737373; background: url("../images/foot_ico02.png") no-repeat 5px; padding-left:36px; height: 24px; line-height: 24px;}
.foot_con .foot_p3{margin-top:20px; font-size: 16px; color: #737373; background: url("../images/foot_ico03.png") no-repeat; padding-left:36px; height: 24px; line-height: 30px;}
.foot_con li{ float: left; margin-top: 60px; margin-right: 80px;}
.foot_con li p{ text-align: center; line-height: 40px; color: #737373; font-size: 14px;}
.foot_con li img{ width:111px; height:111px;}
.bqbg{background: #1f1f24;}
.bq{ height: 70px; line-height: 70px; font-size: 16px; color: #737373; text-align: center;}
.bq a{ font-size: 16px; color: #737373; margin-left: 20px;}
.bq a.beian{ background: url("../images/beian.png") no-repeat left; padding-left:26px;}
.bq .gongan{ background: url("../images/gongan.png") no-repeat left; padding-left:25px; }

/*内页banner*/
.banner3{ width: 100%; text-align: center; height: 400px; overflow: hidden;}

/*单页*/
.zy{position:relative;}
.zy_xm{position:absolute;top:-200px;left:900px;z-index:80;text-align:right;font-size:40px;color:#aa7c51;font-family:Simsun;font-weight:bold;text-transform: uppercase;text-shadow: 2px 3px 3px #ccc;}
.zy_nr{min-height:500px;height:auto;}
.clear_0{clear:inherit;}
.zy_a{width:230px;height:auto;position:relative;}
.zy_xm2{position:absolute;top:-90px;z-index:90;left:0px; width:230px;height:90px;color:#fff;text-align:center;line-height:90px;font-size:24px;background:url(../images/bg-3.png) repeat;}
.xm_lie li{width:230px;height:68px;text-align:center;line-height:68px;background:#eee;font-size:18px;margin-bottom:5px;}
.xm_lie li a{color:#333;}
.xm_lie li:hover{background:#f2944f;}
.xm_lie li:hover a{color:#fff;}
.xm_lie .xm_jh{background:#f2944f;}
.xm_lie .xm_jh a{color:#fff;}
.zy_b{width:920px;margin-left:50px;}
.way{margin-top:20px;line-height:35px;background:url(../images/xian-2.png) repeat-x left bottom;color:#666; font-size: 14px;}
.way a{color:#666;}
.way a:hover{color:#f2944f;}
.way_a{height:32px;line-height:32px;font-size:18px;border-bottom:3px solid #57a221;font-weight:500;}
.about_us{padding-top:30px;font-size:16px;line-height:36px; margin-top: 20px; margin-bottom: 50px;}

/*新闻*/
.new_list{ overflow: hidden; margin-bottom: 30px;}
.new_list li{margin:40px 0px;}
.new_list li p{line-height:30px;font-size:16px;color:#333;}
.new_list li p .list_a{font-size:18px;width:785px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_list li p .list_a a{color:#333;}
.new_list li p .list_a a:hover{color:#57a221;}
.new_list li div{margin-top:5px;font-size:14px;line-height:20px;color:#666;}

/************************************分页****************************/
.list_page {width:100%; clear:both; overflow: hidden; margin-top:20px; margin-bottom: 50px;}
.list_page ul a {text-decoration:none;color:#797979; border:1px solid #CCCCCC; float:left; font-size:14px; height:34px; line-height:34px; text-align:center; margin-right:2px; padding:0 10px;}
.list_page ul a:hover {background:#57a221;color:#fff; border:1px solid #CCCCCC}
.list_page_null{ font-size:16px; width:100%; text-align:left; margin-top:30px;}

.next{text-align:left;margin-top:30px;}
.next ul{display:inline-block;overflow:hidden;}
.next ul li{float:left;padding:0px 10px;line-height:25px;border:1px solid #ccc;margin-left:5px;}
.next ul li a{color:#333;}
.next ul li:hover{background:#57a221}
.next ul li:hover a{color:#fff;}

.new_about{padding-top:20px; margin-bottom: 50px;}
.new_title{text-align:center;font-size:22px;line-height:50px; margin-top:20px;color: #333;letter-spacing:1px;}
.new_xx{text-align:center;color:#666;letter-spacing:1px; font-size: 16px; margin-top: 10px;}
.new_nr{margin-top:50px;font-size:16px;line-height:36px;}

/*案例*/
.caselist{ overflow: hidden; width: 100%; margin-bottom: 50px;}
.caselist li{ float: left; width:200px; margin-right:40px; margin-top: 40px; text-align: center;}
.caselist li:nth-child(4n+4){ margin-right: 0px;}
.caselist li p{ text-align: center; color: #333; font-size: 16px; line-height: 40px;}
.caselist li:hover p{ color: #57a221;}
.caselist li img{ max-width: 200px; max-height: 65px;}