/* 合作伙伴 YangFangLing 2019年4月10日 */
.Partner{background-color: #1c7cbc;padding: 70px 0;overflow: hidden;}

.PartnerCon{margin-top: 35px;}
.PartnerCon ul{margin-top: -10px;margin-left: -10px;}
.PartnerCon ul li{float: left;width: 191px;margin-left: 10px;margin-top: 10px;}
.PartnerCon ul li a{width: 191px;height: 111px;display: block;overflow: hidden;}
.PartnerCon ul li a img{width: 191px;height: 111px;display: block;transition: .8s;}
.PartnerCon ul li:hover a img{transform: scale(1.1);}
/* 合作伙伴 End */

/* 标题 YangFangLing 2019年4月10日 */
.Title{text-align: center;position: relative;z-index: 99;}
.Title:hover::after{content: "";width: 40px;height: 1px;display: block;background-color: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -20px;}
.Title h3{font-size: 36px;transition: .8s;position: relative;top: 0;color: #fff;}
.Title h3 a{color: #fff;}
.Title:hover h3{position: relative;top: -10px;}
.Title:hover h3 a{color: #fff;}
.Title02:hover h3{color: #1c7cbc;}
.Title02:hover h3 a{color: #1c7cbc;}
.Title p{color: #f9f9f9;font-size: 14px;transition: .8s;}

.Title02{position: relative;}
.Title02 h3{color: #000;}
.Title02 h3 a{color: #000;}
.Title02:hover::after{background-color: #1c7cbc;}

.Title03 h3{color: #f9f9f9;}
.Title03:hover::after{top: 40px;}
.Title03:hover p{margin-top: 10px;}
/* 标题 End */

/* 核心优势 YangFangLing 2019年4月10日 */
.Advantages{overflow: hidden;background: url(../images/Index/AdvantagesBg.png) no-repeat center center;padding: 70px 0;}

.AdvantagesCon{margin-top: 50px;}
.AdvantagesCon ul{margin-left: -77px;margin-top: -75px;}
.AdvantagesCon ul li{float: left;width: 350px;margin-left: 75px;margin-top: 75px;}
.AdvantagesCon ul li span{width: 50px;height: 50px;display: block;}
.AdvantagesCon ul li span img{width: 50px;height: 50px;display: block;transition: .8s;position: relative;top: 0;}
.AdvantagesCon ul li:hover span img{transform: rotateY(360deg);position: relative;top: -10px;}
.AdvantagesCon ul li h3{font-weight: normal;color: #000;font-size: 20px;margin: 15px 0;position: relative;}
.AdvantagesCon ul li:hover h3{color: #1c7cbc;}
.AdvantagesCon ul li h3::after{content: "";width: 145px;height: 16px;display: block;position: absolute;left: 0;bottom: -5px;background: url(../images/Index/AdvantagesImg.png) no-repeat center center;}
.AdvantagesCon ul li p{font-size: 14px;color: #999;line-height: 22px;}
/* 核心优势 End */

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

.NewsCon{margin-top: 50px;}
.NewsCon ul li{width: 400px;float: left;position: relative;height: 240px;}
.NewsCon ul li:hover::after{content:"";width:100%;height: 100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;}
.NewsCon ul li a{display: block;padding: 40px;}
.NewsCon ul li span{width: 400px;height: 240px;display: block;position: absolute;left: 0;top: 0;opacity: 0;transition: .8s;}
.NewsCon ul li span img{width: 400px;height: 240px;display: block;}
.NewsCon ul li em{display: block;font-size: 16px;color: #666;font-family: "Arial";}
.NewsCon ul li p{font-size: 22px;color: #333;line-height: 25px;margin-top: 10px;}
.NewsCon ul li i{width: 19px;height: 12px;display: block;background: url(../images/Index/NewsIcon01.png) no-repeat center center;margin-top: 30px;}
.NewsCon ul li:hover span{opacity: 1;}
.NewsCon ul li:hover .Box{position: relative;z-index: 9;}
.NewsCon ul li:hover .Box em{color: #fff;}
.NewsCon ul li:hover .Box p{color: #fff;}
.NewsCon ul li:hover .Box i{background: url(../images/Index/NewsIcon02.png) no-repeat center center;float: right;}
/* 新闻中心 End */

/* 应用场景 YangFangLing 2019年4月10日 */
.Scenario{padding: 70px 0;background-color: #f5f5f5;overflow: hidden;}

.ScenarioCon{/* margin: 40px 2% 0; */margin-top: 65px;}
.ScenarioCon ul{margin-top: -60px;}
.ScenarioCon ul li{float: left;/* margin-left: 20%; */margin-top: 60px;/* overflow: hidden; */text-align:center;width: 33.33%;}
/* .ScenarioCon ul li:nth-child(3n+1){margin-left: 0;} */
.ScenarioCon ul li span{display: block;width: 95px;height: 95px;margin: 0 auto;}
.ScenarioCon ul li span img{display: block;/* transition: .8s; */width: 95px;height: 95px;transition: .8s;position: relative;top: 0;}
.ScenarioCon ul li:hover span img{transform: rotateY(360deg);position: relative;top: -10px;}
.ScenarioCon ul li p{color: #333;font-size: 24px;/* position: absolute; *//* left: 0; *//* bottom: 25px; */text-align: center;width: 100%;font-weight: bold;margin: 10px 0;}
.ScenarioCon ul li em{display:block;font-size: 14px;color: #999;line-height: 25px;}
.ScenarioCon ul li:hover p{color:#1c7cbc;}
/* 应用场景 End */

/* 发展历程 YangFangLing 2019年4月10日 */
.Development{padding: 55px 0;background-color: #101010;height: 925px;position: relative;overflow: hidden;}
/*.Development::after{content: "";border-bottom: 1px #4e4e4e dotted;position: absolute;left: 0;bottom: 50px;width: 1920px;display: block;}*/

.Development .content{position: relative;z-index:99;}
.Development .content::after{content:"";border-top:1px #666 dotted;display:block;position:absolute;left:0;top: 720px;width:100%;z-index: 1;}

/*.DevelopmentCon{text-align: center;position: relative;margin-top:25px !important;height:242px;padding-top: 25px !important;}
.DevelopmentCon .slide-item{height:242px;}
.DevelopmentCon .item{float: left;*display: inline;*zoom: 1;border-radius: 50%;background: rgba(255,255,255,.2);margin: 0 90px;position: relative;cursor: pointer;}
.DevelopmentCon .item span{font-size: 18px;color: #fff;display: block;}
.DevelopmentCon .item i{width: 19px;height: 19px;display: block;margin: 5px auto;background: url(../images/Index/DevelopmentIcon.png) no-repeat center center;-webkit-transition: .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:future 1.5s infinite;opacity: 1;position: relative;z-index: 9;}
.DevelopmentCon .item p{font-size: 14px;color: #fff;line-height: 20px;}
.DevelopmentCon .item01{width: 69px;height: 69px;top: 25px;}
.DevelopmentCon .item02{width: 93px;height: 93px;top: 18px;}
.DevelopmentCon .item03{width: 133px;height: 133px;top: 9px;}
.DevelopmentCon .item04{width: 185px;height: 185px;top: 0;}
.DevelopmentCon .item05{width: 69px;height: 69px;top: 25px;}
.DevelopmentCon .item06{width: 93px;height: 93px;top: 18px;}
.DevelopmentCon .item07{width: 133px;height: 133px;top: 9px;}
.DevelopmentCon .item08{width: 185px;height: 185px;top: 0;}
.DevelopmentCon .item09{width: 69px;height: 69px;top: 25px;}
.DevelopmentCon .item010{width: 93px;height: 93px;top: 18px;}
.DevelopmentCon .item dd{position: absolute;}
.DevelopmentCon .item dd::after{content: "";width: 100px;height: 100px;border-radius: 50%;border: 1px #4e4e4e dotted;position: absolute;left: 50%;top: -22px;margin-left: -50px;opacity: 0;transition: .8s;}
.DevelopmentCon .item02 dd::after{width: 130px;height: 130px;left: 50%;top: -32px;margin-left: -65px;}
.DevelopmentCon .item03 dd::after{width: 160px;height: 160px;left: 50%;top: -34px;margin-left: -80px;}
.DevelopmentCon .item04 dd::after{width: 240px;height: 240px;left: 50%;top: -53px;margin-left: -120px;}
.DevelopmentCon .item05 dd::after{width: 130px;height: 130px;left: 50%;top: -32px;margin-left: -65px;}
.DevelopmentCon .item06 dd::after{width: 160px;height: 160px;left: 50%;top: -34px;margin-left: -80px;}
.DevelopmentCon .item07 dd::after{width: 240px;height: 240px;left: 50%;top: -53px;margin-left: -120px;}
.DevelopmentCon .item08 dd::after{width: 130px;height: 130px;left: 50%;top: -32px;margin-left: -65px;}
.DevelopmentCon .item09 dd::after{width: 160px;height: 160px;left: 50%;top: -34px;margin-left: -80px;}
.DevelopmentCon .item010 dd::after{width: 240px;height: 240px;left: 50%;top: -53px;margin-left: -120px;}
.DevelopmentCon .item:hover dd::after{opacity: 1;}
.DevelopmentCon .item01 dd{width: 260px;left: -95px;top: 5px;}
.DevelopmentCon .item02 dd{width: 260px;left: -83px;top: 12px;}
.DevelopmentCon .item03 dd{width: 230px;left: -48px;top: 20px;}
.DevelopmentCon .item04 dd{width: 275px;left: -41px;top: 30px;}
.DevelopmentCon .item05 dd{width: 260px;left: -95px;top: 5px;}
.DevelopmentCon .item06 dd{width: 260px;left: -83px;top: 12px;}
.DevelopmentCon .item07 dd{width: 230px;left: -48px;top: 20px;}
.DevelopmentCon .item08 dd{width: 275px;left: -41px;top: 30px;}
.DevelopmentCon .item09 dd{width: 260px;left: -95px;top: 5px;}
.DevelopmentCon .item010 dd{width: 260px;left: -83px;top: 12px;}

.DevelopmentBox{text-align: center;}
.DevelopmentBox ul li{width: 10px;height: 10px;display: inline-block;*display: inline;*zoom: 1;border-radius: 50%;background-color: #fff;cursor: pointer;margin: 0 10px;text-indent:-9999px;}
.DevelopmentBox ul li.cur{background-color: #1c7cbc;}

@keyframes future{
    0%{opacity:0.5;transform:scale(0.7)}
    50%{opacity:1;transform:scale(1.1)}
  100%{opacity:0.5;transform:scale(0.7)}
}
@-webkit-keyframes future{
    0%{-webkit-opacity:0.5;transform:scale(0.7)}
    50%{-webkit-opacity:1;transform:scale(1.1)}
  100%{-webkit-opacity:0.5;transform:scale(0.7)}
}
*/

.waves {position:absolute;left:0;right:0;bottom:0;z-index: 1;}
.waves canvas {display:block;width: 1920px !important;height: 428px !important;}

/*.DevelopmentText{margin-top: 56px;overflow:hidden;}
.DevelopmentCon dl dt{width: 504px;height: 278px;overflow:hidden;}
.DevelopmentCon dl dt img{width: 504px;height: 278px;display:block;transition:.8s;}
.DevelopmentCon dl:hover dt img{transform:scale(1.1);}
.DevelopmentCon dl dd{color:#fff;font-size:14px;line-height: 30px;width: 650px;}

.DevelopmentBox{margin-top:40px;position:relative;height: 70px;}
.DevelopmentBox ul{width: 1150px;margin: 0 auto;}
.DevelopmentBox ul li{float:left;font-size:18px;color:#a6a6a6;width: 115px;text-align: center;}
.DevelopmentBox ul li i{width:9px;height: 27px;display:block;background: url(../images/Index/xltIbOX01.png) no-repeat center bottom;margin: 5px auto 0;}
.DevelopmentBox ul li.cur{color:#25b5d9;font-size: 20px;font-weight:bold;}
.DevelopmentBox ul li.cur i{background: url(../images/Index/xltIbOX02.png) no-repeat center bottom;}

.DevelopmentBox a{width:37px;height:37px;display:block;position:absolute;top: 30px;}
.DevelopmentBox a img{width:37px;height:37px;display:block;}
.DevelopmentBox a.next{right: 0;}
.DevelopmentBox a.prev{left: 0;}*/

.DevelopmentCon{margin-top:30px;position:relative;}
.DevelopmentCon::after{content:"";border-top:1px #666 dotted;display:block;position:absolute;left:0;top: 39px;width:100%;z-index: 1;}
.DevelopmentCon::before{content:"";border-top:1px #666 dotted;display:block;position:absolute;left:0;top: 230px;width:100%;z-index: 1;}
.DevelopmentCon h1{color:#fff;font-size: 18px;font-weight:normal;background:url(../images/Index/fzlcBox.jpg) no-repeat left bottom;padding-bottom:20px;position: absolute;left: 0;top: 0;z-index: 9;}
.DevelopmentCon ul li{font-size: 13px;color:#333;height: 65px;border-radius: 5px;background-color:#fff;float:left;margin-left:15px;padding: 10px;width: 268px;margin-top: 85px;}
.DevelopmentCon ul{margin-top:20px;margin-left: -15px}
.DevelopmentCon h1.h102{left: 305px;top: 0;}
.DevelopmentCon h1.h103{left: 913px;top: 0;}
.DevelopmentCon h1.h104{left: 608px;top: 190px;}
.DevelopmentCon h1.h105{left: 0;top: 530px;}
.DevelopmentCon h1.h106{left: 607px;top: 530px;}
.DevelopmentCon h1.h107{left: 910px;top: 530px;}

.DevelopmentText{position:relative;}
.DevelopmentText::after{content:"";border-top:1px #666 dotted;display:block;position:absolute;left:0;top: 385px;width:100%;z-index: 1;}
.DevelopmentText::before{content:"";border-top:1px #666 dotted;display:block;position:absolute;left:0;top: 569px;width:100%;z-index: 1;}
/* 发展历程 End */

/* 什么是HSN YangFangLing 2019年4月11日 */
.WhatHSN{padding: 70px 0;background: url(../images/Index/WhatHSNBg.jpg) no-repeat center center;height: 589px;overflow: hidden;position: relative;}

.WhatHSN .content{position: relative;z-index:99;}

.WhatHSNCon{margin-top: 40px;position: relative;overflow: hidden;}
.WhatHSNCon p{color: #ccc;font-size: 14px;text-align: center;line-height: 22px;position: relative;z-index:999;}
.WhatHSNCon a{display: block;width: 190px;height: 45px;line-height: 45px;border-radius: 50px;background-color: #25b5d9;font-size: 14px;color: #fff;position: relative;margin: 358px auto 0;text-indent: 32px;z-index: 9;}
.WhatHSNCon a::after{content: "";width: 49px;height: 45px;display: block;position: absolute;right: 0;top: 0;background: url(../images/Index/WhatHSNIcon.png) no-repeat center center;}
.WhatHSNCon span{display: block;width: 674px;height: 578px;position: absolute;left: 50%;bottom: -50px;margin-left: -337px;}
.WhatHSNCon ul{position: absolute;left: 0;bottom: 100px;}
.WhatHSNCon ul li{color: #fff;font-size: 13px;float: left;position: relative;top: -59px;left: -109px;}
.WhatHSNCon ul li i{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 34px;height: 8px;background: url(../images/Index/WhatHSNBox.png) no-repeat center center;margin: 0 10px;}
.WhatHSNCon ul li.li01{top: -176px;left: 345px;}
.WhatHSNCon ul li.li02{top: -201px;left: 577px;}
.WhatHSNCon ul li.li02 i{background: url(../images/Index/WhatHSNBox02.png) no-repeat center center;}
.WhatHSNCon ul li.li03{top: -103px;left: -63px;}
.WhatHSNCon ul li.li04{top: -141px;left: 260px;}
.WhatHSNCon ul li.li04 i{background: url(../images/Index/WhatHSNBox02.png) no-repeat center center;}
.WhatHSNCon ul li.li05{top: -7px;left: -513px;}

.WhatHSN #can{position: absolute;bottom: 0;left: 0;height: 500px;width: 100%;}

.WhatHSN #canvas{position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
/* 什么是HSN End */

/* Banner YangFangLing 2019年4月11日 */
.Banner{overflow: hidden;height: 950px;width: 100%;position: relative;left: 50%;margin-left: -50%;z-index: 1;}
.Banner ul li{height: 950px;float: left;}
.Banner ul li a{height: 950px;display: block;}
.Banner ul li a img{height: 950px;display: block;}

.BannerText{text-align: center;position: absolute;left: 50%;bottom: 240px;margin-left: -325px;width: 650px;z-index:9;}
.BannerText span{width: 209px;height: 86px;display: block;margin: 0 auto;}
.BannerText h3{color: #fff;font-size: 36px;font-weight: normal;margin: 20px auto 80px;}
.BannerText p a{display: inline-block;*display: inline;*zoom: 1;width: 170px;text-align: center;height: 45px;line-height: 45px;border-radius: 50px;color: #333;font-size: 16px;background-color: #fff;margin: 0 20px;}

.Banner em{display: block !important;position: absolute !important;left:50% !important;width:633px;height:748px;margin-left:-316.5px;top:190px !important;z-index: 2;}
.Banner em img{-webkit-animation:sunny .8s linear infinite;-ms-animation:sunny 100s linear infinite;-moz-animation:sunny 100s linear infinite;animation:sunny 100s linear infinite;display:block;}
.Banner i{display: block !important;position: absolute !important;width:1607px;height:233px;left: 50% !important;/* bottom:140px; */margin-left:-803.5px;z-index: 2;top: 570px !important;}
.Banner i img{-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:data1 4s linear infinite;display:block;}

@keyframes data1 {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
   75% {-webkit-transform: translateY(10px);}
}
@keyframes sunny{
    0%{-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg);}
    100%{-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
/* Banner End */

/*按钮动画*/
.btn-wave{position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow:hidden;}
.btn-wave:before{content: '';display: block;width: 120%;height: 0;padding: 60% 0;background: rgba(37,181,217,.5);border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;}
.btn-wave:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
/*end 按钮动画*/

/* 视频弹窗 YangFangLing 2019年3月18日 */
.video{position:relative;z-index:1;height:680px;overflow:hidden;background:url(../images/video_bg.jpg) no-repeat center;}
.video .text{margin-top:70px;text-align:center;color:#333;}
.video .text h2{line-height:50px;font-size:35px;}
.video .text h4{font-size:20px;line-height:38px;}
.video .text p{font-size:18px;line-height:38px;}
.video-btn{position:absolute;z-index:999;top:50%;left:50%;margin-top:-43px;margin-left:-43px;width:86px;height:86px;cursor:pointer;}
.video-btn a{padding:10px;width:66px;height:66px;display:block;transition:all 1s;border-radius:50%;}
.video-btn a:hover{background:rgba(0,0,0,0.5);}
.video-pop{display:none; position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.85);}
.video-inner{position:fixed;top:50%;left:50%;margin-top: -225px;margin-left: -400px;width: 800px;height: 450px;background:#fff;}
.video-inner iframe{width: 800px;height: 450px;}
.video-inner .video-close{position:absolute;z-index:999;right:10px;top:10px;width:30px;height:30px;line-height:30px;text-align:center;background:#fff;border-radius:50%;}
.video-inner .video-close:hover{cursor:pointer;color:#fff;background:#1faacb;}
.videoUrl{height:675px;}
/* 视频弹窗 End */​