/* Banner YangFangLing 2018年10月22日 */
.BannerCon{position: relative;    overflow: hidden;}
.banner-wrap { width: 100%; height: 620px; position: relative;}
.banner-box { height: 620px; position: relative;}
.banner-box ul li { width: 100%; height: 620px; position: absolute; left: 0; top: 0; z-index: 1; display: none;}
.banner-box ul li a{display: block;}
.banner-box ul li img { width: 1920px; height: 620px; position: relative; left: 50%; margin-left: -960px; }
.btm-circle {width: 100%;height: 24px;position: absolute;bottom: 40px;left: 0;text-align: center;}
.btm-circle span {display: inline-block;width: 22px;height: 22px;position: relative;z-index: 9;border-radius: 50%;margin: 0 20px;cursor: pointer;}
.btm-circle span:before { content: ''; display: block; width: 10px; height: 10px; border:solid 2px #fff; position: absolute; left: 4px; top: 4px; border-radius: 50%;}
.btm-circle span.cur:before { background-color: #abcd06; border:solid 2px #abcd06; }
.banner-wrap span.btn {display: block;width: 74px;height: 74px;background-color: #000;background-color: rgba(0,0,0,.4);position: absolute;top: 50%;z-index: 9;cursor: pointer;margin-top: -37px;display: none;}
.BannerCon .banner-wrap:hover .btn{display: block;}
.banner-wrap span.btn:hover {background-color: #abcd06; background-color: rgba(171,205,6,1);}
.banner-wrap span.l-btn {left: 3%;}
.banner-wrap span.r-btn {right: 3%;}
.banner-wrap span.btn:before {content: '';display: block;width: 44px;height: 48px;background: url(../images/btn-ico.png) no-repeat;position: absolute;left: 20px;top: 14px;}
.banner-wrap span.l-btn:before {/* background-position: -55px -5px; */}
.banner-wrap span.r-btn:before {background-position: 6px -51px;}
/* Banner End */

/* product YangFangLing 2018年10月22日 */
/*.product{padding-bottom: 40px;}

.productTop{text-align: center;}
.productTop ul li{display: inline-block;*display: inline;*zoom: 1;width: 136px;height: 36px;border-radius: 5px;text-align: center;line-height: 36px;margin: 0 5px;}
.productTop ul li a{color: #666;font-size: 14px;}
.productTop ul li.cur{background-color: #1e1e1e;}
.productTop ul li.cur a{color: #fff;}

.productBot{margin-top: 40px;}
.productLeft{width: 380px;}
.productLeft a{width: 380px;height: 639px;display: block;overflow: hidden;}
.productLeft a img{display: block;width: 380px;height: 639px;transition: .8s;}
.productLeft:hover a img{transform: scale(1.03);}

.productRight{width: 810px;}
.productRight ul{width: 820px;margin-left: -10px;margin-top: -8px;}
.productRight ul li{width: 263px;float: left;text-align: center;border: 1px #ebebeb solid;position: relative;margin-left: 8px;margin-top: 8px;}
.productRight ul li span{display: block;width: 263px;height: 263px;overflow: hidden;}
.productRight ul li span img{display: block;width: 263px;height: 263px;transition: .8s;}
.productRight ul li:hover span img{transform: scale(1.03);}
.productRight ul li p{color: #333;font-size: 14px;height: 50px;line-height: 50px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.productRight ul li i{width: 30px;height: 25px;display: block;background: url(../images/productBox.png) no-repeat center;position: absolute;right: 0;bottom: 0;display: none;}
.productRight ul li:hover{border: 1px #abcd06 solid;box-shadow: 0 0 30px rgba(0,0,0,.1);}
.productRight ul li:hover i{display: block;}*/
.product{padding-bottom: 40px;}

.productTop{text-align: center;}
.productTop ul li{display: inline-block;*display: inline;*zoom: 1;width: 136px;height: 36px;border-radius: 5px;text-align: center;line-height: 36px;margin: 0 5px;}
.productTop ul li a{color: #666;font-size: 14px;}
.productTop ul li.cur{background-color: #1e1e1e;}
.productTop ul li.cur a{color: #fff;}

.productBot{margin-top: 40px;}
.productLeft{width: 380px;}
.productLeft a{width: 380px;height: 639px;display: block;overflow: hidden;}
.productLeft a img{display: block;width: 380px;height: 639px;transition: .8s;}
.productLeft:hover a img{transform: scale(1.03);}

.productRight{width: 810px;}
.productRight ul{width: 820px;/* margin-left: -10px; *//* margin-top: -8px; */}
.productRight ul li{width: 263px;float: left;text-align: center;border: 1px #ebebeb solid;position: relative;margin-left: -1px;margin-top: -1px;padding-bottom: 6px;}
.productRight ul li span{display: block;width: 263px;height: 263px;overflow: hidden;}
.productRight ul li span img{display: block;width: 263px;height: 263px;transition: .8s;}
.productRight ul li:hover span img{transform: scale(1.03);}
.productRight ul li p{color: #333;font-size: 14px;height: 20px;line-height: 20px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 5px;}
.productRight ul li i{width: 30px;height: 25px;display: block;background: url(../images/productBox.png) no-repeat center;position: absolute;right: 0;bottom: 0;display: none;}
.productRight ul li:hover{border: 1px #abcd06 solid;box-shadow: 0 0 30px rgba(0,0,0,.1);position: relative;z-index: 9;}
.productRight ul li:hover i{display: block;}

/* product End */

/* VideoTest YangFangLing 2018年10月22日 */
.VideoTest{background-color: #f7f7f7;padding: 50px 0;}

.VideoTestBot{margin-top: 30px;text-align: center;}
.VideoTestBot span{width: 13px;height: 13px;border: 1px #ccc solid;display: inline-block;*display: inline;*zoom: 1;border-radius: 50%;margin: 0 10px;cursor: pointer;}
.VideoTestBot span.cur{background-color: #abcd06;border: 1px #abcd06 solid;}

.VideoTestTop{overflow: hidden;position: relative;}
.VideoTestTop ul{position: relative;}
.VideoTestTop ul li{float: left;width: 395px;text-align: center;background-color: #fff;position: relative;margin-left: 7px;}
.VideoTestTop ul li:first-child{margin-left: 0;}
.VideoTestTop ul li span{display: block;width: 395px;height: 246px;overflow: hidden;}
.VideoTestTop ul li span img{display: block;width: 395px;height: 246px;transition: .8s;}
.VideoTestTop ul li:hover span img{transform: scale(1.03);}
.VideoTestTop ul li p{color: #333;font-size: 14px;height: 60px;line-height: 60px;}
.VideoTestTop ul li i{width: 54px;height: 48px;display: block;overflow: hidden;position: absolute;top: 0;left: 0;}
.VideoTestTop ul li i img{width: 54px;height: 96px;display: block;position: relative;}
.VideoTestTop ul li:hover i img{position: relative;top: -48px;}
.VideoTestTop ul li:hover p{background-color: #191b1d;color: #fff;}
.VideoTestTop ul li:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);}
/* VideoTest End */

/* Case YangFangLing 2018年10月22日 */
.Case{background: url(../images/CaseBg.jpg) no-repeat center;height: 820px;}

.CaseCon ul{width: 1240px;margin-left: -40px;margin-top: -38px;}
.CaseCon ul li{float: left;width: 375px;margin-left: 38px;margin-top: 38px;}
.CaseCon ul li span{display: block;width: 375px;height: 240px;overflow: hidden;}
.CaseCon ul li span img{display: block;width: 375px;height: 240px;transition: .8s;}
.CaseCon ul li:hover span img{transform: scale(1.03);}
.CaseCon ul li p{color: #191b1d;font-size: 14px;height: 50px;line-height: 50px;padding: 0 30px;background: #fff url(../images/CaseIcon.png) no-repeat 324px;}
.CaseCon ul li:hover p{background: #abcd06 url(../images/CaseIcon02.png) no-repeat 324px;}

.CaseCon a.More{color: #abcd06;font-size: 14px;text-align: center;display: block;margin-top: 35px;}
/* Case End */

/* News YangFangLing 2018年10月22日 */
.News{padding-bottom: 30px;}

.NewsLeft{width: 635px;}
.NewsLeft dl{padding-top: 40px;margin-top: 40px;border-top: 1px #e0e0e0 dotted;}
.NewsLeft dl:first-child{border-top: none;padding-top: 0;margin-top: 0;}
.NewsLeft dl dt{width: 275px;position: relative;}
.NewsLeft dl dt span{width: 275px;height: 160px;display: block;overflow: hidden;}
.NewsLeft dl dt span img{display: block;width: 275px;height: 160px;transition: .8s;}
.NewsLeft dl:hover dt span img{transform: scale(1.03);}
.NewsLeft dl dt p{width: 88px;height: 83px;background: rgba(0,0,0,.9);text-align: center;font-size: 32px;color: #fff;padding-top: 15px;position: absolute;right: 0;bottom: 0;}
.NewsLeft dl dt p em{display: block;font-size: 13px;margin-top: 3px;}
.NewsLeft dl dd{width: 335px;overflow: hidden;}
.NewsLeft dl dd h3{font-weight: normal;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 23px;}
.NewsLeft dl dd h3 a{color: #191b1d;}
.NewsLeft dl dd p{color: #666;font-size: 14px;line-height: 21px;margin-top: 14px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.NewsLeft dl dd i{background: url(../images/NewsBox.png) no-repeat center;width: 36px;height: 11px;display: block;margin-top: 5px;float: right;}
.NewsLeft dl:hover dd h3 a{color: #abcd06;}
.NewsLeft dl:hover dd i{background: url(../images/NewsBox02.png) no-repeat center;}
.NewsLeft dl:hover dt p{background: rgba(171,205,6,.9);}

.NewsRight{width: 500px;}
.NewsRight dl{margin-top: 53px;}
.NewsRight dl:first-child{margin-top: 0;}
.NewsRight dl dt{width: 88px;height: 83px;background: #191b1d;text-align: center;font-size: 32px;color: #fff;padding-top: 15px;}
.NewsRight dl dt em{display: block;font-size: 13px;margin-top: 3px;}
.NewsRight dl dd{width: 375px;position: relative;}
.NewsRight dl dd h3{font-weight: normal;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsRight dl dd h3 a{color: #191b1d;}
.NewsRight dl dd p{color: #666;font-size: 14px;line-height: 25px;margin-top: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.NewsRight dl:hover dd h3 a{color: #abcd06;}
.NewsRight dl dd i{background: url(../images/NewsBox.png) no-repeat center;width: 36px;height: 11px;display: block;margin-top: 5px;position: absolute;right: 0;bottom: -15px;}
.NewsRight dl:hover dt{background-color: #abcd06;}
.NewsRight dl:hover dd i{background: url(../images/NewsBox02.png) no-repeat center;}
.NewsRight dl dd em{width: 100%;height: 1px;background-color: #ededed;display: block;position: absolute;bottom: -35px;right: 0;}
.NewsRight dl:last-child dd em{display: none;}

.NewsCon a.More{color: #7e7f81;font-size: 14px;text-align: center;display: block;margin-top:35px;}
.NewsCon a.More:hover{color: #abcd06;}
/* News End */

/* Advantage YangFangLing 2018年10月22日 */
.Advantage{height: 700px;position: relative;overflow: hidden;background: url(../images/AdvantageBg.jpg) center;}

.AdvantageBox{position: relative;}
.AdvantageTop span{display: block;width: 100%;height: 700px;position: absolute;left: 0;bottom: 0;}
.AdvantageTop span img{    display: block;
    width: 1920px;
    height: 700px;
    position: relative;
    left: 50%;
    margin-left: -980px;}


.AdvantageBot{height: 105px;background-color: #fff;position: absolute;bottom: -50px;left: 50%;width: 1200px;margin-left: -600px;box-shadow: 0 0 25px rgba(0,0,0,0.2);}
.AdvantageBot ul li{float: left;text-align: center;width: 20%;background: url(../images/Box02.jpg) no-repeat left 35px;}
.AdvantageBot ul li:first-child{background: none;}
.AdvantageBot ul li span{display: block;width: 40px;height: 40px;overflow: hidden;position: relative;margin: 10px auto 0;}
.AdvantageBot ul li span img{display: block;widows: 40px;height: 80px;position: relative;}
.AdvantageBot ul li p{color: #999;font-size: 16px;margin-top: 5px;}
.AdvantageBot ul li em{width: 130px;height: 19px;display: block;position: relative;margin: 0 auto;top: 16px;display: none;}
.AdvantageBot ul li em img{width: 130px;height: 19px;display: block;}
.AdvantageBot ul li i{width: 130px;height: 5px;background-color: #abcd06;border-radius: 3px 3px 0 0;display: block;margin: 0 auto;position: relative;top: -5px;display: none;}
.AdvantageBot ul li.cur span img{position: relative;top: -40px;}
.AdvantageBot ul li.cur p{color: #191b1d;}
.AdvantageBot ul li.cur em,.AdvantageBot ul li.cur i{display: block;}
/* Advantage End */

/* Solution YangFangLing 2018年10月22日 */
.Solution{padding-bottom: 40px;}

.SolutionBot{border: 1px #eee solid;margin-top: 35px;}
.SolutionBot dl dt{width: 669px;}
.SolutionBot dl dt a{display: block;width: 669px;height: 454px;overflow: hidden;}
.SolutionBot dl dt a img{display: block;width: 669px;height: 454px;transition: .8s;}
.SolutionBot dl dt:hover a img{transform: scale(1.03);}
.SolutionBot dl dd{width: 409px;padding: 60px 60px 0;}
.SolutionBot dl dd h3{font-size: 24px;font-weight: normal;}
.SolutionBot dl dd h3:hover a{color: #abcd06;}
.SolutionBot dl dd h3 a{color: #191b1d;}
.SolutionBot dl dd p{color: #666;font-size: 15px;line-height: 25px;margin-top: 35px;}

.SolutionText{margin-top: 110px;}
.SolutionText a{width: 147px;height: 43px;border: 1px #eee solid;border-radius: 5px;text-align: center;line-height: 43px;color: #666;font-size: 14px;display: block;}
.SolutionText a i{background: url(../images/SolutionBox.png) no-repeat center;display: inline-block;*display: inline;*zoom: 1;width: 29px;height: 7px;vertical-align: middle;margin-left: 10px;}
.SolutionText a:hover{background-color: #abcd06;color: #fff;border: 1px #abcd06 solid;}
.SolutionText a:hover i{background: url(../images/SolutionBox02.png) no-repeat center;}
.SolutionText h4{font-weight: normal;color: #7e7f81;font-size: 13px;}
.SolutionText h4 em{display: block;color: #abcd06;font-size: 24px;margin-top: 3px;}
/* Solution End */

/* Reason YangFangLing 2018年10月23日 */
.Reason{background: url(../images/ReasonIcon01.jpg) no-repeat center;padding-bottom: 70px;}

.ReasonTop{position: relative;}
.ReasonBox{position: relative;overflow: hidden;width: 1200px;}
.ReasonBox ul{position: relative;}
.ReasonBox ul li{float: left;width: 1200px;}
.ReasonBox ul li img{display: block;width: 1200px;height: 410px;transition: .8s;}
.ReasonBox ul li:hover img{transform: scale(1.03);}

.ReasonBos{position: absolute;bottom: 30px;left: 0;width: 100%;margin-top: 0;}
.ReasonBos span{background-color: #fff;}

.ReasonTop dl{position: absolute;right: 0;top: 0;}
.ReasonTop dl dt{background: url(../images/ReasonIcon02.png) no-repeat center;width: 42px;height: 40px;color: #fff;font-size: 16px;line-height: 31px;text-indent: 18px;}
.ReasonTop dl dd{background: url(../images/ReasonBg.png) center;width: 510px;height: 210px;margin-top: 80px;padding: 40px 60px 0 30px;}
.ReasonTop dl dd h3{color: #fff;font-size: 26px;font-weight: normal;}
.ReasonTop dl dd h3 b{display: block;margin-bottom: 5px;}
.ReasonTop dl dd p{color: #fff;font-size: 15px;line-height: 25px;margin-top: 30px;background: url(../images/ReasonBox.jpg) no-repeat left 12px;padding-left: 30px;}

.ReasonBot ul li:hover{box-shadow: 0 0 25px rgba(171,205,6,.1);position: relative;z-index: 99;transform: scale(1.02);}
.ReasonBot ul li{width: 600px;height: 280px;float: left;background: url(../images/ReasonBot01.jpg) no-repeat center;position: relative;transition: .8s;}
.ReasonBot ul li i{background: url(../images/ReasonIcon02.png) no-repeat center;width: 42px;height: 40px;color: #fff;font-size: 16px;line-height: 31px;text-indent: 18px;display: block;position: absolute;right: 0;top: 0;}
.ReasonBot ul li h3{font-weight: normal;color: #fff;font-size: 26px;line-height: 37px;}
.ReasonBot ul li p{color: #fff;font-size: 13px;color: #9ca1a8;line-height: 25px;width: 255px;background: url(../images/ReasonBox.jpg) no-repeat left 12px;padding-left: 35px;}
.ReasonBot ul li.li01 h3{margin: 45px 40px 20px 285px;}
.ReasonBot ul li.li01 p{margin-left: 255px;}
.ReasonBot ul li.li02{background: url(../images/ReasonBot02.jpg) no-repeat center;}
.ReasonBot ul li.li03{background: url(../images/ReasonBot03.jpg) no-repeat center;}
.ReasonBot ul li.li04{background: url(../images/ReasonBot04.jpg) no-repeat center;}
.ReasonBot ul li.li04 h3{margin: 55px 40px 20px 320px;}
.ReasonBot ul li.li04 p{margin-left: 285px;}
.ReasonBot ul li.li05{background: url(../images/ReasonBot05.jpg) no-repeat center;}
.ReasonBot ul li.li02 h3{margin: 45px 40px 20px 70px;}
.ReasonBot ul li.li02 p{margin-left: 37px;}
/* Reason End */

/* Advisory YangFangLing 2018年10月22日 */
.Advisory{background-color: #f7f7f7;padding:10px 0;}

.Advisory span{width: 341px;height: 201px;display: block;}

.AdvisoryText{margin: 45px 35px 0 30px;background: url(../images/Box.png) no-repeat right 43px;padding-right: 35px;}
.AdvisoryText h3{font-size: 28px;color: #1e1e1e;font-weight: normal;}
.AdvisoryText h3 em{display: block;font-size: 22px;margin-top: 5px;}
.AdvisoryText h4{font-size: 20px;color: #17191c;font-weight: normal;margin-top: 25px;}
.AdvisoryText h4 em{color: #1e1e1e;font-size: 14px;}

.Advisory a.More{width: 159px;height: 47px;background-color: #abcd06;color: #17191c;font-size: 16px;border-radius: 5px;text-align: center;line-height: 47px;margin-top: 87px;box-shadow: 0 10px 40px rgba(0,0,0,.15);}
.Advisory a.More i{display: inline-block;*display: inline;*zoom: 1;background: url(../images/AdvisoryBox.png) no-repeat center;width: 23px;height: 24px;vertical-align: middle;margin-left: 10px;}

.AdvisoryEwm{ margin-top: 45px; }
.AdvisoryEwm span{width: 91px;height: 91px;display: block;margin-right: 15px;}
.AdvisoryEwm span img{width: 91px;height: 91px;display: block;}
.AdvisoryEwm h4{font-weight: normal;color: #666;font-size: 16px;margin-top: 12px;}
.AdvisoryEwm h4 em{display: block;font-size: 13px;margin-top: 5px;}
.AdvisoryEwm h4 i{width: 37px;height: 1px;display: block;background-color: #e0e0e1;margin-top: 25px;}
/* Advisory End */