ul, li { list-style: none; margin: 0; padding: 0; } a { color: #333; text-decoration: none; } p { margin: 0; } body { margin: 0; } @charset "utf-8"; /* CSS Document www.adminbuy.cn*/ body{text-align: left;padding: 0;margin: 0;font-size: 14px;font-family: 'microsoft yahei';-webkit-text-size-adjust: none;height: auto;color: #333;background: #fff;} body{overflow-x: hidden;overflow-y: auto;} html{min-width: 1280px;} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;} pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{padding: 0;margin: 0;} fieldset{border-top-width: 0;border-left-width: 0;border-bottom-width: 0;border-right-width: 0;} a img{border: 0;padding: 0;margin: 0;} i{font-style: normal;} address,caption,cite,cite,code,dfn,em,th,var{font-weight: normal;font-style: normal;} li{list-style-type: none;} caption{text-align: left;} th{text-align: center;font-size: 16px;font-weight: 900;} h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;} q:unknown{content: '';} input,textarea,select{font-family: inherit;font-size: 100%;} a:link{color: #333;text-decoration: none;} a:visited{color: #333;text-decoration: none;} a:hover{color: #1158d6;text-decoration: none;} .fl{float: left;} .fr{float: right;} .left{float: left;} .right{} .clear{clear: both;font-size: 0;margin: 0;padding: 0;display: block;_height: 0;overflow: hidden;} /*清除浮动*/ .clearfix{zoom: 1;} .clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;} /*高光特效*/ .white,.whites{position: relative;overflow: hidden;} .white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);} .white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;} /*网站公用样式表*/ .w1200{width: 1200px;margin: 0 auto;} /*顶部*/ .top_main{color: #777;font-size: 12px;line-height: 40px;background-color: #f3f3f3;} .top_main ul li{display: inline;padding: 0 5px;} .top_main ul li a:hover{color: #1158d6;} .top_main ul li a{color: #777;position: relative;z-index: 10;} /*头部*/ .head_main{width: 100%;height: 170px;z-index: 999;} .head_main .logo{padding-top: 45px;} .head_main .logo img{display:block;} .head_main .tel{float: right;background: url(../images/tel.png) no-repeat 0 center;padding-left: 50px;margin-left: 40px;margin-top: 59px;} .head_main .tel strong{display: block;font-size: 28px;font-family: Impact;line-height: 1;margin-top: 5px;} /*导航*/ .nav_main{width: 100%;height: 60px;background: #1158d6;position: relative;z-index: 3;} .nav_main .nav > li{float: left;width: 109px;line-height: 60px;display: block;position: relative;z-index: 10;font-size: 16px;text-align: center;transition: all .5s;} .nav_main .nav > li > a{display: block;color: #fff;font-size: 16px;} .nav_main .nav > li.on{background: #333333;} .nav_main .nav > li .sub{display:none;position: absolute;left:0;top: 100%;width: 100%;background: #1158d6;line-height: 40px;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);} .nav_main .nav > li .sub li{ zoom:1; } .nav_main .nav > li .sub a{display:block;color: #fff;font-size: 14px;text-align: center;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .nav_main .nav > li .sub a:hover{color: #fff;background: #333333;} /*网站大图*/ .banner{width:100%;max-width: 1920px;position:relative;overflow:hidden;z-index:0;} .banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;} .banner .swiper-slide{overflow: hidden;} .banner .swiper-slide.bg:after{content:" ";position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);} .banner .swiper-slide img{width: 100%;display:block;transition: transform 5s ease;-webkit-transition: transform 5s ease;transform: scale(1.1);-webkit-transform: scale(1.1);} .banner .swiper-slide .bbox{width: 700px;margin:auto;position:absolute;left:50%;margin-left: -350px;top:50%;text-align:center;margin-top: -130px;z-index: 1;} .banner .swiper-slide .bbox h1{color: #fff;font-size:60px;text-align:center;opacity:0;visibility:hidden;position:relative;top:30px;font-weight:bold;} .banner .swiper-slide .bbox b{display:block;line-height:1.8;text-align:center;color:#fff;font-size:20px;margin-bottom:40px;opacity:0;visibility:hidden;position:relative;top:30px;min- height:36px;} .banner .swiper-slide .bbox p{width: 550px;text-align:center;height: 100px;color: #fff;font-size:16px;line-height:2;margin:auto;padding-top: 30px;opacity:0;visibility:hidden;position:relative;top:30px;} .banner .swiper-slide .bbox .details{width:180px;margin:auto;position:relative;opacity:0;visibility:hidden;position:relative;top:30px;} .banner .swiper-slide .bbox .details:before{content:"";width:100%;height:100%;background:#fff;position:absolute;left:0;top:0;transition: all .5s;transform:scaleY(0);-webkit- transform:scaleY(0);-moz-transform:scaleY(0);opacity:0;visibility:hidden;} .banner .swiper-slide .bbox .details a{display:block;border:2px solid #fff;padding-left:39px;line-height: 48px;position:relative;color:#fff;font-size:14px;text-align:left;} .banner .swiper-slide .bbox .details a:before{content:" ";position: absolute;top: 50%;margin-top: -1px;right: 45px;width: 25px;height: 2px;background: #fff;transition: all .5s;} .banner .swiper-slide .bbox .details a:after{content: " ";position: absolute;top: 50%;margin-top: -7px;right: 37px;width: 0;height: 0;border: 7px solid transparent;border-left-color: #fff;border-left-width: 8px;transition: all .5s;} .banner .swiper-slide .bbox .details:hover:before{opacity:1;transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);visibility:visible;} .banner .swiper-slide .bbox .details:hover a{color:#1158d6;} .banner .swiper-slide .bbox .details:hover a:before{right: 39px;background: #1158d6;} .banner .swiper-slide .bbox .details:hover a:after{right: 31px;border-left-color: #1158d6;} .banner .swiper-slide .load{width: 700px;left:50%;margin-left: -350px;top:50%;margin-top: -6px;background:#fff;z-index:20;opacity: 0;position:absolute;} .banner .swiper-slide .load span{display: block;width: 0;height: 2px;background: #1158d6;} .banner .swiper-slide-active img{transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);} .banner .swiper-slide-active .bbox h1{opacity:1;visibility:visible;top:0;transition:1000ms 100ms;} .banner .swiper-slide-active .bbox p{opacity:1;visibility:visible;top:0;transition:1000ms 300ms;} .banner .swiper-slide-active .bbox .details{opacity:1;visibility:visible;top:0;transition:1000ms 400ms;} .banner .swiper-slide-active .load{opacity:1;visibility:visible;margin-top: -36px;transition:1000ms 200ms;} .banner .ani-slide .load span{width: 100%;transition: 4.9s 0s linear;} #banner .tip{width: 1000px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 30px;z-index: 3;} #banner .tip span{width: 18px;height: 18px;margin: 0 7px;display: inline-block;cursor: pointer;background: #1158d6;opacity: 1;border-radius: 10px;transition: all .5s;outline: none;} #banner .tip span.swiper-pagination-bullet-active{background: #333333;} #banner #btn_prev,#banner #btn_next{width: 65px;height: 100px;position: absolute;top: 50%;margin-top: -50px;background: url(../images/slider-arrow.png) no-repeat;z-index: 5;opacity: 0;} #banner #btn_prev{background-position: -130px center;left: 4%;} #banner #btn_next{background-position: 0 center;right: 4%;} #banner:hover #btn_prev,#banner:hover #btn_next{opacity: .8;} /*******index css*******/ /*首页标题*/ .index .in_title{position: relative;height: 70px;text-align: center;margin-top: 70px;z-index: 1;} .index .in_title span{position: relative;display: inline-block;font-size: 30px;line-height: 30px;padding: 0 55px;} .index .in_title span:before,.index .in_title span:after{content:" ";position: absolute;top: 50%;margin-top: -2px;left: 0;width: 32px;height: 4px;background: #d8d8d8;} .index .in_title span:after{left: auto;right: 0;} .index .in_title span h3{position: relative;top: -2px;display: inline-block;color: #1158d6;padding-left: 10px;} .index .in_title span p{display: inline-block;font-family: impact, chicago;color: #1158d6;} .index .in_title.whit span:before,.index .in_title.whit span:after{background: #fff;} .index .in_title.whit span h3,.index .in_title.whit span p{color: #fff;} .index a.more{position: relative;display: block;width: 158px;color: #fff;font-size: 16px;line-height: 48px;text-align: center;margin: 0 auto;margin-top: 40px;border-radius: 50px;border: 1px solid #fff;} .index a.more:after{content: " ";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: scaleX(0);transform: scaleX(0);border-radius: 50px;transition: all .5s;} .index a.more:hover{color: #fff;} .index a.more:hover:after{background: #1158d6;-webkit-transform: scaleX(1);transform: scaleX(1);} /*新增产品样式*/ .product-index { margin-top: 28px;} .wd1200 { width: 1200px; margin: 0 auto;} .pic1 { width: 1920px; position: relative; left: 50%; margin-left: -960px; margin-top: 30px;} /*选择我们*/ .index .advantage{padding-bottom: 60px;padding-top: 50px;} .index .advantage .title{text-align:center;} .index .advantage .title div{position: relative;display: inline-block;padding: 0 60px;padding-bottom: 8px;} .index .advantage .title div:before,.title div:after{content:"“";position: absolute;top: 0;left: 0;font-family: impact;color: #5e5e5e;font-size: 155px;line-height: 125px;height: 45px;display: inline-block;} .index .advantage .title div:after{content:"”";top: auto;bottom: 0;left: auto;right: 0;} .index .advantage .title h3{color: #3f3f3f;font-size: 40px;line-height: 60px;font-weight: bold;} .index .advantage .title h3 span{color: #1158d6;} .index .advantage .title p{color:#787878; font-size:16px} .index .advantage ul{padding-top: 100px;} .index .advantage ul li{float: left;position: relative;width: 276px;height: 231px;border: 2px solid #b1b1b1;margin-right: 20px;text-align:center;} .index .advantage ul li a{padding: 90px 25px 35px 25px;display:block;cursor: pointer;} .index .advantage ul li a .img{position: absolute;top: -72.5px;left: 50%;margin-left: -72.5px;display: block;width: 115px;height: 115px;background: #555;border: 15px solid #fff;border-radius: 50%;} .index .advantage ul li a .img img{position: relative;width: 85px;height: 85px;display: block;padding: 15px;z-index: 2;transition: all 1s;} .index .advantage ul li a .img:after{content: " ";position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;-webkit-transform: scaleX(0) scaley(0);transform: scaleX(0) scaley(0);border-radius: 50%;transition: all .5s;} .index .advantage ul li a h3{color: #333;font-size: 21px;font-weight: bold;line-height: 30px;} .index .advantage ul li a span{color: #999;font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 28px;display: block;} .index .advantage ul li a p{color: #666;font-size: 13px;line-height: 28px;margin-top: 20px;} .index .advantage ul li:hover .img:after{background: #1158d6;opacity: 1;-webkit-transform: scaleX(1.01) scaley(1.01);transform: scaleX(1.01) scaley(1.01);} /*产品下横图*/ .pic1 { width: 1920px; position: relative; left: 50%; margin-left: -960px; margin-top: 30px; } .black { text-align: center; font: 600 45px/1 "微软雅黑"; color: #1158d6; } .black span { display: block; font: 20px/50px "微软雅黑"; color: #000000; background: url(../images/hh.png) center no-repeat; } .z3 { padding-top: 50px; padding-bottom: 65px; } .z3Box {width: 1200px; margin: 0 auto; margin-top: 80px; height: 1156px; position: relative; } .ad { width: 519px; position: absolute; } .ad h2 { padding-left: 95px; font: bold 22px/40px "微软雅黑"; color: #1158d6; height: 74px; background: url(../images/ad1.png) left center no-repeat; } .ad h2 span { display: block; font: 12px/1.3 "微软雅黑"; color: #1158d6; } .z3T { font: 16px/40px "微软雅黑"; color: #000; margin-top: 10px; padding-left: 24px; } .z3T p:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #8b8b8b; margin-left: 7px; margin-right: 10px; vertical-align: middle; } .z3T:nth-of-type(1) p:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #8b8b8b; vertical-align: middle; margin-left: -20px; margin-right: 14px; } .ad2 { left: 560px; top: 300px; } .ad2 h2 { background-image: url(../images/ad2.png); } .ad3 { top: 620px; } .ad3 h2 { background-image: url(../images/ad3.png); } .ad4 { left: 560px; top: 940px; } .ad4 h2 { background-image: url(../images/ad4.png); } .mg1 { position: absolute; right: -30px; } .mg2 { position: absolute; left: -10px; top: 290px; } .mg3 { position: absolute; left: 625px; top: 560px; } .mg4 { position: absolute; bottom: 0; } /*联系我们*/ .index .contact{position: relative;height: 610px;background: url(../images/lx_bg.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;} .index .contact:after{content:" ";position: absolute;top: 0;width: 100%;height: 100%;background: var(--colour4);} .index .contact .in_title{margin-top: 110px;} .index .contact ul{position: relative;padding-top: 70px;z-index: 1;} .index .contact ul li{float: left;margin-right: 22px;} .index .contact ul li:last-child{margin-right: 0;} .index .contact ul li a{position: relative;display: block;width: 365px;text-align: center;padding: 40px 10px;background: #fff;cursor: pointer;} .index .contact ul li a *{position: relative;z-index: 2;} .index .contact ul li a:after{content: " ";position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;-webkit-transform: scaleX(0) scaley(0);transform: scaleX(0) scaley(0);transition: all .5s;} .index .contact ul li .icon{width: 30px;height: 30px;display: inline-block;margin-top: 10px;margin-bottom: 25px;transition: all .5s;} .index .contact ul li .icon.add{background-position: 0 0;} .index .contact ul li .icon.cel{background-position: -30px 0;} .index .contact ul li .icon.mail{background-position: -60px 0;} .index .contact ul li h3{color: #1158d6;font-size: 20px;line-height: 20px;padding-bottom: 15px;margin-bottom: 30px;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .index .contact ul li h3:after{content:" ";position: absolute;bottom: 0;left: 50%;margin-left: -15px;width: 30px;height: 2px;background: #333333;transition: all .5s;} .index .contact ul li span{position: relative;display: block;color: #2e2e2e;font-size: 16px;transition: all .5s;} .index .contact ul li:hover .icon{-webkit-filter: brightness(500%);-moz-filter: brightness(500%);-ms-filter: brightness(500%);-o-filter: brightness(500%);filter: brightness(500%);transition: all .5s;} .index .contact ul li:hover h3,.index .contact ul li a:hover span{color: #fff;} .index .contact ul li:hover h3:after{background: #fff;} .index .contact ul li:hover a:after{background: #1158d6;opacity: 1;-webkit-transform: scaleX(1) scaley(1);transform: scaleX(1) scaley(1);} /*友情链接*/ .links_main{padding: 15px 0;background: #1158d6;overflow: hidden;} .links_main span{color: #fff;display: block;float: left;} .links_main a{color: #fff;font-size: 14px;padding-right: 10px;float: left;} /*底部*/ .footer{color: #808080;padding: 55px 0;background: #1c1c1c;} .footer a{color:#808080;} .footer .left{width: 960px;} .footer .fnav{font-size: 16px;line-height: 20px;padding-bottom: 20px;} .footer .fnav a{float: left;color:#808080;padding: 0 10px;border-right: 1px solid #808080;} .footer .fnav a:first-child{padding-left: 0;} .footer .fnav a:last-child{border: 0;} .footer .left p{font-size: 14px;line-height: 24px;} .footer .left p.copyright{padding-top: 25px;} .footer .ewm{float:left;width: 120px;padding: 10px;background: #fff;} .footer .ewm:last-child{margin-left: 25px;} .footer .ewm img{display: block;width: 100%;height: 100%;} .footer .ewm span{display: block;color: #5b5a5a;font-size: 13px;text-align: center;padding-top: 5px;} .footer .ewm:-child span .icon{background-position: -113px -11px;} /*二维码弹窗*/ .ewmbox{width: 300px;height: 320px;padding-top: 20px;background: #fff;z-index: 9999;position: fixed;left: 50%;top: 50%;margin: -170px 0 0 -150px;text-align: center;font-size: 16px;display: none;} .ewmbox .close{width: 32px;height: 32px;position: absolute;top: -25px;right: -40px;cursor: pointer;border-radius: 100%;background: #f3f3f3 url(../images/dialogclose.png) no-repeat center center;transition: all ease 300ms;} .ewmbox .close:hover{transform: rotate(180deg);} .ewmbox img{width: 260px;height: 260px;display: block;margin: 0 auto 10px;} .dialog-layout{width: 100%;height: 100%;position: fixed;z-index: 100;top: 0;left: 0;background: #000;opacity: 0.3;filter: alpha(opacity=30);} /*浮动客服*/ .toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;} .toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #1158d6;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;} .toolbar dd:first-child{margin-top: 0;} .toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;} .toolbar dd.qq i{background-position-y: 0;} .toolbar dd.tel i{background-position-y: -30px;} .toolbar dd.code i{background-position-y: -60px;} .toolbar dd.top i{background-position-y: -90px;} .toolbar dd span{display: block;color: #fff;} .toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #1158d6;opacity: 0;transition: all .5s;} .toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;} .toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;} .toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #1158d6;;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;} .toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #1158d6;opacity: 0;transition: all .5s;} .toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;} .toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #1158d6;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;} .toolbar dd:hover{} .toolbar dd.tel:hover .box{opacity: 1;right: 80px;} .toolbar dd.code:hover .box{opacity: 1;right: 80px;} .toolbarP{color:#000;margin-top:50px;} /*内页大图*/ .nybanner{position: relative;height: 400px;overflow: hidden;} .nybanner .w1200{height: 100%;padding-left:120px;position:relative;box-sizing: border-box;} .nybanner .title{color:#fff;font-size:46px;line-height: 60px;font-weight:600;padding-top: 120px;text-shadow: 0 2px 3px rgb(0 0 0 / 50%);} .nybanner .title span{position: relative;font-size:24px;margin-left:20px;border-left: 1px solid #fff;padding-left:20px;font-weight:300;text-transform: uppercase;} .nybanner .title p{color:#fff;font-size:18px;line-height: 27px;margin-top: 5px;font-weight:300;} .nybanner .position{position:absolute;bottom:-1px;left:0;right:0;height: 30px;padding:15px 20px;background: rgba(255,255,255,.8);border-radius:4px 4px 0 0;box-shadow:0px 0px 30px rgba(0,0,0,0.1);} .nybanner .position s{position: relative;top: -2px;width: 15px;height: 13px;margin-right: 10px;background-position: bottom left;} .nybanner .position a{font-size: 13px;line-height: 30px;} .nybanner .position i:after{padding: 0 5px;content:">>";color:#999;font-size: 12px;font-family:宋体;display: inline-block;} .bg_main{padding-bottom: 50px;min-height: 640px;} .sub_nav{height: 35px;line-height: 33px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;padding-top: 20px;} .sub_nav .fl{color: #1158d6;font-size: 30px;} .sub_nav .fr li{float: left;} .sub_nav .fr li a{padding: 0 20px;border: 1px solid #e6e6e6;display: block;margin-left: 10px;color: #666;} .sub_nav .fr li a:hover, .sub_nav .fr li a.hover{background: #1158d6;color: #fff;border: 1px solid #1158d6;} .case{margin-top: 40px;} .case ul{width: 100%;} .case li{width: 277px;float: left;margin-right: 30px;margin-bottom: 30px;transition: all .5s;} .case li:nth-child(4n){margin-right: 0;} .case li .img{width: 100%;height: 284px;display: block;border: 1px solid #eaeaea;border-bottom: none;overflow: hidden;box-sizing: border-box;} .case li .img img{width: 100%;height: 100%;transition: all .5s;} .case li:hover .img img{transform: scale(1.1);} .case li .p{border: 1px solid #efefef;display: block;padding: 0 19px;height: 108px;border-top: none;box-sizing: border-box;} .case li .p p{border-bottom: 1px solid #eaeaea;height: 58px;line-height: 58px;margin-bottom: 10px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;} .case li .p span{color: #666;transition: all .5s;} .case li .p i{width: 32px;height: 12px;background-position: -73px -43px;} .case li .p .fl{font-size: 12px;font-family: arial;} .case li:hover a span{color:#1158d6;} .case li:hover a p{color:#1158d6;} .case li:hover{box-shadow: 0 1px 20px rgb(0 0 0 / 10%);} .news{padding-top: 50px;} .bg_main .news_ul{padding-bottom: 40px;} .bg_main .news_ul li{border-bottom: 1px solid rgba(0,0,0,.06);padding: 30px 0;} .bg_main .news_ul li a{display: flex;} .bg_main .news_ul li .img{position:relative;width: 200px;height: 150px;margin-right: 30px;overflow: hidden;} .bg_main .news_ul li .img img{width: 100%;height: 100%;display: block;transition: all .5s;} .bg_main .news_ul li .txt{flex: 1;overflow: hidden;padding-right: 20px;} .bg_main .news_ul li .txt h3{font-size: 20px;line-height: 30px;font-weight: 300;margin-top: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;} .bg_main .news_ul li .txt .hits{color: #999;font-size: 14px;line-height: 30px;} .bg_main .news_ul li .txt p{color: #b5b5b5;font-size: 14px;line-height: 28px;text-align: justify;transition: all .5s;height: 80px;overflow: hidden;} .bg_main .news_ul li .date{width: 80px;padding: 24px 0 24px 35px;font-size: 24px;line-height: 50px;color:#999;font-weight:300;position:relative;text-align: center;} .bg_main .news_ul li .date:after{display:block;content:"";width:1px;height: 100%;background:#f3f3f3;left:10px;top: 0;position:absolute;} .bg_main .news_ul li .date span{display: block;} .bg_main .news_ul li:hover .img img{transform: scale(1.1);} .bg_main .news_ul li:hover .txt h3{color:#1158d6;} .bg_main .news_ul li:hover .txt p{color: #666;} .detail{padding-top: 50px;} .detail .title{padding-bottom: 20px;border-bottom: 1px solid #f3f3f3;text-align: center;margin-bottom: 20px;} .detail .title h1{font-size: 30px;font-weight: bold;padding-bottom: 15px;} .detail .title span{line-height: 18px;font-family: arial;color: #999;margin-right: 14px;} .detail .title span:last-child{margin-right: 0;} .detail .title i{width: 23px;height: 16px;background-position: -73px 0;margin-right: 10px;} .detail .title .i2{background-position: -104px 0;margin-left: 30px;} .detail .context{color: #666;line-height: 30px;text-align: justify;padding-bottom: 25px;} .detail .context img{max-width: 1200px;} /* reLink*/ .reLink{height: 38px;line-height: 38px;border: 1px solid #e6e6e6;padding: 0 15px;margin-bottom: 50px;color: #666;} .reLink .nextLink, .detail .reLink .prevLink{width: 50%;} .reLink .nextLink{text-align: right;} .reLink a{color: #666;} .reLink a:hover{color: #1158d6;} /* pager*/ .pager{padding: 30px 0 30px;text-align: center;*zoom: 1;*padding: 40px 0 30px;} .pager:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .pager p{height: 26px;line-height: 26px;display: inline-block;*display: inline;*zoom: 1;display: none;} .pager ul{display: inline-block;*display: inline;*zoom: 1;overflow: hidden;} .pager ul li{float: left;margin: 0 5px;padding: 0 !important;height: auto !important;border: none !important;} .pager ul a{line-height: 30px;padding: 0 10px;transition: all ease 300ms;color: #000000;text-decoration: none;float: left;border: 1px solid #ddd;} .pager ul a.current, .pager ul a:hover{color: #fff;border: 1px solid #0a408a;background: #0a408a;} .contact .box1{line-height: 18px;padding: 48px 0 0px;overflow: hidden;} .contact .box1 ul{width: 125%;} .contact .box1 li{float: left;width: 230px;margin-right: 250px;} .contact .box1 li i{width: 56px;height: 56px;background-position: -142px 0;float: left;} .contact .box1 li b{font-size: 18px;font-family: arial;font-weight: 100;} .contact .box1 li td{vertical-align: middle;height: 56px;padding-left: 5px;} .contact .box1 .l2 i{background-position: -204px 0;} .contact .box1 .l3 i{background-position: -267px 0;} .contact .box2{margin-bottom: 75px;} .contact .box2 #map1_container, .contact .box2 #allmap1{width: 100%;height: 400px;} .contact .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;} .contact .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;} .contact .box3 b{color: #1158d6;} .formData{padding-bottom: 20px;} .formData .item{float: left;color: #999;font-weight: normal;width: 560px;height: 50px;line-height: 50px;border: 1px solid #e4e4e4;margin-right: 76px;margin-bottom: 30px;border-radius: 5px;position: relative;box-sizing: border-box;transition: all .5s;} .formData .item:hover{color:#495057;background:#fff;border-color: #1158d6;outline:0;box-shadow: 0 0 0 2px #1158d6;} .formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 48px;line-height: 48px;font-size: 18px;color: #666;} .formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;} .formData .item .txt{width: 100%;height: 48px;line-height: 48px;display: block;background: none;padding-left: 70px;border: 0 none;color: #666;box-sizing: border-box;} .formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;} .formData .item.mr0{margin-right: 0;} .formData .msg-box{position: absolute; left: 0; top: 0px;} .formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;} .formData .liuyan label{text-align: right;display: block;top: 4px;} .formData .liuyan textarea{width: 100%;height: 100%;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #666;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;box-sizing: border-box;} .formData .bot{width: 100%;} .formData .sub{width: 232px;line-height: 46px;border: 2px solid #1158d6;margin-right: 2px;text-align: center;background: #1158d6;color: #FFF;cursor: pointer;font-size: 18px;display: block;outline: none;transition: all .5s;} .formData .sub:hover{background: none;color: #1158d6;} .formData .yzm{width: 432px;} .formData .yzm .txt{padding-left: 80px;} .formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;} .box1_add{padding: 70px 0;} .bg_top{height: 50px;background: #eaeaea;width: 100%;} .showPro{padding-top: 50px;} .showPro .reLink{margin-bottom: 0;} .showPro .showContxt{padding: 30px 0 35px;color: #666;font-size: 14px;line-height: 30px;text-align: justify;} .showPro .showContxt img{max-width: 100%;height: auto !important;} .showPro .showimgCon{padding: 0 0 30px;font-size: 16px;line-height: 32px;} .showPro .showimgCon .txtcon{width: 720px;height: 313px;float: right;position: relative;} .showPro .showimgCon .txtcon .tit{position: relative;font-size: 20px;margin-bottom: 15px;color: #1158d6;font-weight: bold;line-height: 24px;padding-bottom: 14px;border-bottom: 1px solid #dddddd;padding-right: 60px;} .showPro .showimgCon .txtcon .tit .goBack{position: absolute;right: 0;top: 0;color: #999999;font-size: 14px;display: block;font-weight: normal;cursor: pointer;} .showPro .showimgCon .txtcon .tit .goBack s{width: 20px;height: 20px;background-position: -440px -62px;margin-left: 6px;} .showPro .showimgCon .txtcon .tit .goBack:hover{color: #047fcc;} .showPro .showimgCon .txtcon .txt{font-size: 14px;line-height: 28px;color: #666;text-align: justify;} .showPro .showimgCon .txtcon .txt .item{margin-bottom: 7px;max-height: 144px;overflow: hidden;} .showPro .showimgCon .txtcon .tel-btn{width: 100%;position: absolute;left: 0;bottom: 0;border-top: 1px solid #ddd;padding-top: 40px;} .showPro .showimgCon .txtcon .tel-btn .btn{width: 118px;float: right;height: 40px;line-height: 40px;margin-top: 5px;font-size: 20px;text-align: center;color: #fff;cursor: pointer;background: #1158d6;} .showPro .showimgCon .txtcon .tel-btn .btn:hover{background: #333;} .showPro .showimgCon .txtcon .tel-btn .tel{width: 280px;float: left;} .showPro .showimgCon .txtcon .tel-btn .tel span, .showPro .showimgCon .txtcon .tel-btn .tel strong{display: block;color: #666;} .showPro .showimgCon .txtcon .tel-btn .tel s{width: 42px;height: 42px;display: block;float: left;margin-right: 6px;margin-top: 4px;background-position: -315px -30px;} .showPro .showimgCon .txtcon .tel-btn .tel span{font-size: 16px;line-height: 20px;} .showPro .showimgCon .txtcon .tel-btn .tel strong{color: #1158d6;font-size: 28px;line-height: 28px;} .showPro .showimg{width: 442px;position: relative;float: left;overflow: hidden;} .showPro .showimg .bigimg{width: 440px;height: 332px;display: block;position: relative;border: 1px solid #dddddd;} .showPro .showimg .bigimg .list{width: 5000%;} .showPro .showimg .bigimg .list li{width: 440px;height: 332px;float: left;border: 0;margin-right: 1px;} .showPro .showimg .bigimg .list img{width: 100%;height: 100%;display: block;transition: all ease 300ms;} .showPro .showimg .smallimg{width: 440px;height: 76px;position: relative;padding-top: 30px;z-index: 10;overflow: hidden;} .showPro .showimg .list{width: 357px;overflow: hidden;position: relative;margin: 0 auto;} .showPro .showimg .listcon{width: 600% !important;position: relative;} .showPro .showimg .prev, .showPro .showimg .next{width: 20px;height: 76px;z-index: 10;position: absolute;top: 30px;cursor: pointer;background: #f9f9f9 url(../images/show-btn-ico.png) no-repeat 0 center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .showPro .showimg .prev:hover, .showPro .showimg .next:hover{background-color: #f9f9f9;} .showPro .showimg .prev{left: 0;background-position: 3px center;} .showPro .showimg .next{right: 0;background-position: -84px center;} .showPro .showimg li{width: 94px;height: 70px;margin-right: 28px;float: left;cursor: pointer;position: relative;border: 3px solid #fff;transition: all .5s;} .showPro .showimg li img{width: 100%;height: 100%;display: block;} .showPro .showimg li.on{width: 94px;height: 70px;border: 3px solid #1158d6;} .relateTit{height: 58px;line-height: 58px;border-bottom: 1px solid #e4e4e4;margin: 0 auto;width: 1200px;} .relateTit h3{font-size: 18px;display: inline-block;*display: inline;*zoom: 1;position: relative;} .relateTit h3 .line{width: 100%;height: 2px;display: block;position: absolute;left: 0;bottom: -1px;background: #1158d6;} #maximg img{ max-width:100%; height:auto !important} .nav { display: none; } .navul, .inner { width: 1200px; margin: 0 auto; } .menu { background: #1158D6; height:60px; position:relative; z-index:99; } .menu ul { height:60px; } .menu ul li { float: left; width: calc(100% / 8); text-align: center; color: #fff; position:relative; padding: 20px 0; } .menu ul li a { color: #fff; } .menu ul li ul{ display:none; background:#1158D6; position:absolute; left:0; top:60px; width:100%; border:1px solid #fff; height:auto; } .menu ul li:hover ul{ display:block; } .menu ul li ul a{ margin-top:10px; padding:10px 0; display:block; } .menu ul li ul li{ float:none; width:100%; padding:0; } .hear { width: 100%; height: 176px; background: url(../img/header_bg_01.jpg) no-repeat 50% 0; overflow: hidden; } .top, .header { overflow: hidden; margin-top: 20px; } .top { border-bottom: 1px solid #ddd; padding-bottom: 20px; background: none; } .top span { float: right; } .top a:nth-child(3):hover+a { display: block; } .tel { width: 200px; min-height: 76px; padding-left: 60px; background: url(../img/header_icon_03.png) no-repeat left; display: block; overflow: hidden; } .tel span { font-size: 26px; color: #f08200; display: block; margin-top: 10px; } .header_r { float: right; } .yincang { display: none; position: absolute; } .lightbox img { width: 100px; } .header_r { display: inline-block; } .header img { vertical-align: middle; float:left; } .i_banner { display: none; } .banner { text-align: center; overflow: hidden; margin: 0 auto; } .swiper { position: relative; clear:left; } .swiper-pagination-bullet-active { background: #f08200; } .i_search { background: #f9f9f9; text-align: center; /*padding-top: 20px;*/ } .i_search_form { display: flex; justify-content: center; margin: 20px 0; } .i_search_form p { float: left; } .i_search_lang, .i_search_short { border: 1px solid #1158D6; height: 40px; margin-right: 20px; padding-left: 10px; border-radius: 5px; } .i_search_button { background: url(../image/i_search_btn.jpg) 0 0 no-repeat; border: 0; width: 40px; height: 36px; border-radius: 10px; border: 1px solid #ddd; } .daili { background: url(../image/ys.jpg) 0 0 no-repeat; } .abb_list { overflow: hidden; padding: 60px 0; } .floor_8_main { background: #fff; width: 100%; /* position: absolute; */ width: 100%; left: 0; top: 0; padding: 60px; box-sizing: border-box; } .floor-content li { float: left; width: calc(50% - 120px); margin-top: 20px; margin-left:90px; /*text-align: center;*/ border-radius: 5px; } .floor-content li:nth-child(2n) { float: right; } .floor-content li a { color: #fff; overflow: hidden; display: inline-block; text-align: left; } .floor-content li a img { width: 30px; } .floor-content li a span { float: left; margin-top: 7px; } .floor-content li div { float: left; width: calc(100% - 50px); margin-left: 20px; } .in_title8 { text-align: center; margin-top: 30px; } .p1, .p2 { font-size: 25px; font-weight: 600; } .p3 { display: block; } .proCase { margin-top: 50px; padding-bottom: 20px; } .proCase li { overflow: hidden; } .proCase li:hover img { transform: scale(1.3); transition: 1s; } .proCase li img { width: 100%; transition: 1s; } .floor_8_main .inner { overflow: hidden; } .floor_8_main li { border: 1px solid #1158D6; } .advantage{padding-bottom: 60px;padding-top: 50px;} .advantage .title{text-align:center;} .advantage .title div{position: relative;display: inline-block;padding: 0 60px;padding-bottom: 8px;} .advantage .title div:before,.title div:after{content:"“";position: absolute;top: 0;left: 0;font-family: impact;color: #5e5e5e;font-size: 155px;line-height: 125px;height: 45px;display: inline-block;} .advantage .title div:after{content:"”";top: auto;bottom: 0;left: auto;right: 0;} .advantage .title h3{color: #3f3f3f;font-size: 40px;line-height: 60px;font-weight: bold;} .advantage .title h3 span{color: #1158d6;} .advantage .title p{color:#787878; font-size:16px} .advantage ul{padding-top: 100px;} .advantage ul li{float: left;position: relative;width: 276px;height: 231px;border: 2px solid #b1b1b1;margin-right: 20px;text-align:center;} .advantage ul li a{padding: 90px 25px 35px 25px;display:block;cursor: pointer;} .advantage ul li a .img{position: absolute;top: -72.5px;left: 50%;margin-left: -72.5px;display: block;width: 115px;height: 115px;background: #555;border: 15px solid #fff;border-radius: 50%;} .advantage ul li a .img img{position: relative;width: 85px;height: 85px;display: block;padding: 15px;z-index: 2;transition: all 1s;} .advantage ul li a .img:after{content: " ";position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;-webkit-transform: scaleX(0) scaley(0);transform: scaleX(0) scaley(0);border-radius: 50%;transition: all .5s;} .advantage ul li a h3{color: #333;font-size: 21px;font-weight: bold;line-height: 30px;} .advantage ul li a span{color: #999;font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 28px;display: block;} .advantage ul li a p{color: #666;font-size: 13px;line-height: 28px;margin-top: 20px;} .advantage ul li:hover .img:after{background: #1158d6;opacity: 1;-webkit-transform: scaleX(1.01) scaley(1.01);transform: scaleX(1.01) scaley(1.01);} .i_about { background: #eee; overflow: hidden; margin-top: 50px; padding-bottom: 50px; } .i_about p { margin-top: 20px; } .i_search_tit { margin: 20px 0; } .i_about_tit { text-align: center; margin-bottom: 30px; } .i_about_sub { position: relative; overflow: hidden; } .i_about_con { width: 90%; background: #1158D6; overflow: hidden; } .i_about_con h2 { margin-top: 100px; color: #fff; margin-left: 30px; } .i_about_con p { color: #fff; width: 60%; margin-left: 30px; } .i_about_con span { display: block; margin-bottom: 100px; color: #fff; margin-left: 30px; } .i_about_con a { color: #fff; } .i_about_img { width: 500px; position: absolute; top: 45px; right: 0; } .i_about_img li { float: left; width: 49%; } .i_about_img li:nth-child(2n) { float: right; } .i_about_img li img { width: 100%; } .i_pro { padding: 20px 0; } .i_pro .inner { background: #fff; overflow: hidden; } .in-prd-cate { padding: 0 20px; } .i_pro_sub { width: 100%; } .tit { text-align: center; color: #1158D6; font-size: 34px; font-weight: 600; margin-top: 40px; width: 100%; margin-bottom: 20px; } .tit>p{ display:inline-block; color:#000; } .i_title1{ font-size:38px; color:#333333; font-weight:bold; line-height:65px; text-align:center;margin-top:90px;} .i_title1 span{ font-size:38px; color:#1158D6;} .i_title2{ font-size:16px; color:#787878; line-height:35px; text-align:center;} .i_title2 *{ color:#787878; line-height:35px;} .i_title_img{ display:block; margin:0 auto; margin-top:5px;} .i_d1_l{ float:left; width:260px; border:#ebebeb 1px solid;} .i_d1_l .i_d1_l_title{ height:60px; line-height:60px; background:#1158D6; padding-left:25px; font-size:24px; color:#ffffff; position:relative;} .i_d1_l .i_d1_l_title span{ position:absolute; left:155px; top:15px; font-family:Gabriola; line-height:40px;} .in-prd-cate dl { margin: 0; padding: 20px 10px; width: calc(30% - 20px); float: left; background: #1158D6; margin-right: 5%; border-radius: 10px; } .in-prd-cate dl:last-child { margin-right: 0; } .in-prd-cate dl a { color: #fff; } .in-prd-cate dd { margin-top: 20px; } .in-prd-cate dd a { font-size: 12px; } .i_pro_list { overflow: hidden; padding: 20px; box-sizing: border-box; } .i_pro_list li { float: left; width: 24%; border: 1px solid #1158D6; box-sizing: border-box; margin-top: 20px; text-align: center; margin-right: calc(4% / 3); border-radius: 10px; overflow: hidden; transition: 1s; height: 320px; } .i_pro_list li:hover { border-top: 3px solid #07529c; border-left: 3px solid #0f59d6; border-right: 3px solid #FF5943; border-bottom: 3px solid #1158D6; transition: 1s; } .i_pro_list li:nth-child(4n) { margin-right: 0; \ } .i_pro_list li img { width: 100%; transition: 1s; } .i_pro_list li:hover img { width: 100%; margin-top: -30px; transition: 1s; } .index-c4 { padding-top: 130px; } .index-c4 ul { overflow: hidden; } .index-c4 ul li { position: relative; } .index-c4 ul li .wz { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 131, 0, 0.9); color: #fff; opacity: 0; transition: 1s; } .index-c4 ul li:hover .wz { opacity: 1; transition: 1s; } .index-c4 ul li .wz h3, .index-c4 ul li .wz p { margin-left: 20px; } .index-c4 ul li img { width: 100%; } .index-c4 ul>div { overflow: hidden; } .index-c4 ul>div>div { float: left; width: 33%; height: 195px; background: #fff; color: #000; padding-left: 20px; box-sizing: border-box; } .index-c4 ul>div>div p {} .index-c4 ul>div>div i { display: block; background: #008072; width: 50px; height: 10px; margin-top: 20px; } .index-c4 ul>div>div span { display: inline-block; background: #FF5943; color: #fff; margin-top: 30px; padding: 10px 20px; } .index-c4 ul>div:first-child li { width: 30%; float: left; margin-left: 3%; } .index-c4 ul>div:last-child { margin-top: 30px; } .index-c4 ul>div:last-child li { width: 48.5%; float: left; margin-right: 3%; } .index-c4 ul>div:last-child li:last-child { margin: 0; } .iareas .areasbox { overflow: hidden; padding-bottom:30px; } .iareas .areasbox a { width: 32%; float: left; margin-right: 2%; text-align: center; margin-top: 20px; } .iareas .areasbox a:nth-child(3n) { margin-right: 0; } .iareas .areasbox a img { width: 100%; display: block; } .iareas .areasbox a li { position: relative; overflow: hidden; } .iareas .areasbox a li::after { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; content: ''; transition: 1s; } .iareas .areasbox a li p { position: absolute; width: 60%; height: 60%; border: 3px solid #fff; top: 0; left: 0; right: 0; bottom: 0; margin: auto; color: #fff; line-height: 111px; z-index: 99; border-radius: 5px; transition: 1s; } .iareas .areasbox a li:hover::after { opacity: 0; transition: 6s; } .iareas .areasbox a li:hover p { top: -200%; transition: 3s; border-top: 3px solid #1158D6; border-right: 3px solid #FF5943; border-bottom: 3px solid #d90f14; border-left: 3px solid #008072; } .i_tit { text-align: center; margin-top: 20px; } .i_tit a { color: #1158D6; font-size: 40px; font-weight: 800; } .news_hot { overflow: hidden; background: #eee; padding-bottom: 30px; } .news_hot ul li { float: left; width: 45%; background: #fff; margin-top: 30px; margin-left: 5%; border-radius: 10px; position: relative; overflow: hidden; } .newspic{ float:left; width:90px; background:#ddd; position:absolute; left:0; top:0; height:100%; } figcaption{ float:left; width:calc(100% - 100px); margin-left:100px; } .newspic h3{ font-size:24px; text-align:center; margin-top:60px; } figcaption h3{ font-size:16px; font-weight:600; } figcaption p{ margin:10px 0; font-size: 13px; } .newspic p{ text-align:center; } .news_hot ul li:hover { background: #1158D6 } .news_hot ul li::after { content: ''; display: block; width: 0; height: 0; border-top: 5px solid #fff; border-left: 5px solid #008072; transition: 1s; position: absolute; left: 0; top: 0; } .news_hot ul li:hover::after { width: 100%; height: 100%; transition: 1s; } .news_hot ul li::before { content: ''; width: 0; height: 0; border-bottom: 5px solid #fff; border-right: 5px solid #008072; transition: 1s; position: absolute; right: 0; bottom: 0; } .news_hot ul li:hover::before { width: 100%; height: 100%; transition: 1s; } .controlArrow { display: none; } .news_hot ul li:hover a { color: #fff; } .news_hot ul li img { display: none; } .news_list ul { overflow: hidden; } .news_list li { width: 50%; float: left; height: 222px; border-bottom: 1px solid #eee; padding-bottom: 30px; } .news_list li a { width: 95%; display: block; } .i_bottom { max-width: 100%; margin: 0px auto 0; height: 219px; padding: 20px 0; background: #1158D6; } .i_bottom1 { max-width: 100%; margin: 0px auto 0; height: 219px; padding: 45px 0; background: #1158D6; } .i_bottom_sub { width: 1200px; margin: 0 auto; } .link { width: 1200px; float: left; border-radius: 5px; } .link h2, .foot_type h2 { color: #FFF; font-size: 18px; } .link ul {} .link ul li { float: left; /*padding-right: 70px; border-bottom: 1px dashed #FFF;*/ margin-left: 110px; height: 40px; line-height: 40px; } .link ul li:nth-child(6), .link ul li:nth-child(7), .link ul li:nth-child(5), .link ul li:nth-child(8) {} .link ul li a { color: #FFF; } .foot_logo { width: 500px; float: left; margin-left: 0px; background: url(../image/foot.png) no-repeat; height: 135px; margin-top: 40px; } .foot_type { width: 411px; float: left; margin-top: 20px; } .foot_type ul { margin-top: 10px; } .foot_type ul li { float: left; width: 420px; margin-right: 50px; /*border-bottom: 1px dashed #FFF;*/ height: 30px; line-height: 40px; } .foot_type ul li a { color: #FFF; } .foot_type>div:first-child { float: left; width: 200px; } .foot_type>div:first-child p { writing-mode: horizontal-tb; word-wrap: break-word; width: 20px; float: left; color: #efefef; font-size: 20px; margin-left: 90px; margin-top: 26px; } .foot_type>div:last-child { float: left; width: 690px; background: #111; height: 300px; } .foot_type>div:last-child img { width: 208px; float: left; margin-top: 46px; margin-left: 31px; } .foot_type>div:last-child>div { float: left; width: calc(78% - 130px); margin-left: 30px; color: #fff; } .foot_type>div:last-child>div>div { overflow: hidden; margin-top: 5px; line-height: 29px; } .foot_type>div:last-child>div>div>p { float: left; } .foot_type>div:last-child>div>div>div { float: left; width: 90%; } .footer { max-width: 1920px; color: #ffffff; height: 30px; line-height: 30px; padding: 10px 0; background: #d90f14; text-align: center; bottom: 0; left: 0; width: 100%; } .foot_type>div:last-child>div>div>div i { font-style: normal; display: block; margin-top: 3px; } .foot_img { -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.1))); width: 201px; float: right; margin-top: 30px; margin-right: -100px; } .footer { max-width: 100%; color: #1158D6; height: 30px; line-height: 30px; padding: 10px 0; background: #f0f0f0; text-align: center; } .footer a { color: #1158D6; } .foot_sub { display: none; } .foot_img img { width: 50%; } .ewmtext { color: #fff; } .toolbar { width: 80px; position: fixed; right: 1% !important; top: 44%; z-index: 999; } .toolbar dd { width: 80px; height: 80px; margin-bottom: 1px; position: relative; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 4px; border: #ebebeb solid 1px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 0; } .toolbar dd i { width: 80px; height: 80px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; margin: 0; } .toolbar dd i span { width: 80px; height: 53px; display: block; margin: 8px 0 0 8px; background: url(../image/rightfixicon.png) no-repeat 0 0; float: none; } .toolbar dd.gottop { display: none; } .toolbar .slide-tel { display: block; width: 0; height: 80px; line-height: 80px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 80px; top: -1px; right: -2px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; margin-top: 0; } .toolbar .pop { position: absolute; right: 90px; top: -65px; background: #1158D6; display: none; } .toolbar .pop-code { width: 160px; } .toolbar .pop-code img { width: 120px; height: 120px; display: block; padding: 20px 20px 0; } .toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap; } .toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; } .toolbar .qq span { background-position: -22px -40px; } .toolbar .qq img { background-position: -22px -40px; width: 50px; height: 50px; } .toolbar .xh img { background-position: -22px -40px; width: 50px; height: 50px; } .toolbar .qq a { width: 80px; height: 80px; cursor: pointer; display: block; } .toolbar .qq:hover { background-color: #1158D6; border-radius: 100%; } .toolbar .qq:hover span { background-position: 0 -47px; } .toolbar .tel1 span { background-position: -24px 0; } .toolbar .tel1:hover { background: #1158D6; } .toolbar .tel1:hover span { background-position: 0 0; } .toolbar .code span { background-position: -33px -90px; } .toolbar .code:hover { background-color: #1158D6; border-radius: 100%; } .toolbar .code:hover span { background-position: 0 -95px; } .toolbar .foot_top span { background-position: -35px -142px; } .toolbar .foot_top:hover { background-color: #1158D6; border-radius: 100%; } .toolbar .foot_top:hover span { background-position: 0 -142px; } .toolbar dd:hover {} .foot_top { background: #fff; } /*新闻中心*/ .main { overflow: hidden; background: #ffffff; } .crumb { margin-top: 20px; } .sidebar { text-align: center; } .sidebar ul { display: inline-block; overflow: hidden; } .sidebar li { float: left; background: #fff; padding: 10px 20px; margin-right: 20px; } .sidebar1 { overflow: hidden; margin-top: 30px; } .sidebar1>div { float: left; } .sidebar1>ul { float: left; } .sidebar1 li { float: left; } .news { margin-bottom: 60px; /*margin-top: 80px;*/ } .news li { width: 100%; float: none; background: #f9f9f9; padding: 10px; margin-top: 20px; box-sizing: border-box; border: transparent 1px solid; } .news li:hover { border: 1px solid #1158D6; background:#1158D6; } .news li:hover a{ color:#fff; } .news li:hover .newLeftss p,.news li:hover .newLeftss span{ color:#fff; } .news li:hover .newLeftss{ background:#f27d00; } .news li:hover .span{ background:#f27d00; } .news li a { overflow: hidden; display: block; } .news h1 { font-size:24px; font-weight:400; border-bottom: 1px solid #eee; } .newLeftss { float: left; background: #E1EEF0; width: 100px; height: 100px; float: left; text-align: center; } .newLeftss p { color: #1158D6; font-size: 30px; text-align: center; font-weight: 900; margin-top: 20px; } .newLeftss span { color: #999; display: block; } .newRights { float: left; width: calc(100% - 250px); margin-left: 20px; } .newRights p:first-child { font-size: 20px; font-weight: 900; margin-bottom: 20px; } .news li>a>span { float: right; margin-right: 20px; background: #1158D6; color: #fff; padding: 10px 20px; margin-top: 20px; } .small-new { display: none; } .banner1 img { width: 100%; } /* 关于我们 */ .crumb { height: 35px; line-height: 35px; border: 1px solid #ddd; border-radius: 10px; padding-left: 15px; margin-bottom: 20px; } .crumb p { margin-right: 10px; color: #999; } .crumb p a { color: #999; } .sidebar { width: 100%; } .sidebar_list { background: #fff; border: 1px solid #dedede; border-top: none; padding: 5px 30px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-bottom: 15px; } .sidebar_listnew { background: none; border: none; } .sidebar_list li { height: 48px; line-height: 49px; transition: all 0.6s; overflow: hidden; border: 1px solid #ddd; } .sidebar_list li span { float: right; margin-right: 5px; } .sidebar_list li:hover { background: #1158D6; padding-left: 10px; } .sidebar_list li:hover a { color: #fff; } .sidebar_list li:hover span { color: #fff; } .sidebar_list li:last-child { /*border-bottom: none;*/ } .sidebar1 { width: 100%; margin-top: 20px; } .sidebar1_list { background: #fff; border: 1px solid #dedede; border-top: none; padding: 5px 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-bottom: 15px; } .sidebar1_list li { border-bottom: 1px dashed #dedede; line-height: 49px; transition: all 0.6s; float: none; } .sidebar1_list li span { float: right; margin-right: 5px; } .sidebar1_list li:hover { background: #1158D6; padding-left: 10px; color: #fff; } .sidebar1_list li:hover a { color: #fff; } .sidebar1_list li:hover span { color: #fff; } .sidebar1_list li:last-child { border-bottom: none; } .left_tit { width: 100%; height: 50px; text-align: center; line-height: 50px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .left_tit a { color: #FFF; font-size: 18px; font-weight: 600; } .first-bg { background: #1158D6; } .brand_cat li { width: 23%; height: 294px; float: left; overflow: hidden; background: #F8F8F8; border: 1px solid #F1F1F1; margin-left: 1%; } .brand_cat li:hover { background: #fff; box-shadow: 2px 5px 20px #ccc; } .brand_cat li img { width: 50%; margin-top: 10px; margin-right: 10px; float: right; } .right1 li img { width: 100%; margin-right: 0; float: none; } .brand_cat li>div { width: 100%; margin-top: 60px; } .brand_cat li>div>div:first-child { font-size: 26px; margin-left: 20px; } .brand_cat li>div>div:nth-child(2) { margin-left: 20px; font-size: 15px; margin-top: 10px; } .brand_cat li>div>div:nth-child(3) { margin-left: 12px; color: #666; font-size: 12px; } .right1 li { position: relative; } .right1 li>div { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: 1s; } .right1 li:hover>div { top: 0; transition: 1s; color: #fff; } .product_sub img { width: 73%; float: left; margin: 0; border: none; height: 100%; } .product_sub .product_sub_1 { width: 62%; float: left; margin: 0; border: none; } .product_sub>div { overflow: hidden; display: inline-block; } .product_sub table { margin-top: 20px; border: none; width: 100%; line-height: 30px; } .product_sub table tr { border: none; } .product_sub table tr:last-child { border: none; } .product_sub table tr td { border: none; text-align: center; } .product_sub table tr th { background: none; text-align: left; color: #666; } .product_sub table tr td:first-child { background: #898989; } .product_sub table tr td:last-child { background: #f4f4f4; } .brand ul { overflow: hidden; margin-bottom: 30px; } /*关于我们*/ .contact-2 { margin-left: -20px; margin-bottom: 40px; } .contact-2 li { float: left; width: 25%; } .contact-2 li .wrap { border: 1px solid #ddd; margin-left: 20px; text-align: center; padding: 20px; } .contact-2 li img { display: block; height: 50px; width: auto; margin: 0 auto; } .contact-2 li p { margin-bottom: 0; height: 60px; overflow: hidden; } .contact-1 { margin:30px 0 0 0; background-color: #f5f5f5; overflow:hidden; } .contact-1 dt { float: left; width: 440px; margin-top:50px; } .contact-1 dd { margin-left: 440px; padding: 10px 0px 0 50px; } .contact-1 dd h4 { margin: 0; font-weight: normal; font-size: 16px; color: #1158D6; } .contact-1 dd p { font-size: 16px; color: #666; line-height: 2; margin: 20px 0 0; } .contact-2 { margin-left: -20px; margin-bottom: 40px; overflow: hidden; } .contact-2 li { float: left; width: 25%; } .contact-2 li .wrap { border: 1px solid #ddd; margin-left: 20px; text-align: center; padding: 20px; } .contact-2 li img { display: block; height: 50px; width: auto; margin: 0 auto; } .contact-2 li p { margin-bottom: 0; height: 60px; overflow: hidden; } .xinghao { overflow: hidden; } .inf_lc { clear: both; padding: 5px 0 0; } .inf_lc li { padding: 8px 16px 0 16px; border: 1px solid white; border-radius: 8px; height: 300px; margin: 0 0 30px; background: #f9f9f9; float: left; width: 29%; text-align: center; } .inf_lc img { width: 100%; } .inf_lc li:hover { border-color: #1158D6; border-radius: 4px; } .inf_lc li.bg { background: #f5f5f5; } .inf_lc li h4 { padding: 35px 14px 5px 15px; text-align: center; float: left; width: 64px; overflow: hidden; } .inf_lc li h4 b { font-weight: 100; display: block; line-height: 36px; height: 36px; overflow: hidden; font-size: 28px; font-family: Arial; text-transform: uppercase; } .inf_lc li h4 span { font-weight: 100; display: block; line-height: 16px; height: 16px; overflow: hidden; font-size: 12px; font-family: Arial; text-transform: uppercase; color: #343434; } .inf_lc li p { padding: 0 0 0 14px; line-height: 26px; width: 100%; overflow: hidden; font-size: 14px; float: left; color: #666; } .inf_lc li p b { display: block; font-weight: 100; color: #1158D6; line-height: 30px; height: 30px; margin: 5px 0; font-size: 15px; } .inf_lc li p b a, .inf_lc li p b a:hover { color: #1158D6; font-weight: bold; } .inf_lc li p b a:hover { color: #1158D6; } .inf_lc li .fr { margin: 50px 0 0; width: 70px; height: 25px; line-height: 25px; text-align: center; color: #ffffff; background-color: #999; float: right; } .inf_lc li .fr:hover { background: #1158D6; } /* 型号 */ .xinghaoleft, .shili .left { float: left; width: 22%; margin-right: 3%; } .xinghaoleft li { float: none; } .xinghaoright, .shili .right { float: right; width: 74% !important; background: #FFF; min-height: 500px; padding: 12px 0%; } .types-sk { margin: 40px 0 50px; } .types-sk table { width: 100%; border: 1px solid #ccc; } .types-sk table tr:hover { background: #f7f7f7; } .types-sk table tr:nth-child(even) { background: #f5f5f5; } .types-sk table th { height: 50px; line-height: 50px; background: #f7f7f7; border-bottom: 1px solid #ccc; } .types-sk table td { height: 32px; line-height: 32px; text-align: center; font-weight: 600; } /* 分页样式 */ .pagination1-box { text-align: center; padding: 20px 0; } .pagination1-box .num { padding: 5px 16px; vertical-align: middle; border: 1px solid #ccc; } .pagination1 { vertical-align: middle; display: inline-block; padding: 0; margin: 0; } .pagination1 li { display: inline; } .pagination1 li a { color: black; float: left; padding: 5px 16px; text-decoration: none; } .pagination1 li a.active { background-color: #0f59d6; color: white; } .pagination1 li a:hover:not(.active) { background-color: #ddd; } .pagination { text-align: center; clear: both; } .pagination li { display: inline-block; margin-right: -1px; padding: 5px; border: 1px solid #e2e2e2; min-width: 20px; text-align: center; } .pagination li.active { background: #1158D6; color: #fff; border: 1px solid #1158D6; } .pagination li a { display: block; text-align: center; } .news_con img { width: 100%; } .search_con { background: #f1f1f1; height: 110px; margin-top: 20px; } .search_con ul { text-align: center; width: 460px; margin: 0 auto; } .search_con ul li { float: left; /*padding-left:18px;*/ line-height: 45px; } .search_con ul li:first-child { float: none; color: #0c3869; font-size: 16px; font-weight: 600; } .pro_content { clear: both; padding: 10px; } .pro_content img { display: block; margin: 10px auto; width: 635px; float: none; } .pro_tuijian { margin-top: 10px; } .pro_tuijian li { width: 33%; float: left; height: 35px; line-height: 35px; overflow: hidden; } .product_con { margin-top: 20px; } .product_con h4 { width: 96%; padding: 0 2%; background: #1158D6; height: 40px; line-height: 40px; color: #FFF; border-radius: 10px; font-size: 15px; } .product_con p { font-size: 14px; line-height: 35px; text-indent: 2em; padding: 10px; } .product_con img { max-width: 800px; margin: 20px auto; } .product_con qq { width: auto; margin: 0; } .product_tuijian { margin-top: 20px; overflow:hidden; } .product_tuijian li { width: 29.333%; margin: 0 2%; float: left; height: 35px; line-height: 35px; overflow: hidden; } .subpart { margin: 20px 0; background: #1158D6; height: 40px; line-height: 40px; border-radius: 10px; color: #fff; } .subpart p { width: 44%; padding: 0 2%; margin-right: 4%; overflow: hidden; float: left; } .subpart p:last-child { margin-right: 0; } .subpart a { color: #fff; } .z3 { padding-top: 50px; padding-bottom: 65px; } .z3Box {width: 1200px; margin: 0 auto; margin-top: 80px; height: 1156px; position: relative; } .ad { width: 519px; position: absolute; } .ad h2 { padding-left: 95px; font: bold 22px/40px "微软雅黑"; color: #0f58d6; height: 74px; background: url(../image/ad1.png) left center no-repeat; } .ad h2 span { display: block; font: 12px/1.3 "微软雅黑"; color: #0f58d6; } .z3T { font: 16px/40px "微软雅黑"; color: #000; margin-top: 10px; padding-left: 24px; } .z3T p:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #8b8b8b; margin-left: 7px; margin-right: 10px; vertical-align: middle; } .z3T:nth-of-type(1) p:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #8b8b8b; vertical-align: middle; margin-left: -20px; margin-right: 14px; } .ad2 { left: 625px; top: 300px; } .ad2 h2 { background-image: url(../image/ad2.png); } .ad3 { top: 620px; } .ad3 h2 { background-image: url(../image/ad3.png); } .ad4 { left: 625px; top: 940px; } .ad4 h2 { background-image: url(../image/ad4.png); } .mg1 { position: absolute; right: -30px; } .mg2 { position: absolute; left: -10px; top: 290px; } .mg3 { position: absolute; left: 625px; top: 560px; } .mg4 { position: absolute; bottom: 0; } .black { text-align: center; font: 600 45px/1 "微软雅黑"; color: #0f58d6; } .black span { display: block; font: 20px/50px "微软雅黑"; color: #000000; background: url(../image/hh.png) center no-repeat; } .z3T { font: 16px/40px "微软雅黑"; color: #000; margin-top: 10px; padding-left: 24px; } .z3T p:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #8b8b8b; margin-left: 7px; margin-right: 10px; vertical-align: middle; } .z3T:nth-of-type(1) p:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #8b8b8b; vertical-align: middle; margin-left: -20px; margin-right: 14px; } .section.table, .slide.table { padding-bottom: 30px; } .dibu { background: #1158D6; } .xinwen { background: #eee; } .beijing { background: url("../img/youshi.jpg"); } .inner-company-fir{ background: #f4f6fa; } .inner-company-fir .con .text{ /*float: left;*/ width: 100%; } .inner-company-fir .con .text .title{ font-weight: bold; font-size:20px; color:#333333; padding-left:35px; margin-bottom: 3%; background: url("../images/douhao.png") no-repeat left top; text-align: justify; } .inner-company-fir .con .text .des{ font-size: 15px; line-height: 33px; color: #666666; text-align: justify; } .inner-company-fir .con .imgbox{ float: right; width: 48%; height: 600px; position: relative; } .inner-company-fir .con .imgbox .swiper-container{ width: 100%; height: 100%; } .inner-company-fir .con .imgbox .pic{ width: 100%; height: 100%; position: relative; overflow: hidden; } .inner-company-fir .con .imgbox .but{ position: absolute; width: 260px; height: 60px; background: #1158D6; bottom:-82px; left: 0; z-index: 2; } .inner-company-fir .con .imgbox .swiper-button-next{ right:9%; } .inner-company-fir .con .imgbox .swiper-button-prev{ left:9%; } .inner-company-fir .con .imgbox .but .anniu:after{ font-size:22px; } .inner-company-fir .con .imgbox .swiper-pagination{ bottom:initial; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color:#fff; font-size:20px; z-index: 1; } .inner-company-fir .con .imgbox .swiper-pagination span{ font-size:16px; display: initial; margin:0 13px; } .inner-company-fir .con .imgbox .swiper-pagination .swiper-pagination-total{ font-weight: bold; font-size:22px; } .inner-company-fir .shuzi-item{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 5%; } .inner-company-fir .shuzi-item .list{ width: 30.5%; height: 200px; background: #fff; border-radius: 60px 0 60px 0; display: flex; align-items: center; } .inner-company-fir .shuzi-item .list .inner{ width: 100%; display: flex; align-items: center; justify-content: center; } .inner-company-fir .shuzi-item .list .icon{ width: 80px; height: 80px; border-radius: 100%; background: #1158D6; position: relative; margin-right: 40px; } .inner-company-fir .shuzi-item .list .icon img{ filter:brightness(1000%) grayscale(1000%); } .inner-company-fir .shuzi-item .list .text .t1{ display: flex; align-items: baseline; justify-content:left; font-size:60px; color:#1158D6; font-weight: bold; } .inner-company-fir .shuzi-item .list .text .t2{ font-size:16px; color:#333333; } .inner-company-fir .shuzi-item .list:hover{ background: #1158D6; } .inner-company-fir .shuzi-item .list:hover .icon{ background: #fff; } .inner-company-fir .shuzi-item .list:hover .icon img{ filter:inherit; } .inner-company-fir .shuzi-item .list:hover .text .t1{ color:#fff; } .right{ overflow:hidden; } .inner-company-fir .shuzi-item .list:hover .text .t2{ color:#fff; } .inner-company-sec .item{ height: 470px; border:1px solid #dcdcdc; } .inner-company-sec .item .list{ width: 20%; height: 100%; float: left; border-right:1px solid #dcdcdc; } .inner-company-sec .item .list:last-child{ border-right:none; } .inner-company-sec .item .list .con{ height: 100%; } .inner-company-sec .item .list.act{ width: 60%; } .inner-company-sec .item .list .imgbox{ width: 0; height: 100%; float: left; overflow: hidden; display: none; } .inner-company-sec .item .list.act .imgbox{ width: 70%; display: block; } .inner-company-sec .item .list .text{ float: left; width: 100%; height: 100%; position: relative; overflow: hidden; } .inner-company-sec .item .list.act .text{ width: 30%; } .inner-company-sec .item .list .text .pic{ width: 100%; height: 100%; position: relative; z-index: 1; } .inner-company-sec .item .list .text .pic img{ } .inner-company-sec .item .list .text .wenxi{ position: absolute; width: 100%; height: 100%; z-index: 2; left:0; top:0; display: flex; align-items: center; text-align:center; background: rgba(255,255,255,0.72); } .inner-company-sec .item .list .text .wenxi .inner{ width: 100%; padding:0 3%; } .inner-company-sec .item .list .text .wenxi .title{ font-size:30px; font-weight: bold; color:#333333; letter-spacing: 2px; position: relative; display: inline-block; margin-bottom: 57%; } .inner-company-sec .item .list .text .wenxi .line{ font-size:11px; font-weight: bold; color:#ffffff; } .inner-company-sec .item .list .text .wenxi .title:after{ content:""; position: absolute; left:2px; bottom:-4px; background: #333333; width: 30px; height: 3px; } .inner-company-sec .item .list .text .wenxi .icon{ width: 80px; height: 70px; margin:0 auto; position: relative; } .inner-company-sec .item .list .text .wenxi .icon .img2{ opacity: 0; } .inner-company-sec .item .list.act .text .wenxi{ background: #1158D6; } .inner-company-sec .item .list.act .text .wenxi .title:after{ display: none; } .inner-company-sec .item .list.act .text .wenxi .title{ color:#fff; margin-bottom: 22%; } .inner-company-sec .item .list.act .text .wenxi .icon .img2{ opacity: 1; } .inner-company-sec .item .list.act .text .wenxi .icon .img1{ opacity: 0; } .inner-company-thr .factlunbo .swiper-slide .imgbox{ width: 100%; height: 432px; position: relative; overflow: hidden; } .inner-company-thr .factlunbo .swiper-slide:hover .imgbox img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .inner-company-thr .factlunbo .swiper-button-next{ right: 0; } .inner-company-thr .factlunbo .swiper-button-prev{ left: 0; } .inner-company-thr .factlunbo .but_fang{ margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .inner-company-thr .factlunbo .swiper-slide .imgbox .shuzi{ width: 48px; line-height: 48px; background: #fff; position: absolute; right:0; bottom:0; font-size:30px; color:#1158D6; z-index: 2; font-style: italic; font-weight: bold; text-align:center; } .inner-pro-list{ float: left; width: 25%; padding:0 1%; margin-bottom: 2%; } .alltitle{ text-align:center; margin-bottom: 5%; margin-top:60px; } .alltitle .en{ font-family: Arial; font-size:60px; color:#e6e6e6; text-transform: uppercase; font-weight: bold; line-height: 52px; } .alltitle .fir{ font-size:40px; color:#333333; font-weight: bold; margin-top: -35px; } .alltitle .fir span{ color:#1158D6; } .alltitle .sec{ font-size:16px; color:#333333; margin-top: 25px; } .protype{ margin-bottom: 2%; } .protype .item{ border:1px solid #e9ecf4; } .protype .item .list{ float: left; width: 16.66666%; position: relative; height: 180px; text-align:center; border-left:1px solid #e9ecf4; overflow: hidden; } .protype .item .list:first-child{ border-left:none; } .protype .item .list .bg{ position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: 1; opacity: 0; } .protype .item .list .text{ position: relative; z-index: 2; height: 100%; padding: 0 3%; } .protype .item .list .text .inner{ width: 100%; margin-top: 20%; } .protype .item .list .text .icon{ width: 100%; height: 60px; position: relative; } .protype .item .list .text .title{ font-size:16px; color:#666666; margin-top: 14%; } .protype .item .list:hover .bg{ opacity: 1; } .protype .item .list:hover .text .title{ color:#fff; } .protype .item .list:hover .text .icon img{ filter:brightness(10000%) grayscale(1000%); } .inner-company-sec .item .list{ width: calc(40% / 5); height: 100%; float: left; border-right:1px solid #dcdcdc; box-sizing:border-box; transtion:1s; cursor: pointer; } .inner-company-sec .item .list:last-child{ border-right:none; } .inner-company-sec .item .list .con{ height: 100%; } .inner-company-sec .item .list:hover{ width: 60%; transition:1s; } .inner-company-sec .item .list .imgbox{ width: 0; height: 100%; float: left; overflow: hidden; display: none; } .inner-company-sec .item .list:hover .imgbox{ width: 70%; display: block; } .inner-company-sec .item .list .text{ float: left; width: 100%; height: 100%; position: relative; overflow: hidden; } .inner-company-sec .item .list:hover .text{ width: 30%; } .inner-company-sec .item .list .text .pic{ width: 100%; height: 100%; position: relative; z-index: 1; } .inner-company-sec .item .list .text .pic img{ } .inner-company-sec .item .list:hover .text .wenxi{ background: #1158D6; } .inner-company-sec .item .list:hover .text .wenxi .title:after{ display: none; } .inner-company-sec .item .list:hover .text .wenxi .title{ color:#fff; margin-bottom: 22%; } .inner-company-sec .item .list:hover .text .wenxi .icon .img2{ opacity: 1; } .inner-company-sec .item .list:hover .text .wenxi .icon .img1{ opacity: 0; } .types-sk table tr:first-child th{ background:#ddd; } .inner-company-sec{ width:1200px; margin:auto; padding:30px; } .inner-case-list{ float: left; width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 2% 3%; background: #fff; } .inner-case-list .time{ line-height: 40px; font-size: 22px; color: #777; } .inner-case-list .imgbox{ width: 100%; height: 250px; overflow: hidden; position: relative; margin: 2% 0 8% 0; } .inner-case-list .title{ font-size:16px; color:#333; } .inner-case-list .con{ font-size:14px; color:#666; margin-top: 3%; } .inner-case-list span{ display: inline-block; line-height: 35px; padding: 0 11%; font-size: 14px; color: #666; border: 1px solid #999; border-radius: 40px; margin-top: 4%; } .inner-case-list:hover{ box-shadow: rgba(0,0,0,0.3) 0px 6px 15px; } .inner-case-list a{ display: block; } .inner-case-list:hover a{ transform: translate3d(0,-10px,0); } .inner-con-fir{ background: #f4f6fa; } .inner-con-fir .con{ width: 100%; height: 550px; border-radius: 12px; overflow: hidden; box-shadow: 0 0 12px rgb(0 0 0 / 10%); } .inner-con-fir .con .lxbox{ float: left; width: 63%; height: 100%; background: #fff; display: flex; align-items: center; } .inner-con-fir .con .lxbox .inner{ width: 100%; padding:0 9%; } .inner-con-fir .con .lxbox .tbox{ margin-bottom: 9%; } .inner-con-fir .con .lxbox .tbox .t1{ font-weight: bold; color:#1158d6; font-size:30px; letter-spacing: 1px; } .inner-con-fir .con .lxbox .tbox .t2{ text-transform: uppercase; color:#999999; font-size:12px; } .inner-con-fir .con .lxbox .pboxout .pbox{ float: left; font-size:16px; color:#333; } .inner-con-fir .con .lxbox .pboxout .pbox p{ margin-bottom: 9%; } .inner-con-fir .con .lxbox .pboxout .pbox p:last-child{ margin-bottom: 0; } .inner-con-fir .con .lxbox .pboxout .pbox p span{ color:#999; text-align-last: justify; display: inline-block; width: 92px; } .yunu-section{ margin-top:30px; margin-bottom: 30px; } .inner-con-fir .con .lxbox .pboxout .erbox{ float: left; width: 180px; margin-left: 16%; } .inner-con-fir .con .lxbox .pboxout .erbox p{ font-size:16px; color:#999; } .inner-con-fir .con .lxbox .pboxout .erbox .imgbox{ width: 100%; } .inner-con-fir .con .lxbox .pboxout .erbox .imgbox img{ width: 100%; } .inner-con-fir .con .telbox{ float: left; width: 37%; height: 100%; background: #1158D6; display: flex; align-items: center; } .inner-con-fir .con .telbox .inner{ width: 100%; padding:0 7%; } .inner-con-fir .con .telbox .t{ font-size:25px; color:#fff; margin-bottom: 3%; font-weight: bold; } .inner-con-fir .con .telbox .t1{ font-size:16px; font-weight: lighter; margin-bottom: 17%; color:#fff; } .inner-con-fir .con .telbox .t11{ margin-bottom: 10px; } .inner-con-fir .con .telbox .t111{ margin-bottom: 0; margin-top: 18%; } .inner-con-fir .con .telbox .t2{ font-size:20px; font-weight: bold; color:#fff; } .inner-con-fir .con .telbox .t2 span{ font-weight: lighter; } .inner-con-fir .con .telbox a{ color:#fff; } .wrap{ width:1370px; margin:0 auto;} .mal{ background:url(../image/al_bj.jpg) no-repeat top; padding:50px 0; margin-bottom:50px; margin-top:60px;} .mal .m1t,.mal .m1t p{ color:#fff;} .marquee2 {overflow: hidden; width: 100%; height: 287px; margin-bottom:50px;} .marquee2 ul {float: left; overflow: hidden; height: 260px;margin-top:28px;} .marquee2 ul li { float: left; display:inline; margin: 0px 20px 0px; width: 280px; height: 260px; text-align: center; position:relative;} .marquee2 ul li a img {} .marquee2 ul li .p1{ color:#333; text-align:left; height:42px; padding:10px 20px 0; overflow:hidden; background-color:#fff;} .marquee2 ul li .gd{ float:right; border:1px #333 solid; padding:0 10px; height:20px; line-height:20px; font-size:12px; margin-top:5px;} .malgd{ -moz-box-shadow:0px 10px 20px #D33518; -webkit-box-shadow:0px 10px 20px #2C3745; box-shadow:0px 10px 20px #2C3745; width:120px; height:30px; line-height:30px; border-radius:20px; margin:0 auto; background-color:#fff;} .malgd a{ display:block; width:65%; margin:0 auto; background:url(../image/malico.png) no-repeat right center;} .imgZoom { overflow:hidden; } .imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; display:block;max-width:100%;} .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .mat{ text-align:center; margin-bottom:10px;margin-top:30px;} .mat h2{font-size: 44px;font-weight:600;line-height: 65px;} .mat h2 span{ color:#2b3e4e;} .mat p{line-height: 60px;font-size: 18px;/* margin-top:10px; */} .mat div{ width:30px; height:3px; background-color:#2b3e4e; margin:15px auto auto;} .mat1{ text-align:center; margin-bottom:10px;} .mat1 h2{font-size:34px; font-weight:600; color:#fff;margin:0;} .mat1 h2 span{ color:#ffffff;} .mat1 p{ font-size:14px; margin-top:10px; color:#fff;} .mat1 div{ width:30px; height:3px; background-color:#2b3e4e; margin:15px auto auto;} .nlimg{ margin-right:20px; float:left;} .m1t{ width:100%; height:100px;text-align:center; margin-bottom:20px; background:url(../images/m12.jpg) no-repeat center bottom;} .abstract { width: 1180px; height: 737px; background: #fff; margin: 0 auto; position: relative; } .abstract .fl { width: 358px; height: 430px; position: absolute; left: 0; top: 0; background: url(../image/about_fl_03.jpg) no-repeat center; } .abstract .fl h3 { position: absolute; left: 85px; top: 185px; } .abstract .fl h3 a { font-size: 32px; color: #0f58d6; font-weight: bold; } .abstract .fl p {line-height: 30px; font-size: 18px; font-weight: bold; color: #585757; margin-top: 2px; } .abstract .fr { width: 755px; height: 462px; float: right; margin-right: 20px; position: relative; } .abstract .fr h3 a { height: 40px; line-height: 40px; font-size: 18px; color: #545454; font-weight: bold; } .abstract .fr p {overflow: hidden; height: 150px; line-height: 30px; font-size: 14px; color: #a7a1a1; margin-bottom: 20px; } .abstract .fr a.zx { width: 200px; height: 37px; line-height: 37px; border: 1px solid #bfbfbf; display: block; text-align: center; font-size: 14px; color: #333333; } .abstract div.pic { width: 904px; height: 338px; position: absolute; left: 258px; top:205px; } .abstract div.pic img { width: 904px; height: 338px; } .partner { width: 100%; padding: 40px 0 0 0; } .part_tit { width: 1180px; margin: 0 auto; } .part_tit h3 { text-align: center; height: 40px; line-height: 40px; background: url(../images/h3_bg_03.png) no-repeat 50% 19px; } .part_tit h3 a { font-size: 34px; font-weight: bold; color: #0f58d6; } .part_tit span { width: 1180px; height: 40px; line-height: 40px; font-size: 30px; color: #666666; font-weight: bold; display: block; text-align: center; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; } .partner .show { width: 1180px; margin: 0 auto; position: relative; } .fl { float: left;} .hbox{height: 295px;margin:0 auto; margin-top: 57px;width:1200px;} .hul{ } .hul li{border: 1px solid #dedede; margin: 0 9px 9px 0; position: relative; background: #0d55d8; box-sizing: border-box;} .hul li:nth-child(5n){margin-right: 0;} .hul li a.img{display: block;} .hul li a.img img{width: 230px;height: 230px;display: block;} .hul li .bj1{display: block;position: absolute;text-align: center; bottom: 45px;left: 0;width: 100%;height: 100%;line-height: 96px;color: #ffffff;font-size: 20px; } .hul .box-content { -webkit-perspective: 1000px; perspective: 1000px; border-radius: inherit;} .hul li .content-be { height: 100%; -webkit-transform: translateZ(70px) scale(0.86); -moz-transform: translateZ(70px) scale(0.86); -o-transform: translateZ(70px) scale(0.86); transform: translateZ(70px) scale(0.86); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .hul li a.img, .hul li .bj1{ z-index: 1; border-radius: inherit; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: inherit; perspective: inherit; -webkit-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); -moz-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); width: 230px;height: 96px; } .hul li a.img { height: inherit; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); width: 230px;height: 230px; display: block;} .hul li .bj1 { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);} .hul li:hover .img, .hul li:hover .bj1, .hul li:active .img, .hul li:active .bj1, .hul li:focus .img, .hul li:focus .bj1, .hul li.active .img, .hul li.active .bj1 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); -moz-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1); transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1);} .hul li:hover .img, .hul li:active .img,.hul li:focus .img,.hul li.active .img { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg);} .hul li:hover .bj1, .hul li:active .bj1, .hul li:focus .bj1{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .in_case { background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* background-image: url(../images/tm-rowbg-four.jpg)*/ } .in_case .inner { margin: 0 auto; width: 1300px; /* width: 100%; */ height: 100%; /* background: rgb(183 32 37); */padding: 25px 0 40px; } .in_case .title { text-align: center; color: #000; } .in_case .title h3 { display: block; font-size: 40px; padding: 0 0 10px; font-weight: bold; letter-spacing: 2px; color:#1158d6; } .in_case .title p { display: block; width: 750px; margin: 0 auto; font-size: 18px; padding: 20px 0; color: #000; } .in_case .cate_list { text-align: center; font-size: 16px; color: #fff; margin: 20px 0 40px } .in_case .cate_list a { color: rgba(255,255,255,0.8); position: relative; height: 30px; line-height: 30px; text-align: center; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } .in_case .cate_list a:after { content: ''; display: block; width: 0%; height: 1px; line-height: 1px; background: #fff; position: absolute; left: 50%; bottom: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } .in_case .cate_list a:hover { color: #fff } .in_case .cate_list a:hover:after { width: 100%; left: 0 } .in_case .cate_list h4 { display: inline-block } .in_case .cate_list h4 a { display: block; font-weight: bold; font-size: 16px } .in_case .cate_list ul { display: inline-block } .in_case .cate_list ul li { display: inline-block; margin: 0 10px } .in_case .cate_list ul li a { display: block; position: relative; padding: 0 10px 0 14px; font-size: 16px } .in_case .cate_list ul li a:before { content: ''; display: inline-block; width: 6px; height: 6px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #fff; position: absolute; left: 0px; top: 50%; margin-top: -3px } .in_case .list .row { margin: 0; overflow:hidden; } .in_case .list .row .item { padding: 0 } .in_case .list .row .item a { display: block; width: 100%; height: 300px; position: relative; overflow: hidden } .in_case .list .row .item a .txt { width: 101%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3 } .in_case .list .row .item a .txt b { display: block; text-align: center; color: #fff; width: 100%; height: 70px; line-height: 40px; font-size: 20px; position: absolute; left: 0; top: 50%; margin-top: 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } .in_case .list .row .item a .txt b:after { content: '\f055'; font-family: 'FontAwesome'; font-size: 30px; color: #fff; display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; opacity: 0; filter: alpha(opacity=0); transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } .in_case .list .row .item a .mask { width: 101%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s } .in_case .list .row .item a .mask:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .in_case .list .row .item a .img { width: 100%; height: 100%; overflow: hidden } .in_case .list .row .item a .img span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s } .in_case .list .row .item a:hover .txt b { margin-top: -35px; opacity: 1; filter: alpha(opacity=100) } .in_case .list .row .item a:hover .txt b:after { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); opacity: 1; filter: alpha(opacity=100) } .in_case .list .row .item a:hover .mask:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) } .in_case .list .row .item a:hover .img span { -webkit-transform: scale(1.07, 1.07); -moz-transform: scale(1.07, 1.07); -o-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07) } .col-xs-3{ width:25%; float:left; } @media (max-width: 720px) { .inner-company-fir .con .text,.inner-company-fir .con .imgbox{ width:100%; } .brand_about img { width: 100%; } .search_con ul { width: 100%; } .search_con ul li { width: 100%; } .search_con { height: 139px; } .crumb { margin: 10px; } .menu { display: none; } .nav-btn { position: fixed; top: 20px; right: 20px; z-index: 999999; } .nav-btn span { display: block; width: 30px; background: #1158D6; margin-top: 5px; height: 5px; border: 1px solid #fff; } .nav { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; } .nav ul { width: 100%; background: #1158D6; color: #fff; height: 90vh; overflow: hidden; } .nav ul li { margin-top: 10px; border-bottom: 1px solid #fff; padding-bottom: 10px; } .nav ul li a { color: #fff; } .foot_sub { height: 5rem; max-width: 750px; width: 100%; margin: 0 auto; background: #1158D6; position: fixed; bottom: 0; z-index: 999; display: block; } .xinghaoleft { display: none; } .floor_8_main { position: initial; } .foot_sub ul li { width: 25%; float: left; text-align: center; } .foot_sub ul li a { color: #FFF; } .foot_sub ul li span { display: block; font-size: 2.5rem; line-height: 3rem } .foot_sub ul li h3 { font-size: 1rem; line-height: 2rem } .inner { width: 100%; position:relative; } .top { font-size: 12px; margin-top: 10px; } .top span { float: none; } .header img { width: 100%; } .header_r { float: none; margin: 0 auto; display: block; text-align: center; display: none; } .hear { height: 119px; background: url(../img/header_bg_01.jpg) 100% 100%; } .banner { display: none; } .types-sk table th, .types-sk table td { display: none; } .types-sk table th:nth-child(1), .types-sk table th:nth-child(2), .types-sk table th:nth-child(3), .types-sk table th:nth-child(4), .types-sk table th:nth-child(5), .types-sk table th:nth-child(6), .types-sk table td:nth-child(1), .types-sk table td:nth-child(2), .types-sk table td:nth-child(3), .types-sk table td:nth-child(4), .types-sk table td:nth-child(5), .types-sk table td:nth-child(6) { display: table-cell; } .i_banner { display: block; } .i_banner img { width: 100%; } .i_search_form { display: block; } .i_search_form p { width: 50%; } .i_search_form input { margin: 10px auto; } .i_search_form p:last-child { width: 100%; position:absolute; top:-16px; right:0; } .i_search_form p:last-child input{ float:right; } .floor-content li { height: 190px; width:calc(50% - 20px); margin-left:20px; } .tit{ font-size:16px; } .i_about_img { position: relative; width: 100%; top: 0; } .i_about_con { width: 100%; } .index-c4 ul>div>div i { margin-left: calc(50% - 25px); } .i_about_con p { width: auto; } .in-prd-cate dl { width: calc(100% - 20px); margin-top: 10px; } .index-c4 ul>div>div { width: 100%; text-align: center; height: 150px; } .index-c4 ul>div:first-child li, .index-c4 ul>div:last-child li { width: 50%; margin: 0; } .index-c4 { padding-top: 20px; } .index-c4 ul>div:last-child { margin-top: 0; } .index-c4 ul li img { height: 143px; display: block; } .iareas .areasbox a { width: 49%; } .iareas .areasbox a:nth-child(2n) { margin-right: 0; } .iareas .areasbox a:nth-child(2n+1) { margin-right: 2%; } .iareas .areasbox a li p { line-height: 40px; } .news_hot ul li{ width: 100%; margin: 10px auto; } .news_list li a { margin: 0 auto; } .i_bottom { overflow: hidden; height: auto; } .i_bottom_sub { width: 100%; } .i_bottom_sub>div { width: 100%; } .link ul li { margin-left: 20px; } .foot_logo { background-size: 100% 100%; } .foot_type { margin-left: 30px; } .foot_img { text-align: center; margin-right:0; } .footer { height: auto; font-size: 12px; box-sizing:box-border; } .i_bottom1 { overflow:hidden; } .toolbar { display: none; } .part_tit,.part_tit span,.hbox{ width:100%; } .wh{ width:100%; } .hul{ overflow:hidden; } .hul li{ width:50%; margin:0; } .hbox,.liucheng .show ul,.liucheng .show{ height:auto; } .lc_tit,.liucheng .show ul,.wrap{ width:100%; } .liucheng .show ul li{ margin-left:0; } .abstract .fl{ display:none; } .abstract,.abstract div.pic img,.abstract div.pic{ width:100%; left:0; } .in_case .inner,.in_case .title p{ width:100%; } /*新闻*/ .max-new { display: none; } .small-new { display: block; } /* 轴承品牌 */ .brand_cat li { width: 49%; box-sizing: border-box; height: 181px; margin-top: 20px; } .right1 li img { margin-top: 0; } /* 新闻 */ .small-new .newLeftss { width: 100%; } .small-new .newLeftss p, .small-new .newLeftss span { float: left; } .small-new .newLeftss span { margin-top: 30px; margin-left: 10px; } .small-new .newLeftss span:last-child { float: right; margin-right: 20px; } .small-new .newLeftss { height: 81px; } .small-new .newRights { width: calc(100% - 40px); margin: 20px; } /* 实力 */ .xinghaoleft, .shili .left { width: calc(100% - 40px); margin: 20px; } .xinghaoright, .shili .right { width: calc(100% - 40px) !important; margin: 20px; } .inf_lc li { width: 49%; box-sizing: border-box; height: 181px; margin-top: 20px; } .sidebar_list li { box-sizing: border-box; width: 49%; float: left; margin-right: 1%; } .contact-1, .contact-1 dd, .contact-1 dd p, .contact-1 dt { width: calc(100% - 40px); margin: 20px; padding: 0; } .i_pro_list li { height: 250px; width:49%; margin-right:1%; } .contact-1 dt img { width: 100%; } .youshi1,.youshi2{ width:100%; } .youshi2,.youshi2>div:last-child{ margin-top:20px; } .types-sk { overflow-x: auto; } .types-sk table { width: 700px; } .inner-company-sec{ width:100%; padding:0; } .inner-con-fir .con .lxbox{ width:100%; height:50%; } .inner-con-fir .con .telbox{ width:100%; height:50%; } .inner-con-fir .con{ height:900px; } } /*轴承品牌*/ .floor_2 { position: relative; height: 640px; } .floor_2 .floor_2_main { } .floor_2 .floor_2_main .content { width:1300px; margin:0 auto; } .floor_2 .floor_2_main .content .advantagez { position: relative; height: 600px; margin-top: 50px; } .floor_2 .floor_2_main .content .advantagez .list { position: relative; z-index: 99; } .floor_2 .floor_2_main .content .advantagez .list .item { width: 350px; height: 100px; float: left; } .floor_2 .floor_2_main .content .advantagez .list .item>img{ display:none; } .floor_2 .floor_2_main .content .advantagez .list .item:hover>img{ display:block; } .advantagez:hover>img{ display:none; } .floor_2 .floor_2_main .content .advantagez .list .item.it1, .floor_2 .floor_2_main .content .advantagez .list .item.it3, .floor_2 .floor_2_main .content .advantagez .list .item.it5, .floor_2 .floor_2_main .content .advantagez .list .item.it7 { padding-right: 400px; } .floor_2 .floor_2_main .content .advantagez .list .item a { display: block; } .floor_2 .floor_2_main .content .advantagez .list .item a h2 { font-size: 20px; color: #000000; height: 24px; line-height: 24px; padding-bottom: 16px; font-weight: bold; text-indent: 230px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; position:relative; } .floor_2 .floor_2_main .content .advantagez .list .item:hover a h2 { color: #0f58d6; } .floor_2 .floor_2_main .content .advantagez .list .item a h2 i { display: block; width: 23px; height: 23px; background: url(../image/f2_1.png)center center no-repeat; float: right; } .floor_2 .floor_2_main .content .advantagez .list .item.it2:hover a h2 i, .floor_2 .floor_2_main .content .advantagez .list .item.it4:hover a h2 i, .floor_2 .floor_2_main .content .advantagez .list .item.it6:hover a h2 i, .floor_2 .floor_2_main .content .advantagez .list .item.it8:hover a h2 i { display: block; width: 23px; height: 23px; background: url(../images/f2_3.png)center center no-repeat; float: left; } .floor_2 .floor_2_main .content .advantagez .list .item.it1:hover a h2 i, .floor_2 .floor_2_main .content .advantagez .list .item.it3:hover a h2 i, .floor_2 .floor_2_main .content .advantagez .list .item.it5:hover a h2 i, .floor_2 .floor_2_main .content .advantagez .list .item.it7:hover a h2 i { display: block; width: 23px; height: 23px; background: url(../images/f2_3.png)center center no-repeat; float: right; } .floor_2 .floor_2_main .content .advantagez .list .item a p { font-size: 14px; color: #999999; line-height: 20px; transition: all ease 600ms; } .floor_2 .floor_2_main .content .advantagez .list .item:hover a p { margin-top: -12px; transition: all ease 600ms; } .floor_2 .floor_2_main .content .advantagez .f2_bg { width: 597px; height: 559px; position: absolute; top: 0px; left: 354px; } .floor_2 .floor_2_main .content .advantagez .list .item.it1 { width: 354px; padding-left: 98px; padding-top: 26px; } .floor_2 .floor_2_main .content .advantagez .list .item.it1 p { width: 310px; text-align: right; } .floor_2 .floor_2_main .content .advantagez .list .item.it1 p em { text-indent: 250px; display: block; } .floor_2 .floor_2_main .content .advantagez .list .item.it2 { width: 354px; padding-top: 26px; } .floor_2 .floor_2_main .content .advantagez .list .item.it2 h2 { text-indent: 20px; } .floor_2 .floor_2_main .content .advantagez .list .item.it2 h2 i { float: left; } .floor_2 .floor_2_main .content .advantagez .list .item.it2 p { width: 310px; padding-left: 44px; } .floor_2 .floor_2_main .content .advantagez .list .item.it2 p em { text-indent: 250px; display: block; } .floor_2 .floor_2_main .content .advantagez .list .item.it3 { width: 354px; padding-top: 50px; } .floor_2 .floor_2_main .content .advantagez .list .item.it3 p { width: 310px; text-indent: 18px; text-align: right; } .floor_2 .floor_2_main .content .advantagez .list .item.it3 p em { text-indent: 210px; display: block; } .floor_2 .floor_2_main .content .advantagez .list .item.it3 h2 { text-indent: 230px; } .floor_2 .floor_2_main .content .advantagez .list .item.it4 { width: 354px; padding-left: 188px; padding-top: 50px; } .floor_2 .floor_2_main .content .advantagez .list .item.it4 p { width: 310px; text-indent: 0; padding-left: 42px; } .floor_2 .floor_2_main .content .advantagez .list .item.it4 p em { text-indent: 210px; display: block; } .floor_2 .floor_2_main .content .advantagez .list .item.it4 h2 { text-indent: 20px; } .floor_2 .floor_2_main .content .advantagez .list .item.it4 h2 i { float: left; } .floor_2 .floor_2_main .content .advantagez .list .item.it5 { width: 354px; padding-top: 80px; } .floor_2 .floor_2_main .content .advantagez .list .item.it5 p { width: 310px; text-indent: 0px; text-align: right; } .floor_2 .floor_2_main .content .advantagez .list .item.it5 p em { text-indent: 194px; display: block; } .floor_2 .floor_2_main .content .advantagez .list .item.it5 h2 { text-indent: 230px; } .floor_2 .floor_2_main .content .advantagez .list .item.it6 { width: 354px; padding-left: 192px; padding-top: 78px; } .floor_2 .floor_2_main .content .advantagez .list .item.it6 p { width: 310px; text-indent: 0; padding-left: 42px; } .floor_2 .floor_2_main .content .advantagez .list .item.it6 p em { text-indent: 210px; display: block; } .floor_2 .floor_2_main .content .advantagez .list .item.it6 h2 { text-indent: 20px; } .floor_2 .floor_2_main .content .advantagez .list .item.it6 h2 i { float: left; } .floor_2 .floor_2_main .content .advantagez .list .item.it7 { width: 354px; padding-top: 44px; padding-left: 100px; } .floor_2 .floor_2_main .content .advantagez .list .item.it7 p { width: 310px; text-indent: -12px; text-align: right; } .floor_2 .floor_2_main .content .advantagez .list .item.it7 p em { text-indent: 58px; display: block; } .floor_2 .floor_2_main .content .advantagez .list .item.it7 h2 { text-indent: 230px; } .floor_2 .floor_2_main .content .advantagez .list .item.it8 { width: 354px; padding-left: 2px; padding-top: 48px; } .floor_2 .floor_2_main .content .advantagez .list .item.it8 p { width: 310px; text-indent: 0; padding-left: 42px; } .floor_2 .floor_2_main .content .advantagez .list .item.it8 p em { text-indent: 210px; display: block; } .floor_2 .floor_2_main .content .advantagez .list .item.it8 h2 { text-indent: 20px; } .floor_2 .floor_2_main .content .advantagez .list .item.it8 h2 i { float: left; } .floor_2 .floor_2_main .content .advantagez .list .item a img{ width:100px; top:-6px; position:absolute; } .index-about{ margin-top:50px; background:url(../image/index_about_bkg.jpg) no-repeat center ; } .index-about .index-about-bkg { background:url(../image/index_about_bkg.jpg) no-repeat center ; position: fixed; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; } .index-about .index-tit { margin-bottom: 50px; text-align: center; margin-top: 20px; } .index-about .index-tit .tit-e { color: rgba(255, 255, 255, .5); font-size:48px; } .index-about .index-tit h3 { color: #fff; } .index-tit h3 { font-size: 36px; font-weight: 700; } .index-about .about-profile { text-align: center; color: #fff; line-height: 35px; width: 82%; margin: 0 auto; overflow:hidden; } .about-more{ text-align:center; } .index-about .index-more a { border: 1px solid #fff; color: #fff; } .index-about .index-more a:hover { background-color: #0f58d6; border-color: transparent; } .index-about .about-lists { text-align: center; margin: 50px 0; } .index-about .about-lists ul { text-align: left; display: inline-block; } .index-about .about-lists ul li { float: left; margin-right: 75px; } .index-about .about-lists ul li:last-child { margin-right: 0; } .index-about .about-lists ul li:hover .about-img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg) } .index-about .about-lists .about-img { width: 70px; height: 70px; margin-right: 30px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; float: left; } .index-about .about-lists .about-txt { color: #fff; text-align: left; font-size: 16px; float: left; } .index-about .about-lists .about-txt span{ font-size: 24px; margin-bottom: 10px;} .index-about .about-lists .about-txt p{ margin-top: 8px; font-size: 15px;} .index-more a {display: inline-block;border: 1px solid;padding: 10px 35px;margin-top: 20px;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;transition: all .5s;white-space: nowrap;} .fuwulinianxin{ box-shadow: 0 0 12px rgb(0 0 0 / 10%); margin-top: 20px; padding: 50px; overflow:hidden; } .fuwulinianxin>p{ width:100%; font-size:26px; font-weight:600; text-align:center; margin-bottom:50px; } .fuwulinianxin>div{ width:50%; float:left; border-bottom:1px solid #ddd; padding-top:10px; text-align:center; } .fuwulinianxin p{ font-size:20px; font-weight:600; } .fuwulinianxin span{ display:block; margin-top:10px; color:#333; margin-bottom:10px; } .rfix { position:fixed; right:11px; top:200px;width:128px; height:560px; z-index:999; } .rfix ul { float:right; height:72%; width:80px; box-shadow: 0 3px 8px rgba(0,0,0,.15); color:#fc3452; background:#fff; } .rfix li { height:80px; border-bottom:1px solid #edecec; box-sizing:border-box; padding:1px 1px 0; position:relative; } .rfix li:last-child { border:0; } .rfix li a { background:#fbfbfb; height:100%; width:100%; /*color:#fc3452;*/ color:#a0a0a0;} .rfix li .iconfont{width:40px;height:40px;display:block;} .rfix li .icon_qq{background:url(http://www.huangyuezc.com/Content/images/icon_qq3.png) center center no-repeat;background-size:contain;} .rfix li .icon_wx{background:url(http://www.huangyuezc.com/Content/images/icon_wx3.png) center center no-repeat;background-size:contain;} .rfix li .icon_search{background:url(http://www.huangyuezc.com/Content/images/icon_search2.png) center center no-repeat;background-size:contain;} .rfix li .icon_wx{background:url(http://www.huangyuezc.com/Content/images/icon_wx3.png) center center no-repeat;background-size:contain;} .rfix li .icon_tel{background:url(http://www.huangyuezc.com/Content/images/icon_tel3.png) center center no-repeat;background-size:contain;} .rfix li .icon_top{background:url(http://www.huangyuezc.com/Content/images/icon_top2.png) center center no-repeat;background-size:contain;} .rfix li:hover a{color:#0d72b5;} .rfix li:hover .icon_qq{background:url(http://www.huangyuezc.com/Content/images/icon_qq2.png) center center no-repeat;background-size:contain;} .rfix li:hover .icon_wx{background:url(http://www.huangyuezc.com/Content/images/icon_wx2.png) center center no-repeat;background-size:contain;} .rfix li:hover .icon_search{background:url(http://www.huangyuezc.com/Content/images/icon_search2.png) center center no-repeat;background-size:contain;} .rfix li:hover .icon_wx{background:url(http://www.huangyuezc.com/Content/images/icon_wx2.png) center center no-repeat;background-size:contain;} .rfix li:hover .icon_tel{background:url(http://www.huangyuezc.com/Content/images/icon_tel2.png) center center no-repeat;background-size:contain;} .rfix li:hover .icon_top{background:url(http://www.huangyuezc.com/Content/images/icon_top2.png) center center no-repeat;background-size:contain;} .rfix li .code { position:absolute; top:-100%; height:200%; right:90px; width:200%; z-index:-1; opacity:0; transform:translateX(252px); -webkit-transform:translateX(252px); -o-transform:translateX(252px); -ms-transform:translateX(252px); -moz-transform:translateX(252px); -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; } .rfix li .code img { width:100%; height:100%; padding:5px; background:#fff; box-shadow: 0 3px 8px rgba(0,0,0,.15); box-sizing:border-box; } .rfix li a:hover .code { z-index:1; opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); } .mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .rfix li .telcon{width:300px;padding:15px;border:1px solid #ccc;background:#fff; position:absolute; bottom:-100%; right:90px; text-align:left;z-index:9999;box-shadow: 0 3px 8px rgba(0,0,0,.15);display:none;color:#888888;} .rfix li .telcon h2 { font-size:20px; } .rfix li .telcon p { font-size:16px; line-height:26px; } .rfix li .telcon .arrow-right{display: block;width: 13px;height: 100%;background: url(http://www.huangyuezc.com/Content/images/arrow.png) 0px center no-repeat;position: absolute;right: -13px;top: 0px;} .rfix li .telcon .arrow-right{display:block;} .rfix li:hover .telcon{display:block;}