/* Banner YangFangLing 2018年8月13日 */
.BannerBox{position: relative;}

.BannerList{position: relative;width: 1920px;overflow: hidden;top: -2px;}
.BannerList ul{position: relative;top: 0;left: 0;}
.BannerList ul li{float: left;}
.BannerList ul li img{display: block;width: 100%;}

.BannerCon{position: relative;overflow:hidden;}
.BannerCon i{width: 58px;height: 58px;display: block;overflow: hidden;cursor: pointer;position: absolute;top: 50%;z-index: 99;display: none;margin-top: -29px;}
.BannerCon i img{width: 58px;height: 58px;display: block;}
.BannerCon i.prev{left: 58px;}
.BannerCon i.next{right: 58px;}
.BannerCon:hover i{display: block;}

.BannerBot{width: 100%;position: absolute;left: 0;bottom: 35px;text-align: center;z-index: 998;}
.BannerBot span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 60px;height: 2px;background: #ccc;margin: 0 5px;cursor: pointer;}
.BannerBot span.cur {background: #297d4e;}
/* Banner End */

/* Partner YangFangLing 2018年8月30日 */
.Partner{padding-bottom: 60px;}

.PartnerBox{position: relative;overflow: hidden;}
.PartnerBox ul{position: relative;}
.PartnerBox ul li{border: 1px #eee solid;width: 230px;height: 146px;float: left;margin-left: 10px;}
.PartnerBox ul li:first-child{margin-left: 0;}
.PartnerBox ul li a{display: block;overflow: hidden;}
.PartnerBox ul li a img{display: block;transition: .8s;width: 230px;height: 146px;}
.PartnerBox ul li:hover a img{transform: scale(1.1);}

.PartnerCon{position: relative;}
.PartnerCon i{display: block;width: 80px;height: 40px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -20px;}
.PartnerCon i img{display: block;width: 80px;height: 80px;position: relative;}
.PartnerCon i:hover img{position: relative;top: -40px;}
.PartnerCon i.prev{left: -80px;}
.PartnerCon i.next{right: -80px;}
/* Partner End */

/* Factory YangFangLing 2018年8月30日 */
.Factory{padding-bottom: 60px;}

.FactoryBox{position: relative;overflow: hidden;}
.FactoryBox ul{position: relative;}
.FactoryBox ul li{float: left;margin-left: 20px;text-align: center;width: 386px;}
.FactoryBox ul li a{display: block;}
.FactoryBox ul li span{width: 384px;height: 298px;display: block;overflow: hidden;border: 1px #dcdcdc solid;}
.FactoryBox ul li span img{display: block;width: 386px;height: 298px;transition: .8s;}
.FactoryBox ul li:hover span img{transform: scale(1.1);}
.FactoryBox ul li:first-child{margin-left: 0;}
.FactoryBox ul li p{font-size: 18px;color: #333;margin-top: 20px;}
.FactoryBox ul li:hover p{color: #297d4e;}

.FactoryCon{position: relative;}
.FactoryCon i{display: block;width: 80px;height: 40px;overflow: hidden;cursor: pointer;position: absolute;top: 44%;margin-top: -20px;}
.FactoryCon i img{display: block;width: 80px;height: 80px;position: relative;}
.FactoryCon i:hover img{position: relative;top: -40px;}
.FactoryCon i.prev{left: -80px;}
.FactoryCon i.next{right: -80px;}
/* Factory End */

/* Case YangFangLing 2018年8月30日 */
.Case{background-color: #f7f7f7;padding-bottom: 60px;}

.CaseBox{position: relative;overflow: hidden;}
.CaseBox ul{position: relative;}
.CaseBox ul li{background-color: #fff;border: 1px #eee solid;width: 384px;float: left;margin-left: 21px;}
.CaseBox ul li:first-child{margin-left: 0;}
.CaseBox ul li a{display: block;}
.CaseBox ul li span{width: 384px;height: 310px;display: block;overflow: hidden;}
.CaseBox ul li span img{transition: .8s;display: block;width: 384px;height: 310px;}
.CaseBox ul li:hover span img{transform: scale(1.1);}
.CaseBox ul li dd{text-align: center;height: 80px;border-top: 1px #eee solid;}
.CaseBox ul li dd h3{font-size: 20px;color: #333;font-weight: normal;margin-top: 15px;}
.CaseBox ul li dd p{font-size: 14px;color: #666;margin-top: 7px;}
.CaseBox ul li:hover{border: 1px #297d4e solid;}
.CaseBox ul li:hover dd{background-color: #297d4e;}
.CaseBox ul li:hover dd h3,.CaseBox ul li:hover dd p{color: #fff;}

.CaseCon{position: relative;}
.CaseCon i{display: block;width: 80px;height: 40px;overflow: hidden;cursor: pointer;position: absolute;top: 40%;margin-top: -20px;}
.CaseCon i img{display: block;width: 80px;height: 80px;position: relative;}
.CaseCon i:hover img{position: relative;top: -40px;}
.CaseCon i.prev{left: -80px;}
.CaseCon i.next{right: -80px;}
/* Case End */

/* AboutUs YangFangLing 2018年8月30日 */
.AboutUs{background: #009d44;height: 661px;}

.AboutUsCon dl dt{width: 523px;height: 349px;display: block;position: relative;}
.AboutUsCon dl dt a{display: block;overflow: hidden;position: relative;z-index: 99;}
.AboutUsCon dl dt a img{display: block;width: 523px;height: 349px;transition: .8s;}
.AboutUsCon dl dt:hover a img{transform: scale(1.1);}
.AboutUsCon dl dt i{width: 359px;height: 240px;display: block;background-color: #297d4e;position: absolute;right: -10px;top: -10px;z-index: 1;}

.AboutUsCon dl dd{width: 620px;}
.AboutUsCon dl dd h3{font-weight: normal;}
.AboutUsCon dl dd h3 a{font-size: 24px;color: #fff;}
.AboutUsCon dl dd p{font-size: 14px;color: #fff;line-height: 25px;margin-top: 60px;}
.AboutUsCon dl dd a.More{width: 120px;height: 35px;text-align: center;line-height: 35px;background-color: #297d4e;font-size: 14px;border-radius: 5px;display: block;margin-top: 30px;color: #fff;}

.AboutUsTitle{text-align: center;background-color: #fff;padding: 40px 0;}
.AboutUsTitle ul li{display: inline-block;font-size: 20px;border-bottom: 1px #fff solid;padding-bottom: 10px;margin-left: 45px;}
.AboutUsTitle ul li:first-child{margin-left: 0;}
.AboutUsTitle ul li.cur{border-bottom: 1px #297d4e solid;}
.AboutUsTitle ul li a{color: #333;display: block;}

.AboutUsBot{position: relative;top: -80px;}

.AboutUsBotBox{position: relative;overflow: hidden;}
.AboutUsBotBox ul{position: relative;}
.AboutUsBotBox ul li{float: left;width: 283px;height: 240px;border: 1px #dcdcdc solid;margin-left: 20px;}
.AboutUsBotBox ul li:first-child{margin-left: 0;}
.AboutUsBotBox ul li a{display: block;width: 283px;height: 209px;overflow: hidden;}
.AboutUsBotBox ul li a img{display: block;width: 283px;height: 209px;transition: .8s;}
.AboutUsBotBox ul li:hover a img{transform: scale(1.1);}
.AboutUsBotBox ul li:hover{border: 1px #009d44 solid;}

.AboutUsBotBox ul li dd{}

.AboutUsBotCon{position: relative;}
.AboutUsBotCon i{display: block;width: 80px;height: 40px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -20px;}
.AboutUsBotCon i img{display: block;width: 80px;height: 80px;position: relative;}
.AboutUsBotCon i:hover img{position: relative;top: -40px;}
.AboutUsBotCon i.prev{left: -80px;}
.AboutUsBotCon i.next{right: -80px;}
/* AboutUs End */

/* Advantage YangFangLing 2018年8月30日 */
.Advantage{padding-bottom: 50px;}

.AdvantageCon dl{margin-top: 40px;}
.AdvantageCon dl:first-child{margin-top: 0;}
.AdvantageCon dl:nth-child(odd) dt{float:left !important;}
.AdvantageCon dl dt{width: 551px;height: 331px;overflow: hidden;}
.AdvantageCon dl dt img{display: block;transition: .8s;width: 551px;height: 331px;}
.AdvantageCon dl dt:hover img{transform: scale(1.1);}

.AdvantageCon dl dd{width: 613px;background-color: #f9f8f8;height: 301px;padding: 30px 0 0 35px;position: relative;}
.AdvantageCon dl dd h3{font-size: 24px;color: #333;}
.AdvantageCon dl dd h3 span{color: #297d4e;}
.AdvantageCon dl dd h3 b{color: #297d4e;}
.AdvantageCon dl dd h4{font-size: 20px;color: #333;font-weight: normal;margin-top: 10px;border-bottom: 1px #ededed dotted;padding-bottom: 10px;width: 560px;}
.AdvantageCon dl dd h4 b{color: #297d4e;font-weight: normal;}
.AdvantageCon dl dd p{font-size: 16px;color: #666;margin-top: 25px;}
.AdvantageCon dl dd p i{width: 7px;height: 7px;background-color: #297d4e;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 10px;}
.AdvantageCon dl dd a.More{width: 170px;height: 40px;display: block;background-color: #297d4e;color: #fff;font-size: 16px;text-align: center;line-height: 40px;border-radius: 5px;margin-top: 25px;}
.AdvantageCon dl dd a.More i.i02{background: url(img/AdvantageIcon02.png) no-repeat center;}
.AdvantageCon dl dd a.More i.i02{background: url(img/AdvantageIcon03.png) no-repeat center;}
.AdvantageCon dl dd a.More i.i02{background: url(img/AdvantageIcon04.png) no-repeat center;}
.AdvantageCon dl dd a.More i{width: 26px;height: 26px;display: inline-block;background: url(img/AdvantageIcon01.png) no-repeat center;vertical-align: middle;margin-right: 10px;}
.AdvantageCon dl dd em{display: block;width: 45px;height: 63px;background-color: #297d4e;color: #fff;font-size: 30px;text-align: center;line-height: 50px;position: absolute;left: -25px;top: 0;}
.AdvantageCon dl dd em span{border-bottom: 1px #297d4e solid;padding-bottom: 5px;}

.AdvantageCon dl.dl02 em{left: 630px;}
/* Advantage End */

/* Process YangFangLing 2018年8月30日 */
.Process{height: 439px;background: url(img/ProcessBg.jpg) no-repeat center;}

.ProcessCon{position: relative;}
.ProcessCon ul li{float: left;text-align:  center;width: 10%;}
.ProcessCon ul li:first-child{margin-left: 0;}
.ProcessCon ul li span{width: 60px;height: 60px;display: block;overflow: hidden;position: relative;margin:  0 auto;}
.ProcessCon ul li span img{width: 60px;height: 120px;position: relative;}
.ProcessCon ul li:hover span img{top: -60px;position: relative;}
.ProcessCon ul li h3{font-size: 18px;color: #333;margin: 15px 0;font-weight: normal;}
.ProcessCon ul li p{font-size: 8px;color: #333;-webkit-transform: scale(0.7);text-transform:  uppercase;height: 50px;}
.ProcessCon ul li em{width: 38px;height: 38px;display: block;border: 1px #297d4e solid;border-radius: 50%;line-height: 38px;text-align: center;font-size: 20px;color: #009d44;font-weight: bold;margin: 0 auto;background-color: #fff;z-index: 6;position:  relative;}
.ProcessCon ul li:hover em{border: 1px #297d4e solid;color: #297d4e;}
.ProcessCon h1{height: 1px;background-color: #dedede;position: absolute;bottom: 19px;left: 40px;z-index: 1;width:  1100px;}
/* Process End */

/* News YangFangLing 2018年8月31日 */
.News{background-color: #f5f5f5;}

.NewsLeft{width: 425px;}
.NewsTitle h3{float: left;}
.NewsTitle h3 a{font-size: 18px;color: #009d44;background: url(img/NewsImg03.png) no-repeat left;padding-left: 25px;}
.NewsTitle p{float: right;}
.NewsTitle p a{color: #666;font-size: 14px;}
.NewsTitle p a em{color: #999;margin-left: 3px;}

.NewsLeftCon{margin-top: 15px;border: 1px #ddd solid;height: 420px;padding: 20px;position: relative;overflow: hidden;}
.NewsLeftCon ul{position: relative;}
.NewsLeftCon ul li{border-top: 1px #ddd dotted;padding-top: 20px;margin-top: 20px;}
.NewsLeftCon ul li h3{font-weight: normal;background: url(img/News01.jpg) no-repeat left center;padding-left: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsLeftCon ul li h3 a{font-size: 16px;color: #333;}
.NewsLeftCon ul li p{font-size: 14px;color: #999;line-height: 20px;margin-top: 10px;background: url(img/News02.jpg) no-repeat left top;padding-left: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.NewsLeftCon ul li:hover a{color: #009d44;}
.NewsLeftCon ul li:first-child{border-top: none;padding-top: 0;margin-top: 0;}

.NewsRight{width: 725px;}
.NewsRightTitle ul li{float: left;border-left: 1px #ddd solid;padding-left: 20px;margin-left: 20px;}
.NewsRightTitle ul li:first-child{border-left: none;padding-left: 0;margin-left: 0;}
.NewsRightTitle ul li.cur a{color: #009d44;}
.NewsRightTitle ul li.li02 a{background: url(img/NewsImg02.png) no-repeat left center;}
.NewsRightTitle ul li a{font-size: 18px;color: #333;background: url(img/NewsImg01.png) no-repeat left center;padding-left: 25px;}

.NewsRightTitle a.More{color: #666;font-size: 14px;}
.NewsRightTitle a.More em{color: #999;margin-left: 3px;}

.NewsRightCon{border: 1px #ddd solid;height: 420px;margin-top: 15px;padding: 20px;}
.NewsRightCon dl dt{width: 300px;height: 175px;}
.NewsRightCon dl dt a{display: block;overflow: hidden;}
.NewsRightCon dl dt a img{width: 300px;height: 175px;display: block;transition: .8s;}
.NewsRightCon dl dt:hover a img{transform: scale(1.1);}
.NewsRightCon dl dd{width: 360px;}
.NewsRightCon dl dd h3{font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsRightCon dl dd h3 a{font-size: 16px;color: #009d44;}
.NewsRightCon dl dd p{font-size: 14px;color: #999;line-height: 25px;margin-top: 15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.NewsRightCon dl dd a.More{width: 127px;height: 40px;line-height: 40px;text-align: center;background-color: #297d4e;color: #fff;font-size: 14px;border-radius: 5px;display: block;margin-top: 46px;}

.NewsRightCon ul li{border-top: 1px #ddd solid;padding-top: 17px;margin-top: 17px;}
.NewsRightCon ul li:first-child{border-top: none;padding-top: 0;}
.NewsRightCon ul li a h3{font-weight: normal;font-size: 16px;color: #333;}
.NewsRightCon ul li a h3 span{color: #999;font-size: 16px;float: right;}
.NewsRightCon ul li a p{font-size: 14px;color: #999;line-height: 25px;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsRightCon ul li:hover a h3{color: #009d44;}
/* News End */

/* MessageReservation YangFangLing 2018年8月31日 */
.MessageReservation{height: 288px;background: #009d44;}

.MessageReservation-Right{width: 528px;}
.MessageReservation-Right h3{font-weight: normal;font-size: 24px;color: #fff;padding-top: 40px;}
.MessageReservation-Right h4{font-weight: normal;font-size: 18px;color: #fff;margin-top: 12px;}
.MessageReservation-Right h4 b{color: #297d4e;font-size: 24px;}
.MessageReservation-Right p{margin-top: 61px;}
.MessageReservation-Right h5{font-size: 18px;color: #fff;font-weight: normal;margin-top: 12px;}
.MessageReservation-Right a{height: 50px;background-color: #297d4e;color: #fff;font-size: 16px;display: block;padding: 0 30px;border-radius: 5px;float: left;line-height: 50px;margin-left: 30px;}
.MessageReservation-Right a:first-child{margin-left: 0;}
.MessageReservation-Right a i{width: 27px;height: 27px;display: inline-block;background: url(img/MessageReservation01.png) no-repeat center;vertical-align: middle;margin-right: 20px;}
.MessageReservation-Right a i.i02{background: url(img/MessageReservation02.png) no-repeat center;}

.MessageReservation-Left{width: 580px;padding-top: 40px;margin-right: 35px;}
.MessageReservation-Left input{width: 512px;height: 50px;line-height: 50px;padding: 0 46px 0 22px;border: none;outline: none;margin-top: 20px;border-radius: 4px;font-size: 16px;color: #999999;}
.MessageReservation-Left .input-name{background: url(img/Name.png) no-repeat 545px center #fff;}
.MessageReservation-Left .input-call{background: url(img/phone.png) no-repeat 545px center #fff;}
.MessageReservation-Left input:first-child{margin-top: 0;}
.MessageReservation-Left textarea{width: 536px;height: 38px;background-color: #fff;border: none;outline: none;margin-top: 20px;border-radius: 5px;resize: none;font-size: 16px;color: #999;padding: 15px 22px;}
/* MessageReservation End */

/* ProductAdvantages YangFangLing 2018年8月31日 */
.ProductAdvantages{background-color: #f8f8f8;height: 790px;}

.ProductAdvantages-Con ul li{float: left;height: 500px;background-color: #fff;width: 25%;position: relative;}
.ProductAdvantages-Con ul li h3{font-size: 24px;color: #009d44;font-weight: normal;padding: 35px 14px 0;}
.ProductAdvantages-Con ul li h3 i{width: 2px;height: 100px;display: block;background-color: #297d4e;position: absolute;left: 0;top: -10px;}
.ProductAdvantages-Con ul li p{font-size: 16px;color: #666;line-height: 25px;margin-top: 55px;padding: 0 14px;height: 181px;}
.ProductAdvantages-Con ul li span{width: 298px;height: 198px;display: block;border-top: 1px #eee solid;overflow: hidden;}
.ProductAdvantages-Con ul li span img{display: block;width: 298px;height: 198px;transition: .8s;}
.ProductAdvantages-Con ul li:hover span img{transform: scale(1.1);}
.ProductAdvantages-Con ul li h1{width: 1px;background-color: #eee;height: 792px;position: absolute;left: 0;top: -174px;}
.ProductAdvantages-Con ul li.li02{top: 60px;}
.ProductAdvantages-Con ul li.li02 h1{height: 792px;top: -234px;}
.ProductAdvantages-Con ul li.li03{top: 30px;}
.ProductAdvantages-Con ul li.li03 h1{height: 792px;top: -204px;}
/* ProductAdvantages End */

/* Advisory YangFangLing 2018年8月31日 */
.Advisory{background: url(img/AdvisoryBg.jpg) no-repeat center;height: 200px;}

.AdvisoryLeft{width: 560px;margin-top: 45px;}
.AdvisoryLeft h3{font-size: 19px;color: #fff;}
.AdvisoryLeft h3 b{color: #297d4e;font-size: 32px;}
.AdvisoryLeft p{font-size: 16px;color: #009d44;background-color: #fff;height: 40px;line-height: 40px;width: 430px;text-align: center;font-weight: bold;margin: 20px auto 0;}

.AdvisoryRight{width: 350px;margin-top: 45px;}
.AdvisoryRight h3{font-weight: normal;background: url(img/Advisory01.png) no-repeat left 9px;padding-left: 30px;}
.AdvisoryRight h3 span{font-size: 16px;}
.AdvisoryRight h3{font-size: 28px;color: #fff;font-family: "Helvetica";}
.AdvisoryRight a{width: 200px;height: 40px;display: block;color: #fff;font-size: 16px;border-radius: 5px;background-color: #297d4e;text-align: center;line-height: 40px;margin: 20px auto 0;}
/* Advisory End */

/* SearchFor YangFangLing 2018年8月31日 */
.SearchFor{height: 65px;line-height: 65px;background-color: #f9f8f8;margin-top: -2px;}

.SearchFor p{font-size: 14px;overflow:  hidden;height:  65px;}
.SearchFor p a{color: #999;margin: 0 10px;display: block;float: left;}
.SearchFor p a:hover{color: #009d44;}
.SearchFor p span{float: left;}

.SearchFor form{width: 350px;height: 25px;line-height: 25px;float: right;margin-top: 20px;position: relative;border: 1px solid #ddd;border-radius:  50PX;overflow:  hidden;}
.SearchFor form input{padding-left: 17px;font-size: 14px;outline: none;border: none;color: #999999;height: 25px;line-height: 25px;width: 295px;padding-left: 10px;background: none;float: left;}
.SearchFor form button{display: block;width: 40px;height: 25px;background: url(img/searchBtn.png) no-repeat center;float: right;border:none;}
/*.SearchFor form a{display: block;width: 40px;height: 25px;background: url(img/searchBtn.png) no-repeat center;float: right;}*/
/* SearchFor End */

/* ProductCenter YangFangLing 2018年8月31日 */
.ProductCenter{padding: 40px 0 60px;}

.ProductCenterLeft{width: 230px;border: 2px #009d44 solid;}
.ProductCenterLeft h3{height: 70px;font-size: 22px;color: #fff;line-height: 70px;background: #009d44 url(img/ProductCenter01.png) no-repeat 25px;text-indent: 75px;margin-bottom: 20px;}
.ProductCenterLeft h3 a{color:#fff}
.ProductCenterLeft dl{padding: 0 24px;}
.ProductCenterLeft dl dt{font-size: 18px;color: #fbfbfb;height: 35px;line-height: 35px;width: 180px;background-color: #297d4e;border-radius: 5px;text-align: center;margin: 0 auto;}
.ProductCenterLeft dl dt a{color:#fff}
.ProductCenterLeft dl dd{height: 46px;line-height: 56px;border-top: 1px #e1e1e1 dotted;}
.ProductCenterLeft dl dd.dd01{border-top: none;}
.ProductCenterLeft dl dd a{font-size: 14px;color: #666;background: url(img/ProductCenter02.png) no-repeat left;padding-left: 15px;}
.ProductCenterLeft dl dd a:hover{color: #009d44;}

.ProductCenterRight{width: 940px;}
.ProductCenterRight h3 a{font-size: 24px;color: #009d44;}
.ProductCenterRight h3 em{font-size: 14px;color: #666;display: block;margin-top: 5px;border-bottom: 1px #eee solid;padding-bottom: 10px;}
.ProductCenterRight h3 i{width: 100px;height: 1px;display: block;background-color: #297d4e;}

.ProductCenterRight ul{width: 1225px;margin-left: -20px;margin-top: 20px;}
.ProductCenterRight ul li{float: left;margin-left: 20px;width: 298px;text-align: center;}
.ProductCenterRight ul li a{display: block;}
.ProductCenterRight ul li span{width: 298px;height: 218px;display: block;border: 1px #eee solid;overflow: hidden;}
.ProductCenterRight ul li:hover span {border: 1px #009d44 solid;}
.ProductCenterRight ul li span img{display: block;width: 298px;height: 218px;transition: .8s;}
.ProductCenterRight ul li:hover span img{transform: scale(1.1);}
.ProductCenterRight ul li:hover p{color: #009d44;}
.ProductCenterRight ul li p{font-size: 16px;color: #333;height: 40px;line-height: 40px;}
/* ProductCenter End */