/* banner YangFangLing 2019年7月4日 */ .banner{clear:both;position:relative;z-index:1;width:100%;height:724px;overflow:hidden;} .banner .hd{position:absolute;left:0;bottom: 30px;width:100%;text-align:center;} .banner .hd li{display:inline-block;*display:line;*zoom:1;margin: 0 10px;width: 23px;height: 23px;text-indent:-9999px;cursor:pointer;background: url(../images/Index/banner_Box01.png) no-repeat center center;} .banner .hd li.cur{background:url(../images/Index/banner_Box02.png) no-repeat center center;} .banner .bd,.banner .bd ul{height:724px;} .banner .bd li{position:relative;width:100%;height:724px;} .banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-975px;width:1920px;height:724px;} .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:3%;background:url(../images/Index/banner_prev.png) no-repeat center center;} .banner .next{right:3%;background:url(../images/Index/banner_next.png) no-repeat center center;} .banner:hover .prev,.banner:hover .next{opacity:1;} /* banner End */ .QualificationBox{text-align: center;margin-top: 50px;} .QualificationBox ul li{display:inline-block;*display:line;*zoom:1;margin: 0 10px;width: 15px;height: 15px;cursor:pointer;text-indent: -999px;overflow: hidden;background-color: #ccc;border-radius:50%;} .QualificationBox ul li.cur{background-color: #006eba;} .Qualification{padding: 9px 0;overflow: hidden;background-color: #f8f8f8;} .Qualification-Con{margin-top: 40px;position: relative;} .Qualification-Box{text-align: center;/* width: 1275px; *//* margin: 0 auto; */} .Qualification-Box ul li{width: 256px;/* margin: 0 40px; */text-align: center;/* display: inline-block; *display: inline;*zoom: 1;*/float:left;margin-right: 30px;} /*.Qualification-Box ul li:first-child{margin-left:0;}*/ .Qualification-Box ul li span{display: block;width: 256px;height: 354px;overflow: hidden;border: 1px #ddd solid;} .Qualification-Box ul li span img{display: block;width: 256px;height: 354px;transition: .8s all;} .Qualification-Box ul li:hover span img{transform: scale(1.01);} .Qualification-Box ul li p{font-size: 16px;color: #666;margin-top: 15px;} .Qualification-Box ul li:hover p{color: #000;} /* 产品中心 YangFangLing 2019年7月4日 */ .Product{padding: 55px 0;overflow: hidden;background-color: #fafafa;} .Product-Con{padding: 30px 1% 0;} .Product-Bot{border: 1px #d8d8d8 solid;animation: fadeinB 1s ease-out backwards;} .Product-Bot ul li{float: left;width: 25%;text-align: center;padding-bottom: 40px;border-left: 1px #d8d8d8 solid;box-sizing: border-box;background-color: #fff;} .Product-Bot ul li:first-child{border-left: none;} .Product-Bot ul li span{display: block;overflow: hidden;} .Product-Bot ul li span img{display: block;width: 100%;transition: .8s all;} .Product-Bot ul li:hover span img{transform: scale(1.1);} .Product-Bot ul li h3{font-size: 24px;font-weight: normal;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 10px;} .Product-Bot ul li p{font-size: 12px;color: #a9a9a9;margin-top: 5px;text-transform: uppercase;} .Product-Bot ul li em{display: block;font-size: 14px;color: #333;margin-top: 30px;} .Product-Bot ul li:hover em{color: #006eba;} .Product-Top{overflow: hidden;border-left: 1px #d8d8d8 solid;border-top: 1px #d8d8d8 solid;} .Product-Box{float: right;width: 50%;border: 1px #d8d8d8 solid;border-bottom: none;box-sizing: border-box;animation: fadeinR 1s ease-out backwards;border-top: none;} .Product-Box ul li{float: left;width: 50%;text-align: center;padding-bottom: 40px;border-left: 1px #d8d8d8 solid;box-sizing: border-box;background-color: #fff;} .Product-Box ul li:first-child{border-left: none;} .Product-Box ul li span{display: block;overflow: hidden;} .Product-Box ul li span img{display: block;width: 100%;transition: .8s all;} .Product-Box ul li:hover span img{transform: scale(1.1);} .Product-Box ul li h3{font-size: 24px;font-weight: normal;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 10px;} .Product-Box ul li p{font-size: 12px;color: #a9a9a9;margin-top: 5px;text-transform: uppercase;} .Product-Box ul li em{display: block;font-size: 14px;color: #333;margin-top: 30px;} .Product-Box ul li:hover em{color: #006eba;} .Product-Agg{float: left;width: 50%;position: relative;} .Product-Img{overflow: hidden;} .Product-Img ul li{width: 100%;overflow: hidden;} .Product-Img ul li img{display: block;width: 100%;transition: .8s all;} .Product-Img ul li:hover img{transform: scale(1.1);} .Product-But{position: absolute;right: 30px;bottom: 30px;} .Product-But ul li{width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;display: inline-block;*display: inline;*zoom: 1;margin: 0 10px;text-indent: -999px;overflow: hidden;cursor: pointer;} .Product-But ul li.cur{background-color: #006eba;} /* 产品中心 End */ /* 内容标题 YangFangLing 2019年7月4日 */ .Title{text-align: center;animation: fadeinT 1s ease-out backwards;} .Title h3{font-size: 36px;color: #333;transition: .8s all;font-family: "iconfont";} .Title:hover h3{transform: translateY(-10px);} .Title h3 a{color: #333;} .Title p{font-size: 16px;color: #666;margin-top: 5px;} .Title i{width: 30px;height: 2px;display: block;margin: 15px auto 0;background: url(../images/Index/Title.jpg) no-repeat center center;} /* 内容标题 End */ /* 按钮效果 YangFangLing 2019年7月4日 */ .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-color: #025c9a;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年7月4日 */ .Solution{padding-top: 55px;background-color: #fff;overflow: hidden;} .Solution-Con{margin-top: 30px;position: relative;} .Solution-Group ul li{position: relative;overflow: hidden;} .Solution-Group ul li span{width: 1920px;height: 719px;display: block;overflow: hidden;position: relative;left: 50%;margin-left: -960px;} .Solution-Group ul li span img{width: 1920px;height: 719px;display: block;transition: .8s all;} .Solution-Group ul li:hover span img{transform: scale(1.1);} .Solution-Group ul li p{font-size: 18px;color: #fff;text-align: center;line-height: 30px;position: absolute;left: 50%;top: 70px;width: 1200px;margin-left: -600px;animation: fadeinB 1s ease-out backwards;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .Solution-Nav{position: absolute;left: 50%;bottom: 25px;width: 1440px;margin-left: -720px;} .Solution-Nav ul li{width: 204px;height: 105px;line-height: 105px;background: rgb(0,0,0,0.5);float: left;margin-left: 2px;text-align: center;position: relative;} .Solution-Nav ul li:first-child{margin-left: 0;} .Solution-Nav ul li a{display: block;} .Solution-Nav ul li span{width: 40px;height: 40px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;} .Solution-Nav ul li span img{width: 40px;height: 40px;display: block;} .Solution-Nav ul li p{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 18px;color: #fff;margin-left: 5px;} .Solution-Nav ul li.cur{background-color: #006eba;} .Solution-Nav ul li.cur:after{content: "";width: 13px;height: 6px;display: block;position: absolute;left: 50%;top: -6px;margin-left: -6.5px;background: url(../images/Index/Solution_sjx.png) no-repeat center center;} /* 解决方案 End */ /* 资讯中心 YangFangLing 2019年7月4日 */ .News{padding: 55px 0;overflow: hidden;background: url(../images/Index/News_Bg.jpg) center center;} .News-Con{margin-top: 30px;overflow: hidden;} .News-Left{width: 41.66%;float: left;margin-top: 18px;animation: fadeinL 1s ease-out backwards;} .News-Time{text-align: right;width: 70px;float: left;font-family: "iconfont";} .News-Time span{font-size: 30px;color: #333;} .News-Time span em{display: block;font-size: 18px;} .News-Time i{width: 70px;height: 1px;display: block;background-color: #c8c9ca;margin-top: 45px;} .News-Sur{position: relative;padding-left:20px;overflow:hidden;} .News-Sur h3{font-size: 18px;} .News-Sur h3 a{color: #333;} .News-Sur:hover h3 a{color: #006eba;} .News-Sur p{margin-top: 15px;height: 75px;line-height: 25px;font-size: 14px;color: #666;} .News-Sur span{display: block;width: 455px;height: 285px;overflow: hidden;margin-top: 30px;position: relative;z-index: 9;} .News-Sur span img{display: block;width: 455px;height: 285px;transition: .8s all;} .News-Sur:hover span img{transform: scale(1.1);} .News-Sur:after{content: "";width: 458px;height: 190px;background-color: #abce03;display: block;position: absolute;left: 40px;bottom: 0;z-index: 1;} .News-Right{width: 55%;float: right;animation: fadeinR 1s ease-out backwards;} .News-Right .item{overflow: hidden;margin-top: 20px;} .News-Right .item:first-child{margin-top: 0;} .News-Right .item .pic{width: 215px;height: 135px;overflow: hidden;float: left;} .News-Right .item .pic img{display: block;width: 215px;height: 135px;transition: .8s all;} .News-Right .item:hover .pic img{transform: scale(1.1);} .News-Right .item .text{padding-left:30px;overflow:hidden;} .News-Right .item .text h3{font-size: 18px;margin-top: 5px;} .News-Right .item .text h3 a{color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;} .News-Right .item:hover h3 a{color: #006eba;} .News-Right .item .text p{font-size: 14px;color: #666;line-height: 25px;margin-top: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;} .News-Right .item .text em{display: block;font-size: 14px;color: #999;margin-top: 30px;font-family: "iconfont";} .News-Right .item .text em i{width: 40px;height: 1px;background-color: #c8c9ca;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-right: 10px;} .News a.More{font-size: 14px;color: #fff;width: 111px;text-align: center;height: 35px;line-height: 35px;border-radius: 50px;background-color: #006eba;display: block;margin: 40px auto 0;} /* 资讯中心 End */ /* 关于我们 YangFangLing 2019年7月4日 */ .About{padding: 55px 1% 0;background-color: #fff;overflow: hidden;} .About-Con{margin-top: 30px;height: 616px;} .About-Con ul{padding-top: 55px;} .About-Con ul li{width:25%;text-align: center;float: left;box-sizing: border-box;border-left: 1px #fff dotted;} .About-Con ul li:first-child{border-left: none;} .About-Con ul li span{display: block;color: #fff;} .About-Con ul li span b{font-size: 72px;font-family: "iconfont";} .About-Con ul li span em{display: inline-block;*display: inline;*zoom: 1;vertical-align: 35px;font-size: 18px;margin-left: 5px;} .About-Con ul li span i{display: inline-block;*display: inline;*zoom: 1;vertical-align: 35px;font-size: 30px;margin-left: 5px;font-weight: bold;} .About-Con ul li p{font-size: 14px;color: #fff;} .About-Text{margin-top: 1px;animation: fadeinB 1s ease-out backwards;} .About-Text i{width: 76px;height: 76px;display: block;margin: 0 auto;cursor: pointer;} .About-Text i img{width: 76px;height: 76px;display: block;} .About-Text em{text-align:center;display:block;color:#fff;margin-top:12px} .About-Text p{font-size: 14px;color: #fff;line-height: 25px;text-align: center;width: 680px;margin: 110px auto 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .About-Text a{display: block;width: 130px;height: 40px;line-height: 40px;border-radius: 50px;background-color: #abce03;color: #fff;text-align: center;font-size: 14px;font-weight: bold;margin: 15px auto 0;} /* 关于我们 End */ /* 视频弹窗 YangFangLing 2019年7月4日 */ .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:-300px;margin-left:-500px;width:1000px;height:600px;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%;z-index: 9;} .video-inner .video-close:hover{cursor:pointer;color:#fff;background:#0a80cc;} .video-inner .con>div{width: 1000px !important;height: 600px !important;margin-right:auto !important;margin-left: auto !important;position: static !important;} #video iframe{width: 1000px;height: 600px;} /* 视频弹窗 End */ /* 友情链接 YangFangLing 2019年7月4日 */ /* .Link{height: 80px;line-height: 80px;border-bottom: 1px #f1f1f1 solid;border-bottom: 1px #f1f1f1 solid;} .Link a{font-size: 14px;color: #a5a5a5;margin: 0 10px;} .Link a:first-child{color: #666;font-size: 16px;margin-left: 0;} .Link a:hover{color: #0880cd;} /*/ .Link{line-height: 35px;border-bottom: 1px #f1f1f1 solid;border-bottom: 1px #f1f1f1 solid;margin-top: 20px;} .Link a{font-size: 14px;color: #a5a5a5;margin: 0 10px;} .Link a:first-child{color: #666;font-size: 16px;margin-left: 0;} .Link a:hover{color: #0880cd;} /* 友情链接 End */ /* 案例展示 YangFangLing 2019年7月4日 */ .Case{overflow: hidden;background-color:#fff;padding:55px 0;} .Case-Con{margin-top: 40px;} .Case-Nav{text-align:center;} .Case-Nav ul li{width:150px;height:50px;line-height:50px;display:inline-block;*display:inline;*zoom:1;background-color:#eee;border-radius:50px;margin:0 10px;font-size:16px;} .Case-Nav ul li a{display:block;color:#333;} .Case-Nav ul li.cur{background-color:#0880cd;} .Case-Nav ul li.cur a{color:#fff;} .Case-Box{margin-top:40px;/* padding: 0 1%; */} .Case-Group ul li{float:left;width: 32.6%;border: 1px #ddd solid;margin-left: 1%;box-sizing: border-box;} .Case-Group ul li:first-child{margin-left:0;} .Case-Group ul li span{display:block;overflow:hidden;} .Case-Group ul li span img{display:block;width:100%;transition:.8s all;} .Case-Group ul li:hover span img{transform:scale(1.1);} .Case-Group ul li p{font-size:18px;color:#333;text-align:center;height: 60px;line-height: 60px;background-color: #eee;} .Case-Group ul li:hover p{background-color:#0880cd;color:#fff;} /* 案例展示 End */