@charset "utf-8";body{background:#F8F6F6} .home-banner{position:relative} .banner{width:auto;margin:0 auto;background:#333;position:relative;overflow:hidden;height:auto} .swiper-slide>a{display:block;position:relative} .bg_model{position:absolute;top:0;left:0;width:100%;bottom:0;z-index:1;background-size:80% 100%} .bg_model .clearBox{position:relative;width:1400px;height:100%;margin:0 auto} .bg_model .clearBox .detail{position:absolute;top:22%;color:#fff} .bg_model .clearBox .detail>p,#test .detail>p{display:inline-block;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);margin-bottom:3.2vw;font-size:16px} .bg_model .clearBox .detail img{width:auto;display:block} .bg_model .clearBox .detail .introWord>p,#test .detail .introWord>p{font-size:57px;letter-spacing:4px;margin-bottom:16px;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,1)} .bg_model .clearBox .detail .introWord>span,#test .detail .introWord>span{font-size:18px;text-shadow:0 1px 5px rgba(0,0,0,1)} .bg_model .clearBox .detail .btn,#test .detail .btn{margin-top:15%;width:160px;height:36px;background:#fff;border-radius:18px;line-height:36px;letter-spacing:1px;text-align:center;color:#F21C1C;font-size:16px} .banner .pre{display:none;background:url(../img/arr_l_w1.png) no-repeat;background-position:center;cursor:pointer;width:25px;height:25px;background-size:8px;position:relative;bottom:inherit;z-index:10;float:left;top:inherit;right:inherit;left:inherit;margin-top:7px} .banner .next{display:none;cursor:pointer;width:25px;height:25px;background:url(../img/arr_r_w1.png) no-repeat;background-position:center;background-size:8px;position:relative;bottom:inherit;z-index:10;float:left;top:inherit;right:inherit;margin-top:7px} .index-banner-pagi{width:100%;position:absolute;bottom:47px;z-index:10;left:0;text-align:center} .banner .box{width:1400px;margin:0 auto;display:inline-block} .index-banner-pagi p{text-align:left;width:27px;height:17px;margin:0;padding:6px 5px;color:#FF9A9A;overflow:hidden;float:left;border-bottom:2px solid #FD6562;cursor:default;font-size:14px} .smalltitle{overflow:hidden;width:auto} .smalltitle .thistitle{font-size:17px;color:#fff;border-bottom:2px solid #fff;padding:0 10px 7px 1px;height:20px;margin-top:2px} dl.home-con{width:1400px;margin:80px auto 0 auto;clear:both;box-sizing:border-box} dl.home-con dt{font-size:48px;font-weight:700;margin-bottom:50px;text-align:center;position:relative} dl.home-con dt::after{display:block;content:"";position:absolute;bottom:80px;width:88px;height:4px;background:#D51719;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)} dl.home-con.survey dt{margin-bottom:50px} dl.home-con dd p.p1{color:#000;font-size:20px;line-height:40px;width:88%;margin:10px auto 0 auto;overflow:hidden;opacity:0} dl.home-con dd p.p2{color:#000;font-size:15px;line-height:34px;width:44%;margin:60px auto 0 6%;overflow:hidden} dl.home-con dd{clear:both;width:100%;margin:0 auto} dl.home-con dd.poster{background:url(../images/pic01/0412-06.png) no-repeat left bottom;height:660px;margin-top:0;margin-bottom:30px;position:relative} .poster-item{position:absolute;overflow:hidden;opacity:.5;cursor:pointer} .poster-item img{width:100%;height:100%;position:absolute} .poster-item.poster06 img{width:auto;height:auto;display:block;margin:25px auto auto auto;display:block;position:relative;left:inherit;top:inherit} .poster-item.poster06 span{display:block;text-align:center;font-size:16px;font-weight:400;margin-top:40px;height:auto;color:#ddd} .poster01{width:285px;height:241px;left:47px;top:749px} .poster02{width:285px;height:241px;left:47px;top:749px} .poster03{width:285px;height:241px;left:352px;top:749px} .poster04{width:285px;height:241px;left:352px;top:749px} .poster05{width:541px;height:427px;right:0;top:749px} .right_part{width:715px;margin-left:686px;height:600px;padding:64px 98px;background:url(../img/douhao.png) no-repeat;background-color:#fff;background-position:61px 44px;box-sizing:border-box} .right_part .intro p{line-height:36px;font-size:16px;text-indent:20px;margin-top: 31px;} .right_part .btn_box{text-align:right} .right_part .intro .btn{display:inline-block;color:#fff;background:#D81718;line-height:40px;height:40px;padding:0 60px;border-radius:23px;margin:0 0 24px;font-size:16px} .right_part .btn_list{overflow:hidden;margin-top:34px} .right_part .btn_list>div{width:50%;font-weight:700;box-sizing:border-box} .right_part .btn_list>div>a{color:#6F6F6F;font-size:16px;display:inline-block;position:relative;padding-left:48px;line-height:29px} .right_part .btn_list>div>a>img{position:absolute;top:0;left:0} .right_part .btn_list>div>img{margin-right:0} .vmc-arrow-left,.vmc-arrow-right{top:inherit;bottom:-1px;width:87px;height:87px;background:#fff;background-repeat:no-repeat;border-radius:0;opacity:1;border-bottom:1px solid #f4f4f4} .vmc-arrow-right{background-image:url(../images/site-018.png);background-position:15px 30px;background-size:14px} .vmc-arrow-left{background-image:url(../images/site-017.png);right:87px;left:inherit;background-size:14px;background-position:53px 30px} .vmc-arrow-left:hover{background-color:#D81718;background-image:url(../img/arr_l_w1.png)} .vmc-arrow-right:hover{background-color:#D81718;background-image:url(../img/arr_r_w1.png)} .box-item{z-index:99;width:25%;float:left;height:420px;position:relative} .box-item:hover:before{opacity:1} .hover .box-item p{-webkit-transition:.4s;transition:.4s;-webkit-transform:translateY(0);transform:translateY(0)} .hover .box-item:hover p{-webkit-transform:translateY(-10px);transform:translateY(-10px)} .box-item .imgBox{position:relative;overflow:hidden} .box-item .imgBox>a{position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:16px;margin-top:100px;color:#333;border:2px solid #333;padding:9px 30px;-webkit-transition:all .5s;transition:all .5s;opacity:0;cursor:pointer} .box-item .imgBox:hover>a{margin-top:0;opacity:1} .box-item .imgBox::after{position:absolute;top:0;content:"";display:block;width:100%;height:100%;background:#fff;transition:all .3s;opacity:0} .box-item .imgBox:hover::after{opacity:.7} .home-con.business .upBoxDiv .imgBoxUp{-webkit-transition:all .5s;transition:all .3s;height:250px} .home-con.business .upBoxDiv .imgBoxUp img{height:250px;transition: all 0.3s;} .home-con.business .upBoxDiv:hover .imgBoxUp img{transform: scale(1.1);} .home-con.business .imgBoxUp{position:relative;overflow:hidden;} .home-con.business .upBoxDiv .info_div{z-index:0;position: static;margin-top:25px;left: 0;top: 0;right: 0;bottom: 0;} /*.home-con.business .upBoxDiv a{ width: 158px; height: 40px; margin: 0 auto; display: block; font-size:16px; color:#d81718; line-height:40px; cursor:pointer; text-align: center; } */ .home-con.business .upBoxDiv .info_div i{ width: 158px; height: 40px; margin: 0 auto; display: block; font-size:16px; color:#d81718; line-height:40px; cursor:pointer; text-align: center; } /*.home-con.business .upBoxDiv:hover a{opacity:1}*/ .home-con.business dt{margin-top:80px} .home-con .box-item{height:356px;background:#DEE6ED;position:relative;width:25%;} .home-con .nav_box{margin-bottom:65px} .home-con.business .intro a{display:inline-block;font-size:16px;margin-top:30px;color:#333;border:2px solid #333;padding:9px 30px;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0} .home-con.business .box-item:hover .intro a{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} .home-con.business.hover dd{width:100%} .home-con.business.hover dd .dd_box{width:1400px;margin:0 auto;background:#D81718} .home-con.business.hover .nav_box{float:right;width:480px;transform:2s} .home-con.business.hover .box-item{z-index:99;width:100%;float:right;height:105.2px;position:relative;overflow:hidden} .home-con.business.hover .box-item img{width:100%;margin-top:-36%} .home-con.business.hover .box-item .info_div .title{top:22px} .home-con.business.hover .box-item .info_div .intro{top:inherit;bottom:24px} .box-item img{width:100%} .poster-mask{z-index:999;position:absolute;width:100%;height:100%;left:0;top:0} .poster-item span.tit{position:absolute;left:15px;bottom:20px;color:#fff;font-size:16px;height:24px;line-height:24px} .poster-item span.tit i{float:left;width:6px;height:6px;background-color:#d71718;margin-top:9px;margin-right:10px} .box-item{cursor:default} .box-item *{cursor:default} .box-item span{position:absolute;left:285px;bottom:35px;color:#fff;font-size:18px;height:24px;line-height:24px;font-weight:700;display:block;width:255px} .box-item span i{float:left;width:8px;height:8px;background-color:#d71718;margin-top:8px;margin-right:15px} .box-item .info_div{color:#333;z-index:1;position:absolute;bottom:17px;width:100%;text-align:center;background:#DEE6ED} .box-item .info_div .intro{font-size:13px;line-height:20px} .box-item .info_div .title{font-size:24px;font-weight:700;margin-bottom:7px} .m-part-3 .imgBox{border-radius:5px} .m-part-3 .seeMoreDiv img{position:relative} dl.news dd .item{width:440px;margin-right:38.6px;background:#fff;border-radius:5px;overflow:hidden} dl.news dd .item>div:last-child{padding:0 20px 20px 20px} dl.news dd .item .title{font-size:25px;color:#333;margin-top:30px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;height:38px;line-height:42px} dl.news dd .item .time{font-size:18px;color:#8D8D8D;margin-top:10px;text-align:right} dl.news dd .item .intro{margin-top:25px;font-size:19px;line-height:33px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;height:101px;margin-bottom:5px} dl.news dd .item .seeMoreDiv img{position:relative;width:auto} dl.news dd .imgBox{width:440px;height:320px;overflow:hidden;position:relative;border-radius:0} dl.news dd .item img{width:100%;position:absolute;top:0;left:0;height: 100%;} dl.news dd>.item:last-child{margin-right:0} dl.news .btnBox{margin-top:85px;margin-bottom:100px;text-align:center} dl.news .btnBox .btn{width:180px;height:40px;line-height:40px;color:#fff;background-color:#D81718;font-size:16px;border-radius:20px;padding:0;margin:0 auto} dl.news .btnBox .btn a{color:#fff} dl.home-con.survey{padding:0 10px 10px 0} dl.home-con.survey dd{overflow:visible;box-shadow:0 0 16px 5px #E0DEDF} .m-part4 .part4-container{padding:0;margin-right:0;margin-left:0;width:686px;float:left;margin-top:-63px;height:663px;overflow:hidden} .m-part4 .part4-container .swiper-slide img{width:686px;height:663px} dl.home-con.news dd .viewall{display:block;text-align:center;color:#000;height:auto;font-size:14px;border:1px solid #000;width:auto;padding:8px 20px;margin:50px auto 100px auto;width:120px} .focusli{display:block;clear:both;width:100%;text-align:center;margin-top:26px;margin-bottom:70px} .focusli li{border-radius:50%;border:2px solid #333;width:14px;height:14px;display:inline-block;margin:0 8px} .focusli li.active{background-color:#333} dl.home-con dt{padding-bottom:120px;border-bottom:1px solid transparent;margin-bottom:0} .activelay-box{background-color:rgba(0,0,0,.75);text-align:center;position:absolute;width:100%;height:1000px;left:0;top:104px;z-index:99;color:#fff;opacity:0} .activelay-box h3{margin:456px 0 15px 0;text-align:center;font-weight:700} .activelay-box p{font-size:15px;text-align:center} .activelay-box a{display:none} .activelay-box img{display:inline-block;width:36px;margin:20px;opacity:.7;cursor:pointer} .activelay-box img:hover{opacity:1} .activelay-box img.cls{height:33px} /*合作伙伴*/ .wrap{ width: 1200px; margin: 0 auto; } .picScroll-partner { overflow: hidden; position: relative; } .picScroll-partner .bd { padding: 10px 0 0 35px; font-size: 15px; color: rgb(88, 88, 88); font-family: 'fzltxianh'; } .picScroll-partner .bd ul { overflow: hidden; zoom: 1; } .picScroll-partner .bd ul li { margin: 0 4.3px; float: left; _display: inline; overflow: hidden; text-align: center; } .picScroll-partner .bd ul li .pic { text-align: center; } .picScroll-partner .bd ul li .pic a img{ width: 173px; height: 102px; display: inline-block; border: 1.5px solid #B6B6B6; border-radius: 15px; text-align: center; } .picScroll-partner .bd ul li .pic img { width: 173px; height: 102px; display: block; padding: 2px; } .picScroll-partner .bd ul li .pic a:hover img { border-color: #999; } .picScroll-partner .bd ul li .title { line-height: 24px; margin-top: 14px; } .picScroll-partner .prev, .picScroll-partner .next { position: absolute; left: 0.2%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -163px 5px no-repeat; filter: alpha(opacity=100); opacity: 1; } .picScroll-partner .next { left: auto; right: 0.2%; background-position: -60px 5px; } .picScroll-partner .prevStop { display: none; } .picScroll-partner .nextStop { display: none; } /*行业应用*/ .industry{ overflow: hidden; margin-top: 100px; width: 100%; height: 800px; background: url(../images/ixfixbg.jpg) no-repeat; background-size: cover; } .industry-sw{ width: 1260px; margin: 0 auto; position: relative; } .sw-bao{ width: 1260px; margin: 0 auto; padding:60px 0; overflow: hidden; } #swiper-hy{ width: 1260px; margin: 0 auto; overflow: hidden; } .industry-sw .swiper-container{ overflow: visible !important; } .swiper-he{ position: relative; width: 200px; height: 400px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; } .industry-sw .swiper-container .swiper-he:nth-child(4n){margin-right: 0;} .swiper-he:hover{ margin-top: -25px; height: 450px; } .swiper-he .imgs{ width:200px; height: 400px; transition: .4s linear; -webkit-transition: .4s linear; -moz-transition: .4s linear; -ms-transition: .4s linear; -o-transition: .4s linear; } .swiper-he .imgs:hover{ height: 450px; } .swiper-he .imgs img{ width: 100%; height: 100%; } .swiper-he:hover{ border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; overflow: hidden; } .swiper-he .title{ position: absolute; left: 0; right: 0; background:rgba(0,0,0,.6); bottom: 0; height: 30px; line-height: 30px; text-align: center; color: #ffffff; font-size: 16px; } /*左右按钮*/ .industry-sw .dw-les{ width:1260px; height: 88px; margin: 0 auto; position: absolute; display: flex; z-index: 10; top:211px; } .part3-prev{ display:block;background:url(../images/site-017.png) #fff no-repeat; background-size:14px; background-position:14px 9px; width:44px; height:44px; left: 0; /* left:auto; right:88px; bottom:0; top:auto*/; } .part3-next{ display:block; background:url(../images/site-018.png) #fff no-repeat; background-position:14px 9px; background-size:14px; width:44px; height:44px; right:0; /* left: 1093px; right: auto;*/ /* left: 1105px; bottom:-1px; top:auto*/ } .omwo{ height: 425px; width: 100%; display: block; overflow-y: auto; margin-bottom: 20px; margin-top: 20px; font-size: 15px; line-height: 32px; text-indent: 42px; } .dd_box .box-item .title{height:68px;margin-bottom: 0;} .dd_box .box-item .title span{width: 100%;text-align: center;color: #333;position: static;} @media screen and (min-width:960px) and (max-width:1402px){ .dd_box .box-item .info_div{height: auto;} .industry-sw{width: 1200px} }