@charset "utf-8";
.main-title{ text-align: center; font-size: 33px; color: #222222; font-weight: bold; background: url("Img/Index/title_bg.png") no-repeat center 44px; margin: 70px 0 50px;}
.main-title span{ color: #518c2e;}
.main-title em{ display: block; font-weight: normal; color: #666666; font-size: 18px; margin-top: 18px; }

.sub-title{ height: 35px; background: url("Img/Index/sub_title_bg.png") no-repeat 0 bottom; }
.sub-title .more{ width: 53px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #cccccc; border-radius: 5px; font-size: 14px; color: #999999; text-transform: capitalize; font-family:Arial; } 
.sub-title a{ font-size: 16px; color: #222222; }


/*banner*/
.banner{ height:550px; overflow:hidden; position: relative;}
.banner .bd{ width: 100% !important; margin: 0 auto; }
.banner .bd div{ height:550px;}
.banner a{ background:url(Img/Index/banner.jpg) no-repeat center top; height:550px; display:block; }

.banner .hd{ height:15px; overflow:hidden; position:absolute; left:36.5%; bottom:30px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:130px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#518c2e; color:#fff; opacity: .6;}


/*产品*/
.side{ width: 272px; background: #4b812a; padding: 0 5px 5px;}
.side h2{ height: 60px; padding-top:20px; background: url("Img/Index/side_title_bg.jpg") no-repeat center 0; text-align: center; font-size: 24px; }
.side h2 span{ display: block; font-size: 12px;text-transform: uppercase; font-family: "arial"; font-weight: normal;}
.side h2 a{ color: #fff; }
.side .prod_menu{ background: #fff; padding: 25px 20px; border-radius: 5px; }
.side h3{ height: 40px; line-height: 40px; background: #518c2e; font-size: 16px; padding-left: 20px; border-radius: 5px;}
.side h3:hover{ background:#82b638;}
.side h3 a{ display: block; color: #fff; background: url("Img/Index/prod_icon3.png") no-repeat 0 center; padding-left: 25px;}
.side ul{ margin-bottom: 20px; overflow: hidden;}
.side li{line-height: 36px; font-size: 14px; width: 50%; float: left; border-bottom: 1px dashed #e3e3e3; border-right: 1px dashed #e3e3e3; box-sizing: border-box; padding-left: 15%;}
.side li a{ display: block; color: #666666; }
.side li a:hover{ color:#518c2e;}
.side li.none{ border-right: none; }
.side .side_tel{ background: #fff; padding: 35px 0 0 0; border-radius: 5px; margin-top: 2px; height: 82px;}
.side .side_tel_title{ background: url("Img/Index/side_tel.jpg") no-repeat 20px 0; height: 42px; padding-left: 45px; font-size: 16px; color: #666666; float: left; border-right: 1px solid #e3e3e3; width: 38px;margin-right: 8px;}
.side .side_tel_num{ float: left; font-family: Arial; }
.side .side_tel_num b{ display: block; font-size: 24px; color: #518c2e; }
.side .side_tel_num span{ display: block; font-size: 18px; color: #666666; letter-spacing: 4px; }

.cp{ width:892px;}
.cp li{ width: 282px; height: 297px; overflow: hidden; float: left; margin: 0 23px 20px 0;}
.cp li.none{ margin-right: 0; }
.cp li img{ display: block; width: 278px; height: 246px; border: 1px solid #e3e3e3; padding: 1px;}
.cp li span{ height: 45px; line-height: 45px; border-bottom: 2px solid #e3e3e3; font-size: 14px; color: #666666;display: block; background: url("Img/Index/prod_icon2.png") no-repeat right center;}
.cp li:hover img{ border: 2px solid #82b638; padding: 0;}
.cp li:hover span{ background: #82b638 url("Img/Index/prod_icon1.png") no-repeat 242px center; border-bottom: 2px solid #82b638; padding: 0 20px; color: #fff;}


/*定制案例与合作伙伴*/
.case-partner{ background: url("Img/Index/case_bg.jpg") no-repeat center 0; overflow: hidden; margin-top: 70px; height: 1046px;}
.case-hd{ height: 115px; margin-bottom: 40px; }
.case-hd li{ width: 16.5%; float: left; border-right: 1px solid #71a54d; text-align: center; color: #fff; height: 115px; font-size: 16px; background: #518c2e; }
.case-hd li.none{ border-right: none; }
.case-hd li img{ display: block; width: 41px; height: 44px; margin: 22px auto 7px; }
.case-hd li.on{ background: url("Img/Index/on_case.png") no-repeat center 0; height: 125px; border-right: none;}
.case-bd dl{ height: 400px; background: #fff; }
.case-bd dt{ width: 599px; height: 400px; float: left; }
.case-bd dt img{ width: 100%; }
.case-bd dd{ width: ; padding: 60px 50px 0 0; width: 500px; float: right; }
.case-bd dd h3{ font-size: 24px; color: #222222; }
.case-bd dd h3 a{ color: #222; }
.case-bd dd .line{ width: 35px; height: 2px; background: #82b638; margin: 20px 0 25px;}
.case-bd dd p{ font-size: 14px; line-height: 26px; color: #666666; }
.case-bd dd .case-more{ background: url("Img/Index/case_more.png") no-repeat; display: block; height: 35px; line-height: 35px; font-size: 14px; color: #fff; width: 140px; padding-left: 32px; margin-top: 30px; }
.case-bd dd .case-more:hover{ background: url("Img/Index/case_more2.png") no-repeat; }

.partner{ height: 216px; overflow: hidden; margin-top: 20px; background: #fff; border-radius: 5px; padding: 0 37px; }
.partner .sub-title{ margin: 29px 0 25px; }
.partner .partner-bd{ width: 1035px; margin: 0 auto; }
.partner li{ width: 158px; height: 93px; float: left; margin-right: 15px; overflow: hidden; border: 1px solid #e3e3e3;}
.partner li img{ width: 100%;}
.partner .prev,.partner .next{ display: block; width: 33px; height: 33px; margin-top: 28px; background: url("Img/Index/next1-1.jpg") no-repeat;}
.partner .prev{ margin-right: 12px; background: url("Img/Index/prev1-1.jpg") no-repeat;}
.partner .prev:hover{background: url("Img/Index/prev1-2.jpg") no-repeat;}
.partner .next:hover{background: url("Img/Index/next1-2.jpg") no-repeat;}


/*广告2*/
.banner2{ background: url("Img/Index/banner2.jpg") no-repeat center 0; height: 350px; overflow: hidden;}
.banner2-wrap{ margin-left: 980px; }
.banner2 .banner2-tel{ background: url("Img/Index/banner_tel.png") no-repeat 0 0; padding-left: 52px; font-size: 14px; color: #fff; margin: 56px 0 30px;}
.banner2 .banner2-tel b{ display: block; font-size: 26px; font-family: "Arial"; }
.banner2 .banner2-inquery{ background: url("Img/Index/banner_btn.png") no-repeat 0 0; width: 125px; height: 35px; line-height: 35px; display: block; font-size: 14px; color: #518c2e; padding-left: 24px; margin-left: 53px;}


/*优势*/
.advantage h3{ font-size: 30px; color: #518c2e; height: 115px; padding: 12px 0 0 130px; letter-spacing: -1px;}
.advantage h3 span{ display: block; font-size: 18px; color: #666666; font-weight: normal; margin-top: 26px;}
.advantage ul{ padding: 5px 0 0 30px; margin-left: 100px;}
.advantage li{ font-size: 16px; line-height: 26px; color: #666666; margin-bottom: 13px; }
.advantage li b{ color: #82b638; }
.adv-inquery{ background: url("Img/Index/case_more.png") no-repeat; display: block; height: 35px; line-height: 35px; font-size: 14px; color: #fff; width: 140px; padding-left: 32px; margin: 68px 0 0 130px;}
.adv-inquery:hover{background: url("Img/Index/case_more2.png") no-repeat;}
.advantage1{ background: url("Img/Index/advantage_bg1.jpg") no-repeat center 0; height: 576px;  }
.advantage1 h3 span{ font-size: 12px; font-family: "Arial"; text-transform: capitalize; }
.advantage2{ background: url("Img/Index/advantage_bg2.jpg") no-repeat center 0; height: 473px; padding-top:80px; overflow: hidden;}
.advantage3-advantage4{ background: url("Img/Index/advantage_bg3.jpg") no-repeat center 0; height: 1208px;  }
.advantage1 h3{ background: url("Img/Index/num01.png") no-repeat; }
.advantage2 h3{ background: url("Img/Index/num02.png") no-repeat; }
.advantage3 h3{ background: url("Img/Index/num03.png") no-repeat; }
.advantage4 h3{ background: url("Img/Index/num04.png") no-repeat; }
.advantage1 ul{ background: url("Img/Index/advantage1_line.jpg") no-repeat; }
.advantage2 ul{ background: url("Img/Index/advantage2_line.jpg") no-repeat; }
.advantage3 ul{ background: url("Img/Index/advantage3_line.jpg") no-repeat; }

.advantage1 dd{ width: 605px; float: left; margin-top: 70px;}
.advantage1 h3{ letter-spacing: -1px; }
.advantage1 h3 span{ letter-spacing: 0;  }
.advantage1 dt{ width: 693px; width:578px; float: right; margin: -10px -24px 0 0;}

.advantage2 dt{ background: url("Img/Index/advantage_img_bg.jpg") no-repeat; padding: 93px 0 0 144px; float: left; width: 456px; height: 300px; position: relative;}
.advantage2 dt ul{ padding: 0; margin: 0; }
.advantage2 dt .prev,.advantage2 dt .next{ width: 40px; height: 40px; position: absolute; top: 223px; z-index: 5;}
.advantage2 dt .prev{ left: 154px; }
.advantage2 dt .next{ right: 10px; }
.advantage2 dd{ width: 542px; float: right; }

.advantage3 dd{ width: 600px; float: left; margin-top: 105px;}
.advantage3 dt{ width: 547px; height: 479px; float: right; margin-top: 60px;}

.advantage4 h3{ margin: 0 0 29px; }
.advantage4 dl{ width: 384px; height: 448px; float: left; margin-right: 24px; }
.advantage4 dl.none{ margin-right: 0; }
.advantage4 dt{ width: 384px; height: 290px; }
.advantage4 dd{ background: url("Img/Index/adv_icon1.png") no-repeat; height: 168px; text-align: center; margin-top: -10px; position: relative; z-index: 2; overflow: hidden;}
.advantage4 dd h3{ background: none; text-align: center; font-size: 18px; color: #222222; padding: 0; letter-spacing: 0; height: auto; margin: 40px 0 20px;}
.advantage4 dd .line{ width: 35px; height: 2px; background: #82b638; margin: 0 auto 15px; }
.advantage4 dd p{ font-size: 14px; line-height: 26px; color: #666666; padding: 0 46px;}
.advantage4 dl:hover dd{ background: url("Img/Index/adv_icon2.png") no-repeat; }
.advantage4 dl:hover dd h3{ color: #fff; }
.advantage4 dl:hover dd .line{ background: #fff; }
.advantage4 dl:hover dd p{ color: #e4eed9; }


/*定制流程*/
.process{ background: url("Img/Index/process_bg.jpg") no-repeat center 0; height: 527px; overflow: hidden; }
.process .process-side{ width: 282px; float: left; text-align: center; }
.process .process-title{ width: 130px; height: 110px; padding-top:20px; font-size: 36px; color: #222222; border: 1px solid #999999; border-radius: 5px; line-height: 45px; margin: 70px auto 20px;}
.process .process-tel{ font-size: 18px; columns: #666666; }
.process .process-tel b{ display: block; font-size: 30px; color: #518c2e; font-family: "Arial"; margin-top: 7px; }
.process .process-inquery{ background: url("Img/Index/case_more.png") no-repeat; display: block; height: 35px; line-height: 35px; font-size: 14px; color: #fff; width: 140px; padding-left: 32px; margin: 18px auto 0; text-align: left;}

.process .process-content{ width: 878px; float: right; color: #fff; text-align: center;}
.process dl{ width: 165px; float: left; margin-right: 70px; }
.process dl.none{ margin-right: 0; }
.process dt{ width: 135px; height: 135px; margin: 70px auto 18px; }
.process dd h3{ font-size: 18px; font-weight: bold; }
.process dd .line{ width: 35px; height: 2px; background: #fff; margin: 15px auto; }
.process dd p{ font-size: 14px; line-height: 22px; }


/*客户见证*/
.witness .main-title{ margin: -30px 0 50px; }
.witness dl{ background: url("Img/Index/witness_bg1.jpg") no-repeat; width: 260px; height: 570px; float: left; margin-right: 53px; text-align: center; overflow: hidden;}
.witness dl.none{ margin-right: 0; }
.witness dt{ width: 254px; height: 254px; margin: 3px auto 40px; overflow: hidden; }
.witness dt img{ width: 100%; }
.witness dd{ padding: 0 34px; }
.witness dd h3{ font-size: 18px; color: #222222; border-bottom: 1px solid #e3e3e3; height: 61px; margin-bottom: 20px;}
.witness dd h3 a{ color: #222222;  }
.witness dd h3 span{ display: block; font-size: 14px; color: #666666; font-weight: normal; margin-top: 7px;}
.witness dd p{ font-size: 14px; line-height: 26px; color: #666666; }
.witness-detail{ display: block; width: 140px; height: 35px; line-height: 35px; background: url("Img/Index/witness_btn.png") no-repeat; color: #222222; margin: 20px auto 0;}
.witness dl:hover{ background: url("Img/Index/witness_bg2.jpg") no-repeat;  }
.witness dl:hover h3 a,.witness dl:hover h3 span,.witness dl:hover p{ color: #fff; }
.witness dl:hover h3{ border-bottom: 1px solid #add469; }
.witness dl:hover .witness-detail{ background-position: 0 -60px; color: #518c2e; }
.witness-more{ background: url("Img/Index/witness_bg.jpg") no-repeat center 0; display: block; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; margin: 59px auto 80px;}


/*公司介绍*/
.about{height: 501px;overflow: hidden;background: url("Img/Index/about_bg.jpg") no-repeat center 0; }
.about dt{ float: left; width: 626px; height: 437px; overflow: hidden;}
.about dt img{ width: 100%; }
.about dd{ float: right; width: 418px; margin-right: 60px;}
.about dd h3{ font-size: 24px; margin-bottom: 90px; font-weight: normal; line-height: 50px; margin: 60px 0 20px;}
.about dd h3 span{ display: block; font-size: 72px;color: #e3e3e3;text-transform: uppercase; font-weight: normal; font-family: "Arial"; }
.about dd h3 a{ color: #222222;}
.about dd .line{ width: 35px; height: 2px; background: #82b638; margin-bottom: 25px; }
.about dd p{font-size: 14px;line-height: 26px;color: #666666;}
.about dd .about-more{ background: url("Img/Index/case_more.png") no-repeat; display: block; height: 35px; line-height: 35px; font-size: 14px; color: #fff; width: 140px; padding-left: 32px; margin: 30px 0 0; }
.about dd .about-more:hover{background: url("Img/Index/case_more2.png") no-repeat; }


/*企业相册和荣誉资质*/
.company{ height: 340px; }
.company .company-hd{ height: 47px; border-bottom: 1px solid #e3e3e3; margin-bottom: 24px; }
.company .company-hd li{ width: 140px; float: left; font-size: 16px; line-height:47px;}
.company .company-hd li span{ padding-left: 57px; display: block;}
.company .company-hd li.company1 span{ background: url("Img/Index/album_icon1.png") no-repeat 19px 10px; }
.company .company-hd li.company2 span{ background: url("Img/Index/album_icon2.png") no-repeat 19px 10px; }
.company .company-hd li.on{ background: #82b638; color: #fff; border-radius: 5px 5px 0 0;}
.company .company-hd li.on span{ background-position: 19px -40px; color:#fff;}
.company .company-hd .company-more a{ width: 53px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #cccccc; border-radius: 5px; font-size: 14px; color: #999999; text-transform: capitalize; font-family:Arial; margin-top: 10px; }


.company-bd{ height: 222px; position: relative;}
.company-bd li{ width: 282px; height: 222px; float: left; margin-right: 24px; overflow: hidden; }
.company-bd li img{ width: 282px; height: 190px; }
.company-bd li span{ display: block; width: 100%; height: 112px; text-align: center; font-size: 14px; height: 41px; line-height: 41px; border-bottom: 1px solid #e3e4e4;  }
.company-bd li span a{color: #2f3640;  }
.company-bd li:hover span{ border-bottom: 1px solid #9ca0a4; color:#518c2e; }
.company-bd .arrow .arrow-prev,.company-bd .arrow .arrow-next{ display: block; width: 33px; height: 33px; position: absolute; top: 75px;}
.company-bd .arrow .arrow-prev img,.company-bd .arrow .arrow-next img{ width: 100%; }
.company-bd .arrow .arrow-prev{ left: -50px; background: url("Img/Index/prev1-1.jpg") no-repeat;}
.company-bd .arrow .arrow-next{ right: -50px; background: url("Img/Index/next1-1.jpg") no-repeat;}
.company-bd .arrow .arrow-prev:hover{background: url("Img/Index/prev1-2.jpg") no-repeat;}
.company-bd .arrow .arrow-next:hover{background: url("Img/Index/next1-2.jpg") no-repeat;}


/*新闻聚焦*/
.info{ background: url("Img/Index/case_bg.jpg") no-repeat center 0; height: 573px; overflow: hidden; padding-top: 70px; }
.news{ width: 742px; height: 482px; background: #fff; border: 1px solid #e3e3e3; border-radius: 5px; padding: 19px 24px 0; float: left;}
.info .sub-title{ margin-bottom: 25px; }
.info .sub-title span{ font-size: 16px; color: #518c2e; font-weight: bold; background: url("Img/Index/news_icon1.jpg") no-repeat 0 0; padding-left: 36px; height: 24px; display: block;}
.faq .sub-title span{ background: url("Img/Index/news_icon2.jpg") no-repeat 0 0; }
.news .news-img{ width: 257px; height: 387px; float: left; overflow: hidden; }
.news .news-img img{ width: 100%; }
.news .news-content{ width: 445px; float: right; }
.news .news-content dl{ height: 150px; border-bottom: 1px solid #e3e3e3; }
.news .news-content dt{ font-size: 14px;font-weight: bold; margin-bottom: 15px; }
.news .news-content dt a{  color: #222222;  }
.news .news-content dd{ font-size: 14px; line-height: 24px; color: #666666; }
.news .news-content dd .news-detail{ background: url("Img/Index/news_btn.jpg") no-repeat; display: block; height: 30px; line-height: 30px; font-size: 14px; color: #fff; width: 100px; margin: 20px 0 0; text-align: center;  }
.news .news-content dd .news-detail:hover{ background: url("Img/Index/news_btn2-2.png") no-repeat;}
.news .news-content li{ font-size: 14px; line-height: 38px; border-bottom: 1px dashed #e3e3e3; }
.news .news-content li a{ color: #666666; }
.news .news-content li a:hover{ color:#518c2e;}

.faq{ width: 330px; height: 482px; background: #fff; border: 1px solid #e3e3e3; border-radius: 5px; padding: 19px 26px 0; float: right;}
.faq .faq-img{ height: 135px; margin-bottom: 20px; overflow: hidden; }
.faq .faq-img img{ width: 100%; }
.faq dl{ height: 84px; border-bottom: 1px dashed #e3e3e3; margin-bottom: 8px; overflow: hidden;}
.faq dt{ background: url("Img/Index/question_icon.jpg") no-repeat; font-size: 14px; padding-left: 39px; height: 25px; font-weight: bold; margin-bottom: 1px;line-height:25px;overflow:hidden;}
.faq dt a{ color: #222222;  }
.faq dt a:hover{ color:#518c2e;}
.faq dd{ background: url("Img/Index/answer_icon.jpg") no-repeat; padding-left: 39px; font-size: 14px; line-height: 24px; color: #666666;}


/*友情链接*/
.link{ margin: 50px 0; height: 80px; overflow: hidden; }
.link h2{ font-size: 16px; background: url("Img/Index/link_bg.jpg") no-repeat; width: 24px; height: 75px; float: left; font-weight: normal; padding: 5px 12px 0; line-height: 17px;}
.link h2 a{color: #fff;}
.link .link-wrap{ border: 1px solid #e3e3e3; border-left: none; width: 1151px; float: right; line-height: 78px;}
.link .link_c{ width: 990px; float: left; }
.link .link_c a{color: #666666; display: inline-block; padding: 0 20px;}
.link .link_c a:hover{ color:#518c2e;}
.link .entrance{ font-size: 14px; color: #82b638; font-weight: normal; float: right; margin-right: 20px;}