/* css重置 */


html {background-color: #f8f8f8;}





body {;width: 100%;margin: 0 auto; background-color: #fff;font-family: 'Roboto', sans-serif;color: #555555;}


a {text-decoration: none;color: inherit;}


* {box-sizing: border-box;}








/* 导航 */


.nav_bg{width:100%;height:48px; background:#9dc852;border-bottom:8px solid #ddd;}


.hList{width:1200px; margin: 0 auto;}


.menu {


  width:12.5%;


  display: block;


  position: relative;


  cursor: pointer;


}





.menu-title {


  display: block;


  width: 100%;


  height: 40px;


  padding: 12px 0 0;


  background: #9dc852;


  text-align: center;


  color: #fff;


  font-weight: 600;


  text-transform: uppercase;


  transition: 0.3s background-color;


}





.menu-title:before {


  content: "";


  display: block;


  height: 0;


  border-top: 5px solid #9dc852;


  border-left: 75px solid transparent;


  border-right: 75px solid transparent;


  border-bottom: 0 solid #dddddd;


  position: absolute;


  top: 100%;


  left: 0;


  z-index: 101;


  transition: 0.2s 0.2s border-top ease-out, 0.3s border-top-color;


}





.menu-title:hover {


  background: #8db842;


}





.menu-title:hover:before {


  border-top-color: #8db842;


}





.menu:hover > .menu-title:before {


  border-top-width: 0;


  transition: 0.2s border-top-width ease-in, 0.3s border-top-color;


}





.menu-title:after {


  content: "";


  display: block;


  height: 0;


  border-left: 75px solid transparent;


  border-right: 75px solid transparent;


  border-bottom: 0 solid #ebebeb;


  position: absolute;


  bottom: 0;


  left: 0;


  z-index: 101;


  transition: 0.2s border-bottom ease-in;


}





.menu:hover > .menu-title:after {


  border-bottom-width: 5px;


  transition: 0.2s 0.2s border-bottom-width ease-out;


}











.menu-dropdown {


  min-width: 100%;


  padding: 15px 0;


  position: absolute;


  background: #ebebeb;


  z-index: 100;


  transition: 0.5s padding, 0.5s background;


  text-align:center;


}





.menu-dropdown:after {


  content: "";


  display: block;


  height: 0;


  border-top: 5px solid #ebebeb;


  border-left: 75px solid transparent;


  border-right: 75px solid transparent;


  position: absolute;


  top: 100%;


  left: 0;


  z-index: 101;


  transition: 0.5s border-top;


}





.menu:not(:hover) > .menu-dropdown {


  padding: 4px 0;


  background: #dddddd;


  z-index: 99;


}





.menu:not(:hover) > .menu-dropdown:after {


  border-top-color: #dddddd;


}





.menu:not(:hover) > .menu-title:after {


  border-bottom-color: #dddddd;


}





.menu-dropdown > * {


  overflow: hidden;


  height: 30px;


  padding: 5px 10px;


  background: transparent;


  white-space: nowrap;


  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;


}





.menu-dropdown > *:hover {


  background: rgba(0, 0, 0, 0.1);


}





.menu:not(:hover) > .menu-dropdown > * {


  visibility: hidden;


  height: 0;


  padding-top: 0;


  padding-bottom: 0;


  margin: 0;


  color: rgba(25, 25, 25, 0);


  transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;


  z-index: 99;


}





.hList > * {


  float: left;


}





.hList > * + * {


  margin-left: 0;


}








/* 头部 */


.head{width:1200px;height:100px;margin:0 auto;}


.head .logo{width:600px;height:100px;float:left;}
.head .logo img{width:100%;height:100%;display:block;}

.head .phone{width:400px;height:100px;line-height:100px;float:right;font-size:24px; color:#fa5f02;text-align:right;font-weight:bold;}





/* banner */


*{margin:0; padding:0;list-style:none;}


body , ul , ol , h2 , h3 , h4, h5 , p , dl , dt , dd , form { padding: 0; margin: 0; }


li { list-style: none; }


a{text-decoration:none;outline:none; color:#666666;}


a:hover{text-decoration:none}


img{border:0}


ul{list-style:none;margin:0;}	


.slider{max-width:1920px; overflow:hidden; margin:0 auto;height:500px;}


.slider a{display:block; max-width:1920px; height:500px;text-align: center;}








/* 关于我们 */


.about{width:1200px;margin:0 auto;margin-top:40px;}


.about .pic_box{float:left;width:498px; height:308px; border:2px solid #6ba801;}


.about .pic_box img{width:478px; height:288px; margin:0 auto; display:block;margin-top:8px;}


.about .about_content{height:350px;width:660px;float:right;}


.about .about_content h2{line-height:30px;font-size:30px;color:#6ba801;margin-bottom:10px; font-weight:bold;}





.about .about_content P{line-height:30px;color:#666;}


.about .about_content .more{width:100px;height:36px;line-height:32px;color:#666;border:1px solid #ccc;display:block;text-align:center;margin-top:18px;}


.about .about_content .more:hover{color:#6ba801;border:1px solid #6ba801;background:#fff;}





/* 产品中心 */

.product_bg{width:100%;background:#f9f9f9;}

.product{width:1200px;margin:0 auto;padding-top:10px;}


.product .product_title{width:100%;margin:0 auto;border-bottom:1px solid #ccc;height:40px;}

.product .product_title p{line-height:40px;color:#6ba801;font-size:26px; float:left;font-weight:bold;}

.product .product_title p span{color:#ccc;font-size:24px;}


.product .product_title .more{color:#999;font-size:18px; display:block;float:right;line-height:18px;margin-top:12px;}


.product .product_title .more:hover{color:#6ba801;}





.product_box{width:1220px;margin:0 auto;margin-top:20px;padding-bottom:10px;}


.product_box ul{width:285px;float: left;margin:0 10px 10px 10px;padding:4px;}
.product_box a{display:block;width:285px;}

.product_box ul li{width:283px;height:212px;border:1px solid #ddd;display:table-cell;vertical-align:middle;overflow:hidden;}


.product_box ul li img{max-width:283px; max-height:212; margin:0 auto; display:block;}


.product_box ul p{width:285px;height:40px;text-align: center;line-height:40px;color: #777;background:#ddd;}


.product_box ul:hover img{transform: scale(1.01, 1.01);}


.product_box ul:hover li{border:1px solid #6ba801;}


.product_box ul:hover p{background:#6ba801;color:#fff;}


/*新闻中心*/


.news_box{width:1300px; margin:0 auto;margin-top:30px;}


.news_box .title{color: #6ba801;font-size: 30px;line-height:24px;margin-bottom:8px;text-align:center;font-weight:bold;}


.news_box .title span{font-size:20px;}


.news_box .news{width:550px; margin:15px 50px 15px 50px;float:left;}


.news_box .news li{float:left;}


.news_box .news .pic_box{width:130px; height:104px;overflow:hidden;}


.news_box .news img{width:130px; height:104px; display:block;}


.news_box .news .text{ height:104px;width:400px; padding-left:20px;}


.news_box .news .text h2{font-size:16px;font-weight:normal;line-height:24px;color:#777;}


.news_box .news .text span{font-size:16px;line-height:28px;color:#999;}


.news_box .news .text p{font-size:14px; line-height:24px;color:#999;}


.news_box .news .text h2:hover{color:#9cc442;}

















/* 案例 */


.case_title{max-width:1920px;height:50px; line-height:50px; background: url(../images/casetitlebg.jpg);margin-top:20px;text-align: center;}


.case_title p{line-height:36px;color:#6ba801;font-size:30px; padding-top:5px;font-weight:bold;}


.case_title p span{color:#ccc;font-size:24px;}





.case_box{width:1200px;;margin:0 auto;text-align: center;overflow:hidden;margin-bottom:0px;}


.case_box a{float:left;display:block;width:270px;margin-right:20px;}


.case_box a li{width:268px;border:1px solid #999;}


.case_box a li img{display: block;width:260px;height:195px;margin:4px;}


.case_box a li p{line-height:30px;background:#eee;color: #666;text-align: center;}	


.case_box a li:hover{border:1px solid #6ba801;}


.case_box a li:hover p{color:#6ba801;letter-spacing:1px;}	











/* 页脚 */


.footer{max-width:1920px;height:210px;margin:0 auto;background:url(../images/foot.png) no-repeat;}


.footer_box{width:1200px;height:200px;margin:0 auto;}


.footer_box .left{width:150px;height:180px;float:left;position:relative;margin-top:10px;}


.footer_box .left .ewm{width:127px;height:126px;display:block;margin:38px 0px 0px 12px;}


.footer_box .left .ewmbox{width:100%;100%;display:block;position:absolute;top:0;left:0;} 





.footer_box .right{width:1000px;height:170px;margin-top:30px;margin-left:30px;float:left;font-size:15px;color:#fff;}


.footer_box .right dl{width:100%;line-height:16px;padding:10px 0px;}


.footer_box .right dd{width:100px;float:left;border-left:1px #fff solid;text-align:center;}


.footer_box .right dd a{color:#fff;font-size:15px;}


.footer_box .right dd a:hover{color:#666;}





.footer_box .right h2{font-size:20px;line-height:36px;padding-left:20px;}


.footer_box .right p{padding-left:20px;line-height:26px;}


.footer_box .right p a{color:#cb5403;}





/*友情链接 */


.link{line-height:36px;display:block;padding-left:20px;}


.link li{float:left;}


.link li a{color:#fff;}


.link .linkname{padding-right:10px;}


.link .linkname a:hover{color:#666;}












.weizhi{width:1200px;margin:0 auto;line-height:50px;height:50px;overflow:hidden;}







/*标题*/


.title_bg{height:80px;margin-top:40px;}


.title_bg div{position: relative;width:1200px;margin: 0 auto;}


.title_bg p{position: absolute;right:0;top: -30px;}


.content_box{width:1200px;margin:0 auto;}


/*左边导航*/


.content_box .left{width:270px;float:left;margin-bottom:30px;}


.content_box .left dl{width:266px;border:2px solid #fff;border-top:none;text-align: center;padding-bottom:10px;background:#eee;}


.content_box .left dl a{display:block;position: relative;}


.content_box .left dl a .leftpic{display: block; position: absolute;left:6px; top:12px;width:15px;}


.content_box .left dl a .rightpic{display: block; position: absolute;right:6px; top:12px;width:10px;}


.content_box .left dt{line-height:60px;font-size:22px;background:#9dc852;color:#fff;}	


.content_box .left dt span{font-size:18px;}


.content_box .left dd{font-size:16px;line-height:40px;border-bottom:1px solid #85c23c;background:#eee;}


.content_box .left .contact{width:266px;border:2px solid #fff;background:#eee;margin-top:10px;height:auto;overflow:hidden;padding-bottom:20px;}	


.content_box .left .contact img{width:266px;display: block;}	


.content_box .left .contact p{padding:10px 5px 10px 10px;line-height:28px;color:#666;}


.content_box .left .contact iframe{display:none;}


/*右边列表产品*/


.right_box{width:920px;float:right;}
.right_box .title{text-align:center;font-size:20px;line-height:40px;background:#f7f7f7;}
.right_box ul{display:block;}	
.right_box ul li{width:210px;float:left;overflow:hidden;margin:10px;overflow:hidden;display:block;}	
.right_box ul li a{display:block;}
.right_box ul li div{width:208px;height:160px;display:table-cell;vertical-align:middle;border:1px solid #eee;}
.right_box ul li div img{max-width:208px; max-height:160px; margin:0 auto; display:block; min-height:160px;}	
.right_box ul li p{line-height:36px;height:36px;background:#eee;text-align:center;overflow:hidden;}	
	
.record{text-align:center;margin-bottom:30px;padding-top:10px}
.pages{text-align:center;line-height:30px;margin-bottom:20px;}	
	
	.record span{padding:3px 9px;margin:0 2px;background:#5ca703;color:#fff;}

	.record a{margin:0 2px;border:1px solid #5ca703;padding:2px 8px;color:#5ca703;}

	.record .next{padding:2px 1px;}

	.record .prev{padding:2px 1px;}


.page_nr{width:910px;float:right;margin-bottom:10px;}
.page_nr h1{line-height:40px;background:#f7f7f7;height:40px;overflow:hidden;text-align:center;font-size:22px;font-weight:bold;}
.page_nr .p{line-height:30px;font-size:16px;margin-top:10px;}
.page_nr .date{line-height:40px;text-align:center;}
.page_nr .contents img{max-width:100%;margin:0 auto;display:block;background:#f7f7f7;}

.right_box .news_nr{height:100px;margin:10px 0;overflow:hidden;}
.right_box .news_nr img{height:100px;width:133px;float:left;}
.right_box .news_nr div{width:760px;float:left;margin-left:20px;}
.right_box .news_nr div h1{font-size:16px;line-height: 28px;}
.right_box .news_nr div h2{line-height: 28px;color: #888;font-size: 14px;}

.right_box .news_nr div h3 {line-height: 24px;color: #777;font-size: 14px;}


.page_nr .contents{line-height:30px;}
.page_nr .contents .jieshao{background:f7f7f7!important;}
.page_nr .date{line-height:50px;text-align:center;}











