*{ margin: 0; padding: 0; font-family: "微软雅黑";}
li{ list-style: none;}
a{ text-decoration: none;}
img{ border: none;}
.clearfix{ clear:both;}
/*首页开始*/
.headerbox{ /*position: fixed; top: 0;*/ width: 100%; background-color: #fff;  z-index: 99999;}
.header{width: 1200px; margin: 0 auto; padding-top: 15px; }
.header .logo{ float: left; width: 234px; height: 76px;}
.header .logo img{ width: 234px; height: 76px;}
.header .menu{ float:right; width: 880px; height:90px; margin-left: 5%; }
.header .menu .tel{ float: right; height: 20px; line-height: 20px; padding-left: 25px; background: url(img/tel.png) left center no-repeat;  font-size: 16px; font-weight: bold; color:#333; margin-right:40px;}
.header .menu .tel span{ color: #f7971f;}
.header .menu .nav{width:100%;height:45px;margin:25px auto 0;}
.header .menu .nav li{float:left; width: 95px;}
.header .menu .nav li a.one{position:relative;display:block; width:90px;height:45px;line-height:45px; text-align: center;color:#333;overflow:hidden;}
.header .menu .nav li a.one:hover{ background-color: #f7971f; color: #fff !important;}
.header .menu .nav li .box{position:absolute;top:105px;left:0;width:100%;height:50px !important; line-height: 50px; padding-left:35%;background:#000;display:none; z-index: 99999;}
.header .menu .nav li .box a.two{display:block;float:left; height:50px !important;line-height:50px; padding: 0 20px; border:none;background:none;color:#fff;}
.header .menu .nav li .box a.two:hover{color:#f7971f}
.banner{ width: 100%; height: 500px;}
.swiper-container {width: 100%;height: 500px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
.swiper-slide a{ display: block;width: 100%; height: 500px;}
.businessbox{ width: 100%; padding: 35px 0 30px; background-color: #f8f8f8;}
.column{ width: 320px; margin: 0 auto;}
.column h4{ height: 29px; line-height: 29px; text-align: center; font-size: 24px; color: #000; font-weight:normal;}
.column h4 .line_l{ display: block; float: left; width: 80px; height: 1px; margin-top: 14px; background-color: #999;}
.column h4 .line_r{ display: block; float: right; width: 80px; height: 1px;margin-top: 14px; background-color: #999;}
.column h6{ margin-top: 5px; text-align: center; font-size: 18px; color:#999; font-weight:normal;}
.content{ width: 1200px; margin: 0 auto;}
/*.business{ width: 1200px; margin:0 auto;}
.business li{ float: left; wi dth: 130px; width:280px; height:140px; hei ght:200px; mar gin-top: 20px; mar gin-right: 75px; margin-right:25px; margin-bottom:20px; position:relative;}
.business li:nth-child(6n){ margin-right: 0;}
.business li a{ display: block; width: 280px; height:140px; color: #333;}
.business li a:hover{ color:#32b932;}
.business li a:hover .out{border: 3px solid #32b932;}
.business li a:hover .in{background-color: #32b932;}
.business li a .out{ position: relative; width: 120px; height: 120px; margin: 0 auto; border: 3px solid #234923; border-radius: 150px; transition: border-color 0.5s;}
.business li a .in{ position: absolute; left: 50%; top: 50%; width: 110px; height: 110px; margin-top: -55px; margin-left: -55px;  background-color: #234923;border-radius: 110px;transition:background 0.5s;}
.business li a .in img{ display: block; margin: 30px auto; width: 280px; height: 140px;}
.business li a span{ display: block; width: 280px; height: 60px; line-height: 30px; margin-top: 10px; text-align: center; font-size: 16px; font-weight:bold; overflow: hidden;display: flex;align-items: center;justify-content: space-around;flex-direction: column; position:absolute; bottom:0; left:0;}*/
.aboutbox{ width: 100%; padding: 35px 0 40px;}
.aboutbox .about{ width: 1200px; margin-top: 30px;}
.aboutbox .about .con{ float: left; width: 630px;}
.aboutbox .about .con h3{ font-size: 24px; color: #000; font-weight: normal;}
.aboutbox .about .con .summary{ width: 630px; height: 180px; line-height: 30px; font-size: 14px; color: #333; overflow: hidden;}
.aboutbox .about .con .more{ display: block; width: 150px; height: 45px; line-height: 45px; margin-top: 28px; background-color: #32b932; text-align: center; font-size: 16px; color: #fff;}
.aboutbox .about .pic{ float: left; width: 540px; height: 320px; margin-left: 30px;}
.aboutbox .about .pic img{width: 540px; height: 320px;}
.newsbox{ width: 100%; padding: 35px 0 40px; background-color: #f8f8f8;}
.newsbox .news{ margin-top: 30px;}
#main{ float: left; width: 800px;}
#menubox {width: 640px;height: 50px;}
#menubox ul{border: 1px dashed #d2d2d2;}
#menubox ul li {display: inline;float: left;width: 158px; height: 50px; line-height: 50px; border-right: 1px solid #d2d2d2; text-align: center;font-size: 18px; color:#333; cursor: pointer;}
#menubox ul li a{ color:#333;}
#menubox ul li.hover { background-color: #32b932; color:#fff;}
#con_zzjs_1 {display: block;}
.www_zzjs_net_show {display: none;width: 800px;}
.www_zzjs_net_show ul{ width: 800px;}
.www_zzjs_net_show ul li{ width: 800px; padding: 23px 0; border-bottom: 1px solid #d2d2d2;}
.www_zzjs_net_show ul li a{ display:block;width: 780px; height: 60px;}
.www_zzjs_net_show ul li a:hover .date{ color: #32b932;}
.www_zzjs_net_show ul li a:hover .con h4{ color: #32b932;}
.www_zzjs_net_show ul li a .date{ float: left; width: 140px; text-align: center; border-right: 1px solid #666; color:#333;}
.www_zzjs_net_show ul li a .date span{ display: block; height: 36px;  line-height:36px;font-size: 36px;}
.www_zzjs_net_show ul li a .date font{ height: 16px; line-height: 16px; font-size: 16px;}
.www_zzjs_net_show ul li a .con{ float: right; width: 630px; line-height: 30px; background: url(img/right.png) right center no-repeat;}
.www_zzjs_net_show ul li a .con h4{ width: 500px; font-size: 16px; color: #000; font-weight: normal;text-overflow:ellipsis;
overflow:hidden;white-space:nowrap;}
.www_zzjs_net_show ul li a .con span{ width: 550px; display: block; font-size: 14px; color: #333;text-overflow:ellipsis;
overflow:hidden;white-space:nowrap;}
.newsbox .news .re{ float: left; width: 380px; margin-left: 20px;}
.newsbox .news .re a{ position: relative; display: block; width: 380px; height: 370px; color: #fff; overflow: hidden;}
.newsbox .news .re a:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.newsbox .news .re a img{width: 380px; height: 370px;transition: all 1s ease 0s;}
.newsbox .news .re a .bj{ position: absolute; bottom: 0; width: 380px; height: 110px; background: rgba(0,0,0,0.8);}
.newsbox .news .re a .con{ width: 300px; height: 48px; margin: 0 auto; background: url(img/right2.png) right center no-repeat;}
.newsbox .news .re a .con h4{ width: 260px; height: 20px; line-height: 20px; margin-top: 33px; font-size: 18px; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsbox .news .re a .con span{ display: block; height: 14px; line-height: 14px; margin-top: 14px; font-size: 14px;}
.casebox{ width: 100%; padding: 35px 0 0;}
#main2{width: 1200px; margin-top: 20px;}
#menubox2 {width: 1200px;height: 50px;}
#menubox2 ul{ width: 360px; margin:0 auto; overflow:hidden;}
#menubox2 ul li {display: inline;float: left;width: 165px; height: 50px; line-height: 50px; margin-right: 20px; background-color: #626262; text-align: center;font-size: 16px; color:#fff; cursor: pointer;}
#menubox2 ul li:nth-child(2){ margin-right: 0px;}
#menubox2 ul li a{ color:#fff;}
#menubox2 ul li.hover { background-color: #32b932; }
#con_zzzjs_1 {display: block;}
.www_zzzjs_net_show {display: none;width: 1200px; height: 240px;}
.www_zzzjs_net_show ul{ width: 1200px;}

.rollphotos { margin:20px auto 16px; padding:0; max-width: 1200px; /*float: left;*/ box-sizing:border-box; height:240px; overflow:hidden;}
.rollphotos ul{ margin:0; padding:0;width:2400px;}
.rollphotos ul li{ float: left; width: 280px; height:240px; overflow:hidden; box-sizing:border-box; margin-right:20px; margin:0; padding:0;}
/*.www_zzzjs_net_show ul li:last-child{ margin-right: 0;}*/


.rollphotos ul li a{ display: block; width: 280px;}
.rollphotos ul li:hover a span{ background-color: #f7971f; color:#fff;}
.rollphotos ul li a{ width: 280px; height: 200px; overflow: hidden;}
.rollphotos ul li a img{ width: 280px; height: 200px;transition: all 1s ease 0s;}
.rollphotos ul li a img:hover{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.rollphotos ul li a span{ display: block; width: 280px; height: 40px; line-height: 40px; background-color: #f3f3f3; text-align: center; font-size: 16px; color: #333; transition: background-color 0.5s;}
.footer{ width: 100%; background-color: #1b1b1b; border-top: 10px solid #32b932;}
.footer .foot_top{ width: 1200px; margin: 0 auto; padding: 40px 0 30px;}
.footer .foot_top .nav2{ float: left; width: 160px; }
.footer .foot_top .nav2 p{ font-size: 16px; color:#fff;}
.footer .foot_top .nav2 ul{ width: 160px; margin-top: 10px;}
.footer .foot_top .nav2 ul li{ float: left; width: 80px; height: 30px; line-height: 30px;}
.footer .foot_top .nav2 ul li a{ font-size: 14px; color: #fff;}
.footer .foot_top .nav2 ul li a:hover{ color: #f7971f;}
.footer .foot_top .contact{float: left; width: 400px; margin-left: 100px;}
.footer .foot_top .contact p{font-size: 16px; color:#fff;}
.footer .foot_top .contact .con{margin-top: 10px; height: 90px; line-height: 30px; font-size: 14px; color: #fff; overflow: hidden;}
.footer .foot_top .ewm{ float: right; height: 110px;}
.footer .foot_top .ewm span{ display: block; float: left; line-height: 110px; font-size: 14px; color: #fff;}
.footer .foot_top .ewm img{ display: block; float: left; width: 110px; height: 110px; margin-left: 30px;}
.footer .foot_bot{ border-top: 1px solid #606060;}
.footer .foot_bot .cpy{ width: 1200px; height: 50px; line-height: 50px; margin: 0 auto; text-align: center; font-size: 14px; color:#fff;}
.footer .foot_bot .cpy a{ color: #fff;}
/*首页结束*/

.nybanner{ width: 100%; height: 300px;}
.nytop{ width: 100%; height: 50px;line-height: 50px; border-bottom: 1px solid #bcbcbc;}
.nytop .place{ float: left; padding-left: 22px; background: url(img/index.png) left center no-repeat; font-size: 14px;}
.nytop .place a{ margin: 0 3px; color: #666;}
.nytop .place a:hover{ color: #32b932;}
.nytop ul{float: right;}
.nytop ul li{ float: left; width: 95px; height: 50px; margin-left: 12px; line-height: 50px;}
.nytop ul li a{ display: block; width: 95px; height: 50px;  text-align: center; font-size: 13px; color: #333;}

/*案例列表页开始*/
.caselistbox{ width: 1200px; overflow:hidden; padding-bottom:20px; margin: 40px auto 0;}
.caselistbox ul{ width: 1200px;}
.caselistbox ul li{ float: left; width: 280px; margin-bottom: 30px; margin-right: 20px;}
.caselistbox ul li:nth-child(4n){ margin-right: 0;}
.caselistbox ul li a{ display: block; width: 280px;}
.caselistbox ul li a:hover span{ background-color: #f7971f; color:#fff;}
.caselistbox ul li a .pic{ width: 280px; height: 200px; overflow: hidden;}
.caselistbox ul li a .pic img{ width: 280px; height: 200px;transition: all 1s ease 0s;}
.caselistbox ul li a .pic img:hover{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.caselistbox ul li a span{ display: block; width: 280px; height: 40px; line-height: 40px; background-color: #f3f3f3; text-align: center; font-size: 16px; color: #333; transition: background-color 0.5s;}
/*案例列表页结束*/

/*新闻列表页开始*/
.newslistbox{ width: 1200px; overflow:hidden; padding-bottom:20px; margin: 40px auto 0;}
.newslistbox ul{ width: 1200px;}
.newslistbox ul li{ width: 1200px; padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.newslistbox ul li:hover .date{ background-color: #f7971f;}
.newslistbox ul li:hover .con h4 a{ color: #f7971f;}
.newslistbox ul li .date{ float: left; width: 80px; height: 62px; margin-left: 30px; padding-top: 8px; background-color: #32b932; text-align: center; color: #fff; transition: background-color 0.5s;}
.newslistbox ul li .date span{ display: block; height: 30px; line-height: 30px; font-size: 30px; font-weight: bold; }
.newslistbox ul li .date font{ display: block; height: 20px; margin-top: 5px; line-height: 20px; font-size: 16px;}
.newslistbox ul li .con{ float: left; width: 1030px; margin-left: 30px; }
.newslistbox ul li .con h4{ display: block; line-height: 40px; font-size: 18px; color:#555; bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.newslistbox ul li .con h4 a{color:#555;transition: all 0.5s; }
.newslistbox ul li .con span{ display: block; line-height: 20px; font-size: 14px; color: #666;text-overflow:ellipsis;overflow:hidden;
white-space:nowrap;}
/*新闻列表页结束*/

/*新闻详情页开始*/
.newsdetailbox{ width: 1200px; margin: 40px auto ; }
.newsdetailbox h3{ text-align: center; font-size: 18px; color: #444;}
.newsdetailbox .publisher{ margin-top: 20px; text-align: center; font-size: 14px; color: #666;}
.newsdetailbox .publisher span{ display: inline-block; height: 14px; line-height: 14px; padding: 0 5px;}
.newsdetailbox .detail{ width: 100%; margin-top: 20px; line-height: 30px; font-size: 14px; color: #555;}
/*.newsdetailbox .detail img{ display: inline;  margin: 10px auto;}*/
.newsdetailbox .detail table{ border-collapse: collapse;  margin:0 auto;}
.newsdetailbox .detail p img{display: inline-block;  margin: 10px auto; }
.newsdetailbox .detail p table{ border-collapse: collapse;}
.newsdetailbox .otherarticle{ width: 100%; margin: 20px auto 30px; padding-top: 20px; border-top: 1px solid #d2d2d2;}
.newsdetailbox .otherarticle .previous{ float: left; display: block; width: 35%; height: 26px; line-height: 26px; padding-left: 40px; background: url(img/up.png) left center no-repeat; font-size: 14px; color: #333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsdetailbox .otherarticle .next{ float: right; display: block;width: 35%; height: 26px; line-height: 26px; padding-right: 40px; background: url(img/down.png) right center no-repeat; text-align: right; font-size: 14px; color: #333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsdetailbox .otherarticle a:hover{ color: #32b932;}
/*新闻详情页结束*/

/*资质荣誉页开始*/
.honorbox{ width: 1200px; margin: 0 auto;}
.honorbox .transverse{ width: 1080px; margin: 40px auto 0;}
.honorbox .transverse li{ float: left; width:318px; margin-bottom: 30px; margin-right: 60px;}
.honorbox .transverse li:nth-child(3n){ margin-right: 0;}
.honorbox .transverse li a{ display: block; width: 293px; height: 207px; padding: 12px; border: 1px solid #d2d2d2;}
.honorbox .transverse li span{ display: block; margin-top: 10px; text-align: center; font-size: 14px; color: #333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.honorbox .vertical{ width: 1200px; margin: 20px auto 0;}
.honorbox .vertical li{ float: left; width:220px; margin-bottom: 30px; margin-right: 25px; text-align:center}
.honorbox .vertical li:nth-child(5n){ margin-right: 0;}
.honorbox .vertical li a{ display: block; width: 190px; height: 240px; line-height:240px; padding: 15px; border: 1px solid #d2d2d2;  }
.honorbox .vertical li a img{ margin:0 auto; display: inline-block; vertical-align: middle;}
.honorbox .vertical li span{ display: block; margin-top: 10px; text-align: center; font-size: 14px; color: #333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*资质荣誉页结束*/

/*联系方式页开始*/
.contactbox{ width: 1200px; margin: 40px auto;}
.contactbox .info{ float: left; width: 450px; margin: 0 auto;}
.contactbox .info .khfw{ width:450px;color: #666;}
.contactbox .info .khfw h6{ margin-top: 20px; font-size: 18px;  font-weight: normal;}
.contactbox .info .khfw .xq{ width: 450px; font-size: 14px;margin-top: 10px;}
.contactbox .info .khfw .xq span{ float: left; display: inline-block; width: 90%; height: 30px; line-height: 30px;}
.contactbox .info .address{ width:450px; margin-top: 30px; color: #666;}
.contactbox .info .address .xq{ width: 450px; font-size: 14px;margin-top: 20px;}
.contactbox .info .qgfwrx{ width:450px;margin-top: 30px;color: #666;}
.contactbox .info .qgfwrx h6{ margin-top: 20px; font-size: 18px;  font-weight: normal;}
.contactbox .info .qgfwrx .xq{ width: 450px; font-size: 14px;margin-top: 10px; font-size: 40px; font-weight: bold;}
.contactbox .mapbox{ float: left; width: 700px; height: 360px; margin-left: 50px;}
/*联系方式页结束*/

/*关于我们页开始*/
.aboutbox{ width: 100%;}
.gsjj{ width: 1200px; margin: 0 auto;}
.gsjj h4{ font-size: 24px; color: #000; font-weight: normal;}
.gsjj .con{ line-height: 30px; font-size: 14px; color: #333;}
.qywh{ width: 100%;padding:30px 0; margin: 40px 0;  background-color: #28b528; color: #fff;}
.qywh .Slogan{text-align: center;}
.qywh .Slogan h4{ font-size: 24px; font-weight: normal;}
.qywh .Slogan span{ display: block; margin-top: 10px; font-size: 16px;}
.qywh .con{ width: 1150px; margin: 0 auto;}
.qywh .con .info{ float: left; width: 550px; margin-right: 50px;}
.qywh .con .info:nth-child(2n){ margin-right: 0;}
.qywh .con .info h5{ font-size: 28px;}
.qywh .con .info span{ display: block; line-height: 30px; font-size: 16px;}
.qywh .con .info img{ display: block; width: 550px; height: 160px; margin: 10px 0;}
.activity{ width: 1200px; margin: 0 auto;}
.activity .Slogan{text-align: center; color: #000;}
.activity .Slogan h4{ font-size: 24px; font-weight: normal;}
.activity .Slogan span{ display: block; margin-top: 10px; font-size: 16px;}
.rollphotos { width:1200px; margin-top: 30px;}
.rollphotos ul {list-style:none;}
.rollphotos ul li{float: left; width:280px; background-color: #fff; margin-right: 26px;}
.rollphotos ul li a{ display: block; width: 298px;}
.rollphotos ul li a:hover span{ background-color: #f7971f; color:#fff;}
.rollphotos ul li a .box-img{ width:280px; height:168px; overflow:hidden;}
.rollphotos ul li a .box-img img{ width:280px; height:168px; border:none;}
.rollphotos ul li a .box-img img:hover{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.rollphotos ul li a span{ display: block;width: 280px; height: 45px;  line-height:45px; background-color: #f3f3f3; text-align: center; font-size: 14px; color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; transition: background-color 1s; }
/*关于我们页结束*/