/* banner YangFangLing 2019年9月2日 */
.banner{clear:both;position:relative;z-index:1;width:100%;height:580px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom: 100px;width:100%;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin: 0 5px;width: 30px;height: 30px;cursor:pointer;background: url(../images/Index/baner_box01.png) no-repeat center center;text-indent: -999px;overflow: hidden;}
.banner .hd li.cur{background: url(../images/Index/baner_box02.png) no-repeat center center;}
.banner .bd,.banner .bd ul{height:580px;}
.banner .bd li{width:100%;height:580px;}
.banner .bd li a{display:block;height:580px;background-repeat:no-repeat;background-position:center;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-30px;width:58px;height:58px;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:2%;background:url(../images/Index/banner_prev.png) no-repeat;}
.banner .next{right:2%;background:url(../images/Index/banner_next.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
/* banner End */

/* 搜索 YangFangLing 2019年9月2日 */
.SearchFor{height: 60px;line-height: 60px;position: absolute;top: 731px;left: 0;z-index: 9;background: url(../images/Index/tmbj.png) repeat;width: 100%;}

.SearchFor .keyword {font-size: 14px;color: #fff;height: 60px;width: 770px;}
.SearchFor .keyword span {float: left;width:73px;height: 60px;line-height: 60px;color: #fff;}
.SearchFor .keyword p {float: left;height: 60px;line-height: 60px;}
.SearchFor .keyword p a {float: left;height: 60px;line-height: 60px;color: #fff;font-size: 14px;padding: 0 9px;}
.SearchFor .keyword p a:hover {color: #36256b;}
.SearchFor .keyword a:first-child {padding-left: 0;border-left: none;}
.SearchFor form{margin-top: 8px;}
.SearchFor .inp {width: 250px;height: 35px;overflow: hidden;border-bottom: 1px solid #fff;}
.SearchFor .inp input {float: left;border:none;padding:5px 0;height: 25px;line-height: 25px;width: 220px;font-size: 14px;color: #fff;background: none;outline: none;}
.SearchFor .inp button {display: block;float: right;width: 17px;height: 17px;cursor: pointer;background:  no-repeat;border:  none;padding: 0;outline: none;position: relative;top: 8px;}
.SearchFor .inp button i {display: block;width: 17px;height: 17px;background: url(../images/Index/SearchFor.png) no-repeat right center;}
/* 搜索 End */

/* 优势导航 YangFangLing 2019年9月2日 */
.ysdh{background-color: #fff;overflow: hidden;}
.ysdh ul{border-right: 1px #ebebeb solid;box-sizing: border-box;}
.ysdh ul li{padding: 40px 0;text-align: center;float: left;width: 299px;border-left: 1px #ebebeb solid;box-sizing: border-box;}
.ysdh ul li span{width: 50px;height: 50px;display: block;margin: 0 auto;}
.ysdh ul li span img{width: 50px;height: 50px;display: block;}
.ysdh ul li:hover span img{transform:rotateY(180deg);transition: .8s all;}
.ysdh ul li h3{font-weight: normal;font-size: 24px;color: #333;margin-top: 15px;}
.ysdh ul li p{color: #333;font-size: 15px;color: #666;margin-top: 5px;}
/* 优势导航 End */

/* 新闻中心 YangFangLing 2019年9月2日 */
.News{padding: 60px 0;overflow: hidden;background-color: #fff;}

.NewsCon{margin-top: 35px;}
.NewsCon ul li{width: 388px;margin-left: 15px;float: left;position: relative;top: 0;transition: .8s;background-color: #fff;border: 1px #ededed solid;}
.NewsCon ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);position: relative;top: -15px;}
.NewsCon ul li:first-child{margin-left: 0;}
.NewsCon ul li h3{font-size: 20px;overflow: hidden;line-height: 24px;padding: 20px 20px 0;font-weight: normal;}
.NewsCon ul li h3 a{color: #333;}
.NewsCon ul li h3 a em{display: block;float: right;font-size: 14px;color: #999;text-transform: uppercase;font-family: "iconfont";}
.NewsCon ul li:hover h3 a{color: #36256b;}
.NewsCon ul li .BoxImg{margin: 20px 20px 0 20px;position: relative;}
.NewsCon ul li .BoxImg span{width: 348px;height: 226px;display: block;overflow: hidden;}
.NewsCon ul li .BoxImg span img{width: 348px;height: 226px;display: block;transition: .8s;}
.NewsCon ul li:hover .BoxImg span img{transform: scale(1.1);}
.NewsCon ul li .BoxImg p{font-size: 16px;color:#fff;position:absolute;left:0;bottom:0;background: url(../images/Index/NewsBg.png) center top;width: 66%;padding: 20px 30% 10px 4%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsCon ul li .BoxImg p i{/* width: 17px; *//* height: 11px; *//* background: url(../images/Index/news_box.png) no-repeat center center; */display: block;float: right;position: absolute;top: 22px;right: 4%;font-size: 14px;}
.NewsCon ul li .BoxText{padding: 20px;}
.NewsCon ul li .BoxText a{font-size: 15px;color: #666;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;float:left;width:70%;}
.NewsCon ul li .BoxText p:first-child{margin-top: 0;}
.NewsCon ul li .BoxText a:hover{color: #36256b;}
.NewsCon ul li .BoxText p{overflow:hidden;margin-top: 12px;}
.NewsCon ul li .BoxText p span{display:block;float:right;font-size: 14px;color: #999;}

.NewsCon ul li:nth-child(1){animation:bounceinR 1s ease-out backwards;}
.NewsCon ul li:nth-child(2){animation:bounceinR 1.25s ease-out backwards;}
.NewsCon ul li:nth-child(3){animation:bounceinR 1.5s ease-out backwards;}
.NewsCon ul li:nth-child(4){animation:bounceinR 1.7s ease-out backwards;}
/* 新闻中心 End */

/* 产品中心 YangFangLing 2019年9月2日 */
.Product{padding: 60px 0;overflow: hidden;background-color: #f1f1f1;}

.Product-Con{margin-top: 35px;overflow: hidden;}

.Product-Nav{width: 220px;float: left;background-color: #fff;animation: fadeinL 1s ease-out backwards;}
.Product-Nav .title{padding: 30px 20px;background: #36256b url(../images/Index/cptb.png) no-repeat 165px center;}
.Product-Nav .title h3{font-size: 30px;color: #fff;}
.Product-Nav .title p{font-size: 16px;color: #fff;opacity: .2;margin-top: 5px;}
.Product-Nav .nav{padding: 10px 25px 25px;}
.Product-Nav .nav a{display: block;font-size: 16px;color: #333;height: 50px;line-height: 50px;border-bottom: 1px #bebdbd dashed;background: url(../images/Index/Product_icon.png) no-repeat center right;}
.Product-Nav .nav a:hover{color: #36256b;}

.Product-Nav .phone{padding: 0 25px 25px;}
.Product-Nav .phone em{display: block;font-size: 18px;color: #01b252;background: url(../images/Index/Product_phone.png) no-repeat center left;padding-left: 35px;height: 26px;line-height: 26px;}
.Product-Nav .phone h3{font-weight: normal;font-size: 24px;color: #01b252;margin-top: 5px;font-family: "iconfont";}

.Product-Right{width: 950px;float: right;animation: fadeinR 1s ease-out backwards;}

.Product-Top{background-color: #fff;padding: 25px;box-sizing: border-box;position: relative;}

.Product-Text dl{overflow: hidden;}
.Product-Text dl dt{width: 403px;height: 323px;overflow: hidden;border: 1px #adadad solid;float: left;}
.Product-Text dl dt img{width: 403px;height: 323px;display: block;transition: .8s all;}
.Product-Text dl:hover dt img{transform: scale(1.1);}
.Product-Text dl dd{width: 460px;float: right;}
.Product-Text dl dd h3{font-weight: normal;font-size: 24px;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.Product-Text dl:hover dd h3{color: #36256b;}
.Product-Text dl dd p{font-size: 15px;color: #666;line-height: 25px;margin-top: 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.Product-Text dl dd h4{color:#333;font-size: 15px;line-height:25px;margin-top:20px;}
.Product-Text dl dd em{display: block;background-color: #36256b;color: #fff;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;margin-top: 15px;}
.Product-Text dl dd em i{width: 6px;height: 8px;display: inline-block;background: url(../images/Index/More.png) no-repeat center center;vertical-align: middle;margin-left: 10px;}

.Product-Box{position: absolute;right: 25px;bottom: 25px;}
.Product-Box ul li{width: 11px;height: 11px;background-color: #cacaca;border-radius: 50%;margin: 0 5px;text-indent: -99px;overflow: hidden;cursor: pointer;display: inline-block;*display: inline;*zoom: 1;}
.Product-Box ul li.cur{background-color: #00b356;}

.Product-Bot{margin-top: 25px;}
.Product-Bot ul li{float: left;text-align: center;width: 308px;position: relative;margin-left: 13px;}
.Product-Bot ul li:first-child{margin-left: 0;}
.Product-Bot ul li span{display: block;width: 308px;height: 248px;overflow: hidden;}
.Product-Bot ul li span img{display: block;width: 308px;height: 248px;transition: .8s all;}
.Product-Bot ul li:hover span img{transform: scale(1.1);}
.Product-Bot ul li p{font-size: 16px;color: #fff;height: 40px;line-height: 40px;position: absolute;left: 0;bottom: 0;width: 100%;background: url(../images/Index/tmbj.png) repeat;}
.Product-Bot ul li:hover p{display: none;}
.Product-Bot ul li:hover .Box{display: block;}
.Product-Bot ul li .Box{background: url(../images/Index/tmbj02.png) repeat;width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;display: none;}
.Product-Bot ul li .Box i{font-size: 24px;color: #fff;display: block;padding-top: 85px;}
.Product-Bot ul li .Box em{display: block;width: 100px;height: 25px;line-height: 25px;text-align: center;border-radius: 50px;background-color: #fff;color: #36256b;margin: 15px auto 0;}
/* 产品中心 End */

/* 走进永辉盛 YangFangLing 2019年9月3日 */
.About{padding: 35px 0;overflow: hidden;background-color: #f3f3f3;}
.About .pic{width: 518px;height: 332px;overflow: hidden;float: left;animation: fadeinL 1s ease-out backwards;}
.About .pic img{width: 518px;height: 332px;display: block;transition: .8s all;}
.About .pic:hover img{transform: scale(1.1);}
.About .text{float: right;width: 620px;animation: fadeinR 1s ease-out backwards;}
.About .text h3{font-weight: normal;font-size: 30px;margin: 30px 0;}
.About .text h3 a{color: #333;display: block;}
.About .text p{font-size: 16px;color: #333;line-height: 29px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.About .text a.More{font-size: 16px;color: #fff;width: 130px;height: 40px;line-height: 40px;text-align: center;border-radius: 50px;background-color: #36256b;display: block;margin-top: 39px;}
/* 走进永辉盛 End */

/* 应用案例 YangFangLing 2019年9月3日 */
.Case{padding: 60px 0;overflow: hidden;background-color: #fff;}

.Case-Con{margin: 35px 0;}
.Case-Con ul li{float: left;width: 386px;margin-left: 21px;}
.Case-Con ul li:first-child{margin-left: 0;}
.Case-Con ul li span{display: block;width: 386px;height: 239px;overflow: hidden;}
.Case-Con ul li span img{display: block;width: 386px;height: 239px;transition: .8s all;}
.Case-Con ul li:hover span img{transform: scale(1.1);}
.Case-Con ul li h3{font-weight: normal;font-size: 20px;color: #333;margin: 20px 0 10px;}
.Case-Con ul li h3 a{color: #333;}
.Case-Con ul li p{font-size: 14px;color: #666;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.Case-Con ul li em{display: block;font-size: 14px;color: #333;margin-top: 15px;}
.Case-Con ul li em a{color: #333;}
.Case-Con ul li:hover em a,.Case-Con ul li:hover h3 a{color: #36256b;}

.Partner ul li{float: left;width: 184px;height: 110px;border: 1px #b9b9b9 solid;overflow: hidden;margin-right: 16px;}
/*.Partner ul li:first-child{margin-left: 0;}*/
.Partner ul li img{display: block;width: 184px;height: 110px;transition: .8s all;}
.Partner ul li:hover img{transform: scale(1.1);}

.Case-Con ul li:nth-child(1){animation:bounceinR 1s ease-out backwards;}
.Case-Con ul li:nth-child(2){animation:bounceinR 1.25s ease-out backwards;}
.Case-Con ul li:nth-child(3){animation:bounceinR 1.5s ease-out backwards;}
/* 应用案例 End */

/* 解决方案 YangFangLing 2019年9月3日 */
.Solution{padding: 60px 0 35px;background-color: #fff;}

.Program-Group{margin-top: 35px;overflow: hidden;}
.Program-Group dl{float: left;width: 15%;overflow: hidden;position: relative;text-align: center;transition: all 0.5s;}
.Program-Group dl:first-child{border-left: none;}
.Program-Group dl dt:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.5);}
.Program-Group dl dt{background: #fff;position: relative;}
.Program-Group dl dt img {display: block;transition: all 0.5s;}
.Program-Group dl.cur {width: 40%;transition: all 0.5s;}
.Program-Group dl.cur dd{opacity: 0;}
.Program-Group dl.cur dt img {display: block;width: 100%;height: 100%;}
.Program-Group dl.cur dt::after{background: rgba(0,0,0,.3);}
.Program-Group dl.cur .ConBox{opacity: 1;}

.Program-Group dl dd{text-align: center;position: absolute;left: 0;top: 50%;width: 100%;margin-top: -59px;}
.Program-Group dl dd h3{font-weight: normal;font-size: 24px;color: #fff;margin-top: 20px;}
.Program-Group dl dd i{width: 69px;height: 69px;display: block;margin: 0 auto;}
.Program-Group dl dd i img{width: 69px;height: 69px;display: block;}

.Program-Group dl .ConBox{position: absolute;left: 0;top: 50%;margin-top: -128.5px;opacity: 0;transition: .8s;width: 100%;}
.Program-Group dl .ConBox h3{color: #fff;font-size: 30px;margin-top: 20px;}
.Program-Group dl .ConBox p{color: #fff;font-size: 14px;line-height: 25px;margin-top: 10px;padding: 0 110px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.Program-Group dl .ConBox span{width:69px;height:69px;display:block;margin: 0 auto;}
.Program-Group dl .ConBox span img{width:69px;height:69px;display:block;}
.Program-Group dl .ConBox h4{font-weight: normal;font-size: 16px;margin-top: 30px;}
.Program-Group dl .ConBox h4 em{color: #fff;width: 120px;height: 40px;line-height: 40px;text-align: center;border: 1px solid hsla(0,0%,90%,.5);display: inline-block;*display: inline;*zoom: 1;margin: 0 5px;}
.Program-Group dl .ConBox h4 em:hover{background-color: #01b252;border: 1px #01b252 solid;}
/* 解决方案 End */

/* 广告1 YangFangLing 2019年9月3日 */
.ad{height: 202px;background: #fff url(../images/Index/ad_bg.png) no-repeat center center;padding-top: 50px;}
.ad-Group{float: right;}
.ad-Group h3{font-weight: normal;font-size: 36px;color: #fff;}
.ad-Group p{font-size: 17px;color: #fff;margin-top: 10px;}
.ad-Group ul{margin-top: 20px;}
.ad-Group ul li{float: left;margin-left: 50px;text-align: left;}
.ad-Group ul li:first-child{margin-left: 0;}
.ad-Group ul li h3{font-weight: normal;}
.ad-Group ul li h3 span{font-size: 48px;color: #fff;font-family: "iconfont";}
.ad-Group ul li h3 em{font-size: 14px;margin-left: 5px;}
.ad-Group ul li i{display: block;font-size: 14px;color: #fff;margin-top: 5px;}
/* 广告1 End */

/* 核心优势 YangFangLing 2019年9月3日 */
.Advantages{padding-top: 60px;background-color: #fff;overflow: hidden;}

.Advantages-Con{margin-top: 35px;position: relative;overflow: hidden;}
.Advantages-Con .pic{height: 582px;background: #eaeaea url(../images/Index/map.jpg) no-repeat center 0;}
.Advantages-Con .text{background: rgba(0,0,0,.15);position: absolute;left: 0;bottom: 0;width: 100%;}
.Advantages-Con .text ul{}
.Advantages-Con .text ul li{float: left;width: 299px;text-align: center;padding: 30px 0;border-left: 1px #8e8e8e solid;box-sizing: border-box;position: relative;}
.Advantages-Con .text ul li:last-child{border-right: 1px #8e8e8e solid;}
.Advantages-Con .text ul li span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 47px;height: 47px;}
.Advantages-Con .text ul li span img{width: 47px;height: 47px;display: block;}
.Advantages-Con .text ul li h3{margin-left: 15px;font-weight: normal;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;text-align: left;font-size: 24px;color: #333;}
.Advantages-Con .text ul li h3 em{display: block;font-size: 14px;color: #333;margin-top: 5px;}

.Advantages-Con .text ul li .Box{transition: .8s all;position: absolute;z-index:333;background-color: #36256b;left:-1px;right:-1px;bottom: -583px;text-align: left;padding: 61px 30px;box-sizing: border-box;width:301px;}
.Advantages-Con .text ul li.cur .Box{bottom: 0;}
.Advantages-Con .text ul li .Box h4{font-weight: normal;font-size: 21px;color: #fff;line-height: 30px;}
.Advantages-Con .text ul li .Box h4 em{display: block;font-size: 16px;margin-top: 7px;}
.Advantages-Con .text ul li .Box img{display: block;width: 100%;margin: 25px 0;}
.Advantages-Con .text ul li .Box h5{font-weight: normal;font-size: 16px;color: #fff;}
.Advantages-Con .text ul li .Box h5 em{display: block;font-size: 12px;opacity: .5;line-height: 17px;margin-top: 10px;}
.Advantages-Con .text ul li .Box a{display: block;width: 110px;height: 35px;line-height: 35px;text-align: center;background-color: #01b252;color: #fff;font-size: 16px;margin-top: 35px;}
/* 核心优势 End */

/* 广告2 YangFangLing 2019年9月3日 */
.add{padding-top: 35px;overflow: hidden;background: url(../images/Index/add_bg.jpg) no-repeat center center;height: 224px;}
.add-Group{float: right;text-align: right;}
.add-Group h3{font-weight: normal;font-size: 30px;color: #fff;}
.add-Group p{color: #fff;font-size: 16px;color: #fff;margin-top: 10px;}
.add-Group h4{font-weight: normal;color: #fff;font-size: 24px;margin-top: 20px;font-family: "iconfont";}
.add-Group h4 i{background: url(../images/Index/phone.png) no-repeat center center;width:27px;height:27px;display: inline-block;*display: inline;*zoom: 1;vertical-align:middle;margin-right:20px;}
.add-Group h5{font-weight: normal;margin-top: 20px;}
.add-Group h5 a{text-align: center;width: 137px;height: 40px;line-height: 40px;text-align: center;background: url(../images/Index/ad_icon01.png) no-repeat center center;display: inline-block;*display: inline;*zoom: 1;color: #fff;font-size: 16px;margin-left: 20px;}
.add-Group h5 a:first-child{margin-left: 0;background: url(../images/Index/ad_icon02.png) no-repeat center center;}
/* 广告2 End */