﻿/* banner YangFangLing 2019年5月18日 */
/*.banner{clear:both;position:relative;z-index:1;width:100%;height:880px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom: 135px;width:100%;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin: 0 10px;width: 10px;height: 10px;text-indent:-9999px;cursor:pointer;border-radius: 50%;border: 1px #ccc solid;background-color: #ccc;}
.banner .hd li.cur{background: #1a70c8;border: 1px #1a70c8 solid;}
.banner .bd,.banner .bd ul{height:880px;}
.banner .bd li{position:relative;width:100%;height:880px;}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-975px;width:1920px;height:880px;}
.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 .prev:hover{background:url(../images/Index/banner_prev02.png) no-repeat;}
.banner .next{right:2%;background:url(../images/Index/banner_next.png) no-repeat;}
.banner .next:hover{background:url(../images/Index/banner_next02.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:1;}*/

.banner{clear:both;position:relative;z-index:1;width:100%;height: 550px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom: 80px;width:100%;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin: 0 10px;width: 10px;height: 10px;text-indent:-9999px;cursor:pointer;border-radius: 50%;border: 1px #ccc solid;background-color: #ccc;}
.banner .hd li.cur{background: #1a70c8;border: 1px #1a70c8 solid;}
.banner .bd,.banner .bd ul{height:500px;margin:0 auto;}
.banner .bd li{position:relative;width:100%;height:550px;}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-975px;width:1920px;height: 500px;}
.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 .prev:hover{background:url(../images/Index/banner_prev02.png) no-repeat;}*/
.banner .next{right:2%;background:url(../images/Index/banner_next.png) no-repeat;}
/*.banner .next:hover{background:url(../images/Index/banner_next02.png) no-repeat;}*/
.banner:hover .prev,.banner:hover .next{opacity:1;}
/* banner End */

/* 合作伙伴 YangFangLing 2019年5月18日 */
/* 合作伙伴 YangFangLing 2019年5月18日 */
.Partner{padding: 40px 0;background-color: #fff;overflow: hidden;}

.PartnerCon{margin-top: 30px;}
.PartnerCon ul li{float: left;width: 199px;border: 1px #ebebeb solid;position: relative;overflow: hidden;margin-left: -1px;margin-top: -1px;}
.PartnerCon ul li span{width: 235px;height: 120px;display: block;overflow: hidden;}
.PartnerCon ul li span img{width: 199px;height: 120px;display: block;transition: .8s;/*filter:grayscale(100%);*/}
.PartnerCon ul li:hover span img{transform: scale(1.1);filter:grayscale(0);}
.PartnerCon ul li p{font-size: 14px;color: #fff;height: 45px;line-height: 45px;padding: 0 2%;background-color: #1a70c8;text-align: center;position: absolute;left: 0;bottom: -46px;width: 96%;transition: .8s;}
.PartnerCon ul li:hover p{bottom: 0;}
/* 合作伙伴 End */

/* 内容标题 YangFangLing 2019年5月18日 */
/*.Title{text-align: left;}
.Title h3{font-size: 32px;columns: #181818;font-weight: normal;position: relative;top: 0;transition: .8s;}
.Title:hover h3{position: relative;top: -10px;}
.Title h3 a{color: #181818;}
.Title:hover h3 a{color: #1a70c8;font-weight: bold;}
.Title p{font-size: 18px;color: #666;margin-top: 10px;}
.Title i{width: 30px;height: 2px;display: block;margin-top: 30px;background: url(../images/Index/Title.jpg) no-repeat center center;}
.Title-More a.More{width: 178px;height: 52px;border-radius: 50px;border: 1px #ccc solid;font-size: 14px;color: #181818;display: block;text-align: center;line-height: 52px;position: relative;top: 25px;z-index: 9;}
.Title-More a.More i{background: url(../images/Index/Titlesjx.png) no-repeat center center;width: 6px;height: 7px;display: inline-block;*display: inline;*zoom: 1;margin-left:25px;}*/
/* 内容标题 End */
/* 内容标题 YangFangLing 2019年5月18日 */
.Title{text-align: left;}
.Title h3{font-size: 32px;columns: #181818;font-weight: normal;position: relative;top: 0;transition: .8s;}
.Title:hover h3{position: relative;top: -10px;}
.Title h3 a{color: #1a70c8;font-weight: bold;}
.Title:hover h3 a{color: #1a70c8;font-weight: bold;}
.Title p{font-size: 18px;color: #666;margin-top: 10px;}
.Title i{width: 30px;height: 2px;display: block;margin-top: 15px;background: url(../images/Index/Title.jpg) no-repeat center center;}
.Title-More a.More{width: 178px;height: 52px;border-radius: 50px;border: 1px #ccc solid;font-size: 14px;color: #181818;display: block;text-align: center;line-height: 52px;position: relative;top: 18px;z-index: 9;}
.Title-More a.More i{background: url(../images/Index/Titlesjx.png) no-repeat center center;width: 6px;height: 7px;display: inline-block;*display: inline;*zoom: 1;margin-left:25px;}
/* 内容标题 End */


/* 新闻动态 YangFangLing 2019年5月18日 */
.News{background: url(../images/Index/NewsBg.jpg) center center;padding: 40px 0;overflow: hidden;position: relative;}

.News::after{content: "";width: 505px;height: 384px;display: block;position: absolute;right: -30px;top: -60px;background: url(../images/Index/Bg.png) no-repeat center center;z-index: 1;}

.NewsCon{margin-top: 30px;}
.NewsCon dl{position: relative;}
.NewsCon dl dt{width: 600px;}
.NewsCon dl dt a{width: 600px;height: 374px;display: block;overflow: hidden;}
.NewsCon dl dt a img{width: 600px;height: 374px;display: block;transition: .8s;}
.NewsCon dl:hover dt a img{transform: scale(1.1);}
.NewsCon dl dd{padding: 50px;background: rgba(255,255,255,.95);position: absolute;right: 0;top: 0;width: 500px;height: 273px;}
.NewsCon dl dd h3{font-weight: normal;line-height: 30px;font-size: 18px;}
.NewsCon dl dd h3 a{color: #181818;}
.NewsCon dl:hover a{color: #1a70c8;}
.NewsCon dl dd p{font-size: 14px;color: #666;line-height: 30px;margin: 30px 0 40px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;height:  145px;}
.NewsCon dl dd h4{font-weight: normal;overflow: hidden;}
.NewsCon dl dd h4 a{font-size: 14px;color: #181818;width: 150px;height: 50px;line-height: 50px;text-align: center;border: 1px #ccc solid;display: block;float: left;}
.NewsCon dl dd h4 i{font-size: 14px;color: #999;line-height: 50px;float: right;display: block;}
.NewsCon dl:hover h4 a{background-color: #1a70c8;color: #fff;border: #1a70c8 1px solid;}

.NewsCon ul{margin-top: 30px;}
.NewsCon ul li{float: left;margin-left: 30px;background-color: #fff;width: 380px;height: 251px;position: relative;}
.NewsCon ul li:hover{background: url(../images/Index/NewsBox.jpg) center center;}
.NewsCon ul li a{display: block;width: 340px;height: 282px;padding: 20px;}
.NewsCon ul li:first-child{margin-left: 0;}
.NewsCon ul li h3{font-size: 18px;color: #181818;font-weight: normal;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsCon ul li span{font-size: 14px;color: #999;display: block;margin: 10px 0;}
.NewsCon ul li:hover h3{color: #fff;}
.NewsCon ul li p{font-size: 14px;color: #999;line-height: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 85px;}
.NewsCon ul li:hover p{color: #fff;}
.NewsCon ul li em{display: block;font-size: 14px;color: #666;float: right;margin-top: 40px;}
.NewsCon ul li:hover em{width: 150px;height: 60px;line-height: 60px;background-color: #1a70c8;color: #fff;text-align: center;position: absolute;right: 0;bottom: 0;}
/* 新闻动态 End */

/* 解决方案 YangFangLing 2019年5月18日 */
.Solution{padding: 30px 0 40px;overflow: hidden;background-color: #fff;position: relative;}
.Solution::after{content: "";width: 505px;height: 384px;display: block;position: absolute;left: 270px;bottom: 20px;background: url(../images/Index/Bg.png) no-repeat center center;z-index: 1;}

.Solution .content{position: relative;z-index: 9;}

.SolutionCon{margin-top: 30px;}

.SolutionRight{width: 1200px;}
.SolutionRight ul li{float: left;width: 24.9%;height: 168px;text-align: center;border: 1px #f1f1f1 solid;margin-left: -1px;margin-top: -1px;padding: 24px 0;}
.SolutionRight ul li:hover{background: url(../images/Index/SolutionBox.jpg) no-repeat center center;}
.SolutionRight ul li span{width: 66px;height: 66px;display: block;margin: 0 auto;overflow: hidden;}
.SolutionRight ul li span img{width: 66px;height: 132px;display: block;position: relative;top: 0;transition: .8s;}
.SolutionRight ul li:hover span img{position: relative;top: -66px;}
.SolutionRight ul li h3{font-weight: normal;font-size: 18px;color: #181818;margin-top: 20px;}
.SolutionRight ul li:hover h3{color: #fff;}
.SolutionRight ul li h3 em{display: none;font-size: 13px;color: #999;margin-top: 5px;}
.SolutionRight ul li:hover em{opacity: .4;}
.SolutionRight ul li p{font-size: 14px;color: #181818;margin-top: 21px;}
.SolutionRight ul li:hover p{color: #fff;}

.SolutionLeft{width: 466px;height: 554px;overflow: hidden;position: relative;}
.SolutionLeft .Box{position: absolute;left: 45px;top: 45px;}
.SolutionLeft .Box h3{font-size: 24px;color: #fff;margin-bottom: 30px;}
.SolutionLeft .Box p{font-size: 14px;color: #fff;line-height: 10px;margin: 30px 0;}
.SolutionLeft .Box a.More{font-size: 14px;color: #fff;width: 124px;height: 38px;line-height: 38px;text-align: center;border: 1px #fff solid;display: block;margin-top: 30px;}
.SolutionLeft .Box a.More:hover{background-color: #fff;color: #181818;}

.SolutionLeft .Box ul li{margin:15px 0;position: relative;padding-left:20px;}
.SolutionLeft .Box ul li::after{content:"";width:5px;height:5px;border-radius:50%;background-color:#fff;display:block;position:absolute;left:0;top:50%;margin-top:-2.5px;}
.SolutionLeft .Box ul li a{color:#fff;font-size:14px;}
/* 解决方案 End */

/* 高阳金信 YangFangLing 2019年5月18日 */
.About{padding-top: 30px;overflow: hidden;background: url(../images/Index/NewsBg.jpg) center center;position: relative;max-width:1920px;margin:0 auto;}

.About::after{content: "";width: 505px;height: 384px;display: block;position: absolute;left: 100px;bottom: 20px;background: url(../images/Index/Bg.png) no-repeat center center;z-index: 1;}

.About .content{position: relative;z-index: 9;}

.AboutLeft{width: 630px;/*margin-top: 30px;*/}
.AboutLeft p.p1{font-size: 14px;color: #666;line-height: 30px;margin: 20px 0;}
.AboutLeft a.More{font-size: 14px;color: #181818;width: 150px;height: 52px;line-height: 52px;text-align: center;border: 1px #ddd solid;display: block;}
.AboutLeft:hover a.More{background-color: #1a70c8;color: #fff;border: 1px #1a70c8 solid;}

.AboutBox{background-color: #35227b;width: 96%;margin: 0 auto;}
.AboutBox ul{padding: 20px 0;}
/*.AboutBox ul li{float: left;margin-left: 60px;}
.AboutBox ul li:first-child{margin-left: 0;}
.AboutBox ul li p{font-size: 14px;color:#fff;}
.AboutBox ul li span{display: block;color: #fff;font-size: 14px;margin-top: 25px;}
.AboutBox ul li span b{font-size: 48px;font-weight: normal;}*/
.AboutBox ul li{float: left;margin-left: 60px;}
.AboutBox ul li:first-child{margin-left: 0;}
.AboutBox ul li p{font-size: 14px;color:#fff;}
.AboutBox ul li span{display: block;color: #fff;font-size: 18px;margin-top: 25px;}
.AboutBox ul li span b{font-size: 36px;font-weight: normal;}


.AboutText{background-color: #1a70c8;width: 455px;height: 130px;}
.AboutText h3{font-weight: normal;font-size: 30px;color: #fff;text-align: center;padding: 26px 0 0px;}
.AboutText h4{font-weight: normal;font-size: 42px;color: #fff;text-align: center;}
.AboutText h4 i{display:inline-block;*display:line;*zoom:1;background: url(../images/Index/AboutSjx.png) no-repeat center center;width: 8px;height: 10px;vertical-align: middle;margin-left: 100px;}

.AboutRight{width: 455px;position: relative;}
.AboutRight span{width: 455px;height: 400px;display: block;overflow: hidden;cursor: pointer;}
.AboutRight span img{width: 455px;height: 522px;display: block;}
.AboutRight .Box{position: absolute;left: 0;top: 185px;width: 100%;text-align: center;}
.AboutRight .Box i{width: 96px;height: 96px;display: block;margin: 0 auto;cursor: pointer;}
.AboutRight .Box i img{display: block;width: 96px;height: 96px;-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;}
.AboutRight .Box h3{font-weight: normal;font-size: 42px;color: #fff;margin-top: 20px;}
.AboutRight .Box h3 em{display: block;font-size: 24px;margin-top: 20px;}

@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)}
}
/* 高阳金信 End */

/* 视频弹窗 YangFangLing 2019年5月21日 */
.video{position:relative;z-index:1;height:680px;overflow:hidden;background:url(http://www.hisuntech.com/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:-338px;margin-left:-600px;width:1200px;height:675px;background:#fff;}
.video-inner .video-close{position:absolute;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:#1a70c8;}
/* 视频弹窗 End */

/* 按钮效果 YangFangLing 2019年5月21日 */
.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(26,112,200,1);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年5月21日 */
.Announcement{background: rgba(255,255,255,0.7);padding: 15px 0;height: 23px;position: absolute;left: 0;top: 498px;width: 100%;z-index: 9;}

.Announcement-Left{padding-left: 65px;position: relative;width: 715px;}
.Announcement-Left::after{content: "";width: 25px;height: 22px;display: block;position: absolute;left: 0;top: 0;background: url(../images/Index/AnnouncementIcon.png) no-repeat center center;}

.Announcement-Left .bd ul li{font-size: 18px;overflow: hidden;}
.Announcement-Left .bd ul li a{color: #333;display: block;float: left;width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.Announcement-Left .bd ul li:hover a{color: #35227b;}
.Announcement-Left .bd ul li span{color: #999;float: right;display: block;}

.Announcement-Right{text-align: right;}
.Announcement-Right span{font-size: 13px;color: #181818;}
.Announcement-Right span b{font-size: 16px;}
.Announcement-Right h3{font-size: 24px;color: #181818;}

.Announcement-Left .hd i{display: block;width: 17px;height: 10px;overflow: hidden;cursor: pointer;position: absolute;z-index: 9;}
.Announcement-Left .hd i img{display: block;width: 17px;height: 20px;position: relative;}
.Announcement-Left .hd i:hover img{position: relative;top: -10px;}
.Announcement-Left .hd i.prev{top: -8px;right: -75px;}
.Announcement-Left .hd i.next{right: -75px;top: 15px;}
/* 公告 End */

/* 友情链接 */
.Link{border-bottom: 1px #1e1e1e solid;height: 48px;line-height: 48px;background-color: #242424;overflow: hidden;}
.Link a{font-size: 16px;color: #919191;background: url(http://www.hisuntech.com/images/Index/LinkIcon.png) no-repeat center left;padding-left: 15px;margin-left: 16px;}
.Link a:first-child{color: #fff;margin-left: 0;padding-left: 0;background: none;}
.Link a:nth-of-type(2){background: none;padding-left: 0;margin-left: 10px;}
.Link a:hover{color: #fff;}