/*颜色表
#51a54d #68a267（绿色）		
#505050 #333333 #898989（灰色）		
#fe7c1a(橘色)		

*/
ul,ol,li{list-style: none; padding:0px;margin:0px;}
a{color:#333333}
a:hover{color:#51a54d; text-decoration: none;}

/*区域背景色*/
.color_html,.color_body{background-color:#fff;}
.color_head{}
.color_menu{background-color:#51a54d}
/* .color_body2{background-color:#CADDDB} */
/* .color_body2{background:url(../image/body_bg2.png)} */
/* .color_body3{background:url(../image/body_bg3.jpg) no-repeat bottom center;background-size: 100% auto;} */
.color_body3{background-color:rgba(188,174,171,0.1)}
.color_foot{background-color:#505050;padding:30px 0px}
.color_foot2{background-color:#333333;padding:10px 0px;}

.color_html,.color_html a,
.color_body,.color_body a,
.color_body2,.color_body2 a
{color:#272528}

.color_menu,.color_menu a
{color:#fff}

.color_foot,.color_foot a,
.color_foot2,.color_foot2 a
{color:#c8c8c8}


/* Clouds */
#clouds{background-color:#3A648E}
#clouds path {
	fill: #fff;
	stroke: #fff;
}

/*大区域宽度*/
body{min-width:1200px;padding:0px;margin:0px;}
.width_html{width:1200px;margin:0px auto}
.width_ny_left{width:300px}
.width_ny_right{width:850px}

/*区域尺寸*/
.duiqi_hezi{display: -webkit-flex;display: flex;}/*项目平均分布，两端对齐*/
.duiqi_pingjun{-webkit-justify-content: space-between;justify-content: space-between;}/*项目平均分布，两端对齐*/
.duiqi_chuizhi{-webkit-align-items:center;align-items:center;}/*项目垂直居中对齐*/
.duiqi_denggao{-webkit-align-items:stretch;align-items:stretch;}/*项目高度相等*/

section{padding:50px 0px;}
footer{padding:50px 0px;}

.area_top{padding:10px auto;}

/*头部样式*/
/* .index_logo{height:60px;margin-right:30px;margin-top:10px;}

.index_header h2{color:#799ACF;letter-spacing: 2px;}
.index_header h4{color:#54b3f5;letter-spacing: 1px;} */

.index_topinfo{margin-left:auto}

.index_search{width:300px;}
.index_search .input-group-addon{background-color:#fe7c1a;color:#fff}

#topCarousel{width:100%;}
#topCarousel .carousel-inner img{width:100%}

.index_erweima img{height:120px;}
.index_lianxi{line-height:170%}

/*首页样式*/
.index_title{text-align: center; height:150px; }
.index_title h2{color:#898989}
.index_title h3{color:#68a267; position: relative;}
.index_title h3:before,.index_title h3:after{
	display: block;
	content: " ";
	height:2px;
	width:150px;
	position: absolute;
	top:50%;
	
}

.index_title h3:before{ left:370px;background: linear-gradient(to right,rgba(131,131,131,0),rgba(131,131,131,1));}
.index_title h3:after{ right:370px;background: linear-gradient(to left,rgba(131,131,131,0),rgba(131,131,131,1));}


.index_title2{font-size:20px;color:#272528;border-left:#fe7c1a 5px solid;padding-left:20px;margin-bottom:20px;background:url(/res/202007/13/e78e231530fb284a.png) no-repeat 130px center;}
.index_title3{font-size:20px;color:#fff;border-left:#fe7c1a 5px solid;padding-left:20px;margin-bottom:20px;}
.index_title4{font-size:20px;color:#fff;background-color:#51a54d;width:200px;height:70px; text-align: center; line-height: 70px;margin:0px auto 50px auto}


.index_more{text-align: center;padding-top:50px;}

.index_newlist{width:580px;}
.index_xinwenlist > div{border-bottom:#ececec 1px solid;padding:9px 15px;border-radius: 10px;}
.index_xinwenlist > div:hover{background-color:#f3f3f3; transition: all 0.5s;}
.index_xinwenlist > div > .title a {font-size:20px;color:#333333}
.index_xinwenlist > div > p{line-height:20px;color:#cccccc}
.index_xinwenlist > div  span{line-height:30px;color:#cccccc}

.index_xinwen{width:580px; overflow: hidden;}
.list_new3{}
.list_new3 li{background:url(/res/202007/13/93d97e2f3f047d92.png) no-repeat left center;padding-left:25px;line-height: 37px;font-size:16px;}
.list_new3 li span{float:right;color:#898989;letter-spacing: 1px;}
.list_new3 li a{color:#231815;}
.list_new3 li a:hover{color:#e83928;}


.index_about{position: relative;height:500px;overflow: hidden;}
.index_about .img{background-color:#51a54d;position: absolute;top:0px; left: 60%;overflow: hidden;z-index:900}
.index_about .img img{opacity: 0.3;}
.index_about .text{width:1000px;height:400px;background-color:rgba(255,255,255,0.9);position: absolute;z-index:999;top:50px;padding:30px 50px;font-size:16px; line-height: 200%;}

.index_fengcai{width:100%; overflow: hidden;}
.index_fengcai li{text-align: center;padding:0px 15px}
.index_fengcai li a{font-size:20px;color:#333; line-height: 40px;}
.index_fengcai li img{width:160px; height:200px} 

.index_zhuceshi{width:960px;height:450px; overflow: hidden;margin:0px auto; position: relative;}
.index_zhuceshi > div{width: 200px;height: 250px;float: left;margin-left: 40px;overflow: hidden;transform:rotate(120deg); }
.index_zhuceshi > div img{height: 250px;}
.index_zhuceshi > div > div{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg); }
.index_zhuceshi > div > div > div{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: pink;}
.index_zhuceshi > div > div > div > div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;line-height: 250px;text-align: center;color: #fff;cursor: pointer;transition: opacity 0.3s;}
.index_zhuceshi > div > div > div > div a{color:#fff;font-size:24px;}
.index_zhuceshi > div > div > div:hover > div{background-color:#51a54d;opacity: 0.9;}
.index_zhuceshi > div:nth-child(n+5){margin-top: -50px;}
.index_zhuceshi > div:nth-child(4n+1){margin-left:0px}
.index_zhuceshi > div:nth-child(5){margin-left: 120px;}


.index_zixun > div{width:22%;padding:20px;color:#68a267;box-shadow: 0px 0px 10px #cccccc; height:300px;}
.index_zixun > div:hover{background-color:#68a267; transition: background 1s;}
.index_zixun > div >h1{text-align: center;font-size:50px;line-height:120px;}
.index_zixun > div >h4{text-align: center;color:#333;margin:10px;}
.index_zixun > div > ul,.index_zixun > div > ul a{color:#ccc;line-height:25px;}
.index_zixun > div:hover >h1,.index_zixun > div:hover >h4,.index_zixun > div:hover > ul,.index_zixun > div:hover > ul a{color:#fff}


.index_rongyu li{width:24%; text-align: center; height:210px; overflow: hidden;padding:5px;border:1px #cccccc solid; border-radius: 5px;}
.index_rongyu li img{width:100%;height:200px;}



.index_link{overflow: hidden;}
.index_link li{width:25%;float:left;padding:2px;}
.index_link li img{width:100%;height:70px;}
/*列表样式*/
.list_new{padding-left:10px;}
.list_new li{line-height: 40px;font-size:16px;}
.list_new li span{float:right;color:#898989;letter-spacing: 1px;}
.list_new li a{color:#231815;}
.list_new li a:hover{color:#e83928;}


/*内页样式*/
/*文章分类标题*/
.ny_type{border-bottom:#51a54d 5px solid;padding:0px 20px}
.ny_type > div{width:45%;height:70px; line-height:70px; font-size:30px; text-align: center;border-radius: 5px 5px 0px 0px;}
.ny_type > div.active{background-color:#51a54d;}
.ny_type > div.active > a{color:#fff}
.ny_type > div > a{color:#333333}

/*文章列表*/
.ny_list{padding:20px 0px}
.ny_list > div{padding:10px 0px;border-bottom:#ECECEC 1px solid}
.ny_list > div > div {padding:10px 20px;height:155px; overflow:hidden;}
.ny_list > div > div:hover{background-color:#f3f3f3; transition: all 1s;}
.ny_list > div .img{float:left;margin-right:20px;}
.ny_list > div .img img{width:200px; height:135px;}
.ny_list > div .title{height:50px;line-height:50px;font-size:25px; overflow: hidden;}
.ny_list > div .note{height:60px;line-height:20px;overflow: hidden;}
.ny_list > div .info{color:#a3a3a3;height:25px; line-height: 25px;}
.ny_list > div .info span{margin-right:50px}

/*文章详细页*/
.ny_body{padding:20px 0px}
.ny_body .title{line-height:50px;font-size:25px;text-align: center;font-family:"方正小标宋简";margin-bottom:20px;}
.ny_body .info{text-align: center; height:30px; line-height: 30px; background-color:#f3f3f3;font-size:12px;margin-bottom:20px;}
.ny_body .note{padding:10px 20px; line-height: 25px;color:#cccccc;margin-bottom:20px;}
.ny_body .img{text-align: center;margin-bottom:20px;}
.ny_body img{max-width:800px; text-align: center;}
.ny_body .content{font-size:16px; line-height: 170%;}

/*图片列表*/
.ny_piclist{padding:20px 0px}
.ny_piclist li div{text-align: center;font-size:18px; line-height: 30px;margin-bottom:20px;}


/*搜索页*/
.ny_search{width:600px;margin:50px auto;border:1px #ececec solid; border-radius: 10px; padding:20px 100px 150px 100px}
.ny_search > form > h4,.ny_search > form > div,.ny_search > form > buttom{margin-top:20px;margin-bottom:30px}


/*重定义菜单样式*/
.area_menu .nav > li > a{width:130px; text-align: center;font-size:18px;line-height:40px}
.area_menu .nav > li.active > a,
.area_menu .nav > li > a:focus,
.area_menu .nav > li > a:hover{background-color:rgba(0,0,0,0.2);}

/*重定义图片幻灯样式*/

.index_newpic .carousel .carousel-indicators{width:100%;text-align:right;margin-left:0;left:auto;right:20px;top:370px}
.index_newpic .carousel .carousel-indicators li{width:15px;height:15px;background-color:#ffffff;border-width:0px}
.index_newpic .carousel .carousel-indicators li.active{width:16px;height:16px;background-color:#e60012;border-width:0px;}
.index_newpic .carousel .carousel-inner .item > div{width:580px; height: 400px;position: relative;}
.index_newpic .carousel .carousel-inner .item .index_picnew_img{position:absolute;top:0px;left:0px;}
.index_newpic .carousel .carousel-inner .item .index_picnew_img img{width:580px;height:400px}
.index_newpic .carousel .carousel-inner .item .index_picnew_title{position: absolute;top:360px; background-color:rgba(0,0,0,0.5);width:580px;height:40px;text-align: center;}
.index_newpic .carousel .carousel-inner .item .index_picnew_title a{color:#ffffff;font-size:14px;line-height:40px}
.index_newpic .carousel .carousel-inner .item .index_picnew_title a:hover{color:#e83928;}

/*重定义滑动门样式*/
.index_newlist .nav-tabs{margin-bottom:10px;}
.index_newlist .nav-tabs > li{width:33.3%; text-align: center;font-size:18px;border-bottom:#68a267 2px solid}
.index_newlist .nav-tabs > li > a{border-width:0px;color:#999999}
.index_newlist .nav-tabs > li.active a{border-width:0px;background-color:#68a267;color:#fff}
.index_newlist .nav-tabs > li > a:hover{background-color:#fcfcfc;color:#68a267}
.index_newlist .nav-tabs > li.active > a:hover,.index_newlist .nav-tabs > li > a:focus{background-color:#68a267;color:#fff}

/*重定义按钮*/
.btn-default{background-color:#fe7c1a;color:#fff;border-width:0px;border-radius: 0px;}
.btn-default:hover{background-color:#fe7c1a;color:#fff}

/*重定义分页列表*/
.pagination > li > a,.pagination > li > span{margin-left:5px;margin-right:5px;border-color:#51a54d;background-color:#51a54d;color:#fff}
.pagination > li.active > a,.pagination > li.active > span,
.pagination > li > a:hover,.pagination > li > a:focus,.pagination > li > span:hover,.pagination > li > span:focus,
.pagination > li.active > a:hover,.pagination > li.active > a:focus,.pagination > li.active > span:hover,.pagination > li.active > span:focus
{border-color:#fe7c1a;background-color:#fe7c1a;color:#fff}

/*工程案例*/
.hkzb_02_slide{width:1200px;overflow:hidden;padding-top:10px;}
.hkzb_02_slide .swiper-slide{width:700px;overflow:hidden;position:relative;}
.hkzb_02_slide .swiper-slide img{width:700px;height:400px;display:block;}
.hkzb_02_slide .swiper-slide .title{text-align: center;font-size:14px;line-height: 25px;}

.hkzb_02_slide .swiper-slide-active{padding:10px;border:#E0DEDB 1px solid;background-color:#fff;border-radius: 5px;}
.hkzb_02_slide .swiper-slide-active b.b2{display:none;}
.hkzb_02_slide .swiper-slide-active .title a{font-size:18px;color:#00a1e9}