/*--------全局样式--------*/ *{padding: 0;margin: 0;box-sizing: border-box;} form, div, body, img, p, a, img, dl, dd, dt, table, tr, td, th, h1, h2, h3, h4, h5, h6, ul ,li{margin: 0;padding: 0;border: 0;color: #333;font-weight: normal;} html{width: 100%;font-size: 16px;} body{font-family: "微软雅黑";color: #000;font-size: 16px;background-color: #fff;overflow-x: hidden;width: 100%;} a{text-decoration: none;color: #333;} a:hover,a:visited,a:focus{text-decoration: none;color: #000000;} li{list-style: none;} input, textarea, select{color: #333;margin: 0;padding: 0;font-size: 12px;font-family: "思源黑体 CN";vertical-align: middle;} input::-webkit-input-placeholder{color:#ddd} input:focus, textarea:focus{outline: 0;} /*-------- clear --------*/ .clearfix:before, .clearfix:after{display:block;clear:both;content:"";visibility:hidden;} .clearfix{zoom:1} .clear{clear: both;height: 0px;overflow: hidden;} .hide{display:none!important} .fl{float: left;} .fr{float: right;} .w{width: 1200px;margin: 0 auto;max-width: 1200px;} .scroll::-webkit-scrollbar{width: 10px;height: 10px;background-color: #fcfcfc;} .scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fcfcfc;} .scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #eee;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #CCCCCC !important; } .m_brand{display:none;} /*pc导航*/ .Welcome { height: 40px; line-height: 40px; padding-top: 5px; background:#eee; } .Welcome .nav-tel {width: 40%;float: left;height:35px;line-height: 35px;font-size: 16px;} .Welcome .nav-tel i:first-child{font-size: 16px;height:35px;display: block;line-height: 35px;font-style: normal;} .Welcome .nav-tel i:last-child{font-size: 22px;color: #1A2846;height:35px;display: block;line-height: 35px;font-style: normal;} .header-lag1 a {width: 150px;height: 35px;display: flex;padding:6px 20px;float:right;} .header-lag1 a img {width: 22%;} .header-lag1 a span {width: 80%;font-weight: 400;font-size: 14px;line-height: 24px;color: #333;margin-left: 10px;} .header-lag2{ position:relative;} .header-lag2 .tan {width: 150px;height: 35px;display: flex;padding:6px 20px;float:right;} .header-lag2 .tan img {width: 22%;} .header-lag2 .tan span {width: 80%;font-weight: 400;font-size: 14px;line-height: 24px;color: #333;margin-left: 10px;} #wxewm{display:none;} #wxewm img{position:absolute; width:10%; z-index:10;top:35px;left:45%;} .header-lag2:hover #wxewm { display:block; } .header-lag3 { width: 175px; height: 35px; display: flex; padding: 6px 20px; float: right; } .header-lag3 img {width: 22%;} .header-lag3 span {width: 80%;font-weight: 400;font-size: 14px;line-height: 24px;color: #333;margin-left: 10px; white-space: nowrap;} .nav{width: 100%;display: flex;align-items: center;justify-content: space-between;} .nav .fl .logo{width:165px;line-height:100px;height: 70px;background: url(/Content/img/logo.png) no-repeat ;background-size: 100%;background-position: 20%;} .nav .fl{width: 30%;} .nav .fr{width:60%;} .nav .fr ul{text-align: right;display: flex;align-items: center;width: 100%; padding:13px;} .nav .fr ul li{text-align: center;width:96px;height: 44px; margin-right:10px;} .nav .fr ul li dl {position:absolute;background:#fff;width:380px;z-index:999;visibility:hidden;top:127px;opacity:0;padding:10px 0;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s} .nav .fr ul li dl dd {float:left;width:50%;padding:0 10px} .nav .fr ul li dl dd a {width:150px; display:block;font-size:13px;height:38px;line-height:38px;border-bottom:1px solid #eee;padding:0 5px;text-align:left} .nav .fr ul li.cur dl dd a {color:#333} .nav .fr ul li dl dd a:before {display:none} .nav .fr ul li dl dd a:hover {background:#ececec;color:#333} .nav .fr ul li:hover dl {visibility:visible;top:117px;opacity:1} .nav .fr ul li:hover dl dd a{ color:#333;} .nav .fr ul li a{width: 96px;height: 44px; font-size: 14px;line-height: 44px;color: #5C6068; display: block;} .nav .fr ul li .this{width: 96px;height: 44px;background: #0773CB;color:#fff; } .nav .fr ul li:hover {width: 96px;height: 44px;background: #0773CB; } .nav .fr ul li:hover a{ color:#fff;} .nav .fr ul div img{width: 12%;margin-right: 10px;} .nav .fr ul div{background: #EB5757;padding: 10px 0; border-radius: 50px;font-size: 16px; display: flex;align-items: center;justify-content: center;color: #fff; margin-left: 80px;} /* pc尾部*/ .footer{width: 100%;background-color: #1E2327;padding-top:30px;} .foot-logo{width:95%; margin:auto;} .footer-main{display: flex;justify-content: space-evenly;} .footer-main .footer-item{width: 25%;padding: 40px 0 30px;} .footer-main .footer-item:first-child{width: 30%;} .footer-main .footer-item h4{font-style: normal;font-weight: 900;font-size: 18px;line-height: 25px;color: #FFFFFF;} .footer-main .footer-item h6{width: 286px;background:rgba(255, 255, 255, 0.2);height: 1px;margin: 10px 0 20px;} .footer-main .footer-item ul li{font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(255, 255, 255, 0.7);cursor:pointer;margin:0px 20px 10px 0; } .footer-main .footer-item ul li:hover{color: #0065B8;} .footer-main .footer-item ul li a{color: #FFF;display: block;line-height: 30px;} .footer-main .footer-item ul li a:hover{color: #0065B8;} .footer-main .footer-item p{font-weight: 400;font-size: 14px;line-height: 20px;color: #FFFFFF;text-align: center;} .footer-main .footer-item img{width: 100%;} .footer .bottom{background: #131214;} .footer .bottom p{padding: 21px 0;text-align: center;color: #fff;font-size: 18px;} .m_foot{display: none;} /* pc 悬浮联系*/ #floatDivBoxs{width:180px;background:#fff;position:fixed;top:100px;right:0;z-index:999;} #floatDivBoxs ul{list-style:none;} #floatDivBoxs a{text-decoration: none;color:#666;background-color: transparent;-webkit-tap-highlight-color: transparent;} #floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#0773CB;color:#fff;font-size:18px;text-indent:14px;position:relative;} #floatDivBoxs .floatDqq{padding:0 14px;} #floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;} #floatDivBoxs .floatDqq li a img{height:60%;} #floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;} #floatDivBoxs .floatDtel{padding:0 10px 0 10px;} #floatDivBoxs .floatDtel img{display:block;width:100%} #floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);} .floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);} #rightArrow{width:50px;height:55px;background:url(/Content/img/fd.png) no-repeat; position:fixed;top:100px;right:180px;z-index:999;} #rightArrow a{display:block;height:45px;} .search{background:#0773CB;padding: 15px 1%;background-position:center;} .search form{width:100%;display:flex;justify-content:space-around;align-items:center;} .search form .zcimg{width:5%;display:flex;align-items:center;} .search form .zcimg img{width:100%; height:100%;} .search form .cx{width:10%} .search form .cx p{font-weight: 400;font-size: 22px;line-height: 31px;color: #FFFFFF;} .search form .form{width:80%;} .search .select{float: left;width:13%;line-height: 40px;margin-right: 2%;} .search .select label{color: #333;font-size: 14px;display: inline-block;width: 20%;text-align: center;vertical-align: middle;} .search .select select{width: 100%;font-weight: 400;font-size: 14px;line-height: 20px;color: #757575;padding: 7px 5px; border: 1px #e6e6e6 solid;background: url('../images/icon_01.png') 95% no-repeat;background-size: 15px; background-color: #fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius: 4px;} .search .input{float: left;width:13%;line-height: 40px;margin-right: 2%;} .search .input label{color: #333;font-size: 14px;display: inline-block;width: 20%;text-align: center;vertical-align: middle;} .search .input input{width: 100%;background: #fff;border: 1px #e6e6e6 solid;border-radius: 4px;font-weight: 400;font-size: 14px;line-height: 20px;color: #757575;padding: 7px 5px;} .search .btn{width:8%;text-align: center;float: left;} .search .btn button{display: block;padding: 11px 0;color: #fff;font-size: 15px;cursor: pointer; background:#483E3E;border-radius: 4px;border: none;width: 100%;line-height:20px;} /* 首页 */ .mindex-banner{display: none;} .m-index{display: none;} .index-banner{width: 100%;height: 500px;background-repeat: no-repeat;background-size: auto 100%; background-position:center; position: relative;} .swiper {width: 100%;height: 100%;} .index-banner .swiper-wrapper{width: 100%;} .index-banner .swiper-slide{width: 100%;height: 500px;background-repeat: no-repeat;background-size: auto 100%;background-position:center;position: relative;} .index-banner .swiper-pagination-bullet-active{background-color: #0773CB !important;} .index-banner .swiper-pagination-bullet{background-color: rgba(7, 115, 203, 0.33);width: 40px;height: 3px;margin-right: 10px;border-radius:10px} .index-banner .swiper-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 40px;} .index-banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{display:none; background: url(../img/right1.png) no-repeat;background-size: cover; width: 41px;height: 90px;right: 240px;} .index-banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{display:none; background: url(../img/left1.png) no-repeat;background-size: cover; width:41px;height:90px;left: 240px;} .index-banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{margin-right: 400px; content:'';} .index-banner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{margin-left: 400px; content:'';} index{width: 100%;} .index_Search,.index_center,.index_Maintain,.index_product,.index_about,.index_news,.index_quality{width: 100%} .index_Search .Top_Search{margin-top: 40px;} .index_Search .Top_Search .search-type{border-right: 1px solid #0065b8;padding:0 20px;width: 15%;text-align: center;} .index_Search .search-type select{border: none;font-size: 18px;color: #666;outline: none;height:68px;line-height: 68px;width: 70%;background-color:#fff;cursor:pointer} .index_Search .search-type option{border: 1px solid #0065b8;height: 30px;width:220px;} .index_Search .Top_Search form{height: 70px;border: 1px solid #0065b8;display: flex;align-items: center;position: relative;} .index_Search .Top_Search form input{border: none;outline: none;font-size: 18px;padding-left: 53px;} .index_Search .submit,.index_Search .search-submit{width: 100px;background-color: #0065b8;text-align: center;position: absolute;right: 20px;color: #fff;height: 50px;line-height: 50px;cursor:pointer} .index {width: 100%;} .index .index_center .center-main{padding-bottom: 20px;position: relative;} .index .index_center .center-item {border: 2px solid #ccc;height: 240px;margin: 0 auto;width: 220px !important;} .index .index_center .center-item:hover{border: 2px solid #0065b8;} .index .index_center .center-item:hover h6{border-bottom: 2px solid #0065b8;} .index .index_center .center-item:hover .watch {background-color: #0065b8;} .index .center-item .item-header h6{padding:20px 0 12px ;text-align: center;font-size: 24px;border-bottom: 2px solid #ccc;margin: 0 12px;} .index .index_center .center-item img{width: 100%;} .index .index_center .cemter-icon{width: 60%;padding: 37px 0 42px;text-align: center;margin: 0 auto;height: 62px;line-height: 62px;} .index .index_center .center-item .watch{background-color: #ccc;margin: 0 auto;height: 40px;line-height: 40px;width: 70%;position: absolute;bottom: 15px;left: 15%;} .index .index_center .center-item .watch a{color: #fff;display: block;font-size: 16px;width: 130px; background: url(../img/watch.png) no-repeat;padding: 0 30px; background-position: 100px 15px;background-size:9%;} .index .index_center .swiper-button-next:after,.index .index_center .swiper-button-prev:after,.index .index_center{font-size: 30px;} .title{padding: 70px 0 40px;text-align: center;} .title h4{font-size: 34px;line-height: 48px;color: #1A2846;margin-bottom:6px;} .title h5{background: #FC4F00;width: 40px;height: 3px;margin:auto;} .mores{width: 140px;height: 34px;background: #FC4F00;border-radius: 61px; padding: 10px 36px; margin:0 auto 80px;} .mores a{width:100%; display:flex;justify-content:space-between;} .mores a h3{ width:75%;font-weight: 400;font-size: 12px;line-height: 14px;color: #FFFFFF;} .mores a img{width:18px;height:9px;margin:auto;} .title12{ border-bottom:1px solid #666; margin:50px 0 30px 0; line-height:60px;} .title12 h6{background-color:#fdae2c; height:5px;width:100px;} .title12 h4{font-size:36px;font-weight:600;color:#397ed1;} .title12 h4 span{font-size:14px;color:#666;padding:0 0 0 10px;font-weight:bold;} .index .index_Pro{background: #f0f0f0;} .index .index_Pro .fl{position: relative; width: 25%;background: url('../img/index_02.png') center no-repeat;background-size:cover;padding:50px 0;transform: skewY(-165deg);-ms-transform:skewY(-165deg);-moz-transform:skewY(-165deg);-webkit-transform:skewY(-165deg);-o-transform:skewX(-165deg);} .index .index_Pro .fl::before{content: "";display: inline-block;position: absolute;right: 0;top: -25px;width: 78px;height: 24px;background: url('../img/index_02_1.png') center no-repeat;background-size:cover;transform: skewY(165deg);-ms-transform:skewY(165deg);-moz-transform:skewY(165deg);-webkit-transform:skewY(165deg);-o-transform:skewY(165deg);} .index .index_Pro .fl::after{content: "";display: inline-block;position: absolute;left: 0;bottom: -25px;width: 78px;height: 24px;background: url('../img/index_02_2.png') center no-repeat;background-size:cover;transform: skewY(165deg);-ms-transform:skewY(165deg);-moz-transform:skewY(165deg);-webkit-transform:skewY(165deg);-o-transform:skewY(165deg);} .index .index_Pro .fl .box{transform: skewY(165deg);-ms-transform:skewY(165deg);-moz-transform:skewY(165deg);-webkit-transform:skewY(165deg);-o-transform:skewY(165deg);} .index .index_Pro .fl .name{margin: 30px 0;} .index .index_Pro .fl .name h3{color: #fff;font-size: 30px;text-align: center;font-weight: 500;} .index .index_Pro .fl .name p{color: #fff;font-size: 15px;text-align: center;} .index .index_Pro .fl .hd ul li{color: #fff;font-size: 17px;border: 1px #fff solid;text-align: center;line-height: 50px;width: 65%;margin: 0 auto 30px;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transform: skewX(-35deg);-ms-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-webkit-transform:skewX(-35deg);-o-transform:skewX(-35deg);} .index .index_Pro .fl .hd ul li p{transform: skewX(35deg);-ms-transform:skewX(35deg);-moz-transform:skewX(35deg);-webkit-transform:skewX(35deg);-o-transform:skewX(35deg);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#fff;} .index .index_Pro .fl .more a{display: block;color: #fff;font-size: 18px;text-align: center;background: url('../img/index_03.png') 65% no-repeat;background-size:20px;} .index .index_Pro .fl .hd ul .on{background: #fff;} .index .index_Pro .fl .hd ul .on p{color: #f39800} .index .index_Pro .fr{width: 70%;} .index .index_Pro .fr .Top{padding: 30px 5%;background: #fff;} .index .index_Pro .fr .Top .l{float: left;width: 80%;} .index .index_Pro .fr .Top .l .up .item{float: left;width: 48%;margin-right: 4%;} .index .index_Pro .fr .Top .l .up .last{margin-right: 0;} .index .index_Pro .fr .Top .l .up .item{line-height: 50px;font-size: 0;} .index .index_Pro .fr .Top .l .up .item span{color: #434343;font-size: 17px;display: inline-block;width: 15%;vertical-align: middle;} .index .index_Pro .fr .Top .l .up .item select{width: 83%;border: 1px #d2d2d2 solid;background:url('../img/index_04.png') 90% no-repeat;background-size:11px;padding:12px 0 12px 5%;vertical-align: middle;text-align: center;color: #666666;font-size: 15px;appearance:none;-moz-appearance:none;-webkit-appearance:none;} .index .index_Pro .fr .Top .l .down{margin-top: 20px;} .index .index_Pro .fr .Top .l .down .item{line-height: 50px;font-size: 0;width: 25%;float: left;} .index .index_Pro .fr .Top .l .down .item span{color: #434343;font-size: 17px;display: inline-block;width: 40%;vertical-align: middle;text-align: center;} .index .index_Pro .fr .Top .l .down .item input{width: 55%;border: 1px #d2d2d2 solid;color: #b2b2b2;font-size: 12px;text-indent: 0.5em;background: none;height: 50px;} .index .index_Pro .fr .Top .r{float: right; width: 20%;margin-top: 40px;} .index .index_Pro .fr .Top .r button{display: block; width: 80%;margin: 0 auto;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 17px;background: #397ed1;padding: 0;border: none;cursor: pointer;} .index .index_Pro .fr .under .bd ul li{position: relative; float: left;background: #fff;width: 31%;margin: 3.5% 3.5% 0 0;padding-top: 30px;cursor: pointer;} .index .index_Pro .fr .under .bd ul .last{margin-right: 0;} .index .index_Pro .fr .under .bd .img{width: 100%;height: 160px;overflow: hidden; text-align: center;} .index .index_Pro .fr .under .bd .img img{width: 60%;vertical-align: bottom;} .index .index_Pro .fr .under .bd p{color: #fff;background: #a4a4a4;font-size: 18px;font-weight: lighter;text-align: center;padding: 10px 0;} .index .index_Pro .fr .under .bd ul li .detail{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);display: none;} .index .index_Pro .fr .under .bd ul li .detail a{display: block;width: 50%;margin: 35% auto 0;color: #fff;font-size: 15px;text-align: center;background: #397ed1;padding: 10px 0;} .index .index_Pro .fr .under .bd ul li:hover .detail{display: block;} .index_Types{width: 100%; overflow: hidden; background: url() top no-repeat;background-size:cover;} .index_Types .Types .under .row{margin-top: 20px;} .index_Types .Types .under .row h3{float: left;width: 150px;height: 35px;line-height: 35px;font-family: "思源黑体 CN"; text-align: center; color: #434343;font-size: 18px;font-weight: 400;} .index_Types .Types .under .row ul{float: left;width: 80%;height: 37px;overflow: hidden;} .index_Types .Types .under .row ul li{float: left;width: 128px;height: 35px;border: 1px transparent solid;cursor: pointer;overflow: hidden; line-height: 35px;margin: 0 15px 15px 15px;font-family: "思源黑体 CN"; background: #eeeeee; font-size: 14px;color: #959595; text-align: center;} .index_Types .Types .under .row ul .Color{border: 1px #0773CB solid;color: #0773CB;} .index_Types .Types .under .row .icon{float: right; width: 75px;height: 35px; overflow: hidden; background: url('../img/index_03_2.png') center no-repeat;background-size:17px 9px;background-color: #eeeeee;} .index_Types .Types .under .row .bg{background: url('../img/index_03_3.png') center no-repeat;background-size:17px 9px;background-color: #eeeeee;} .index_Types .Types .under .row ul.auto{height: auto;} .index_Types .Types .under .search ul{float: left;} .index_Types .Types .under .search ul li{display: inline-block;margin-right: 30px;} .index_Types .Types .under .search h3{float: left;width: 110px;height: 35px;line-height: 35px; text-align: center; color: #434343;font-size: 18px;font-family: "思源黑体 CN";font-weight: 400;} .index_Types .Types .under .search .input{float: left;} .index_Types .Types .under .search .input input{width: 125px;height: 35px;line-height: 35px; color: #959595;text-indent: 1em;border: none;background-color: #eeeeee;font-family: "思源黑体 CN";font-size: 15px;} .index_Types .Types .under .search .frist h3{width: 140px;} .index_Types .Types .under .search .frist .input input{margin-left: 15px;} .index_Types .Types .under .search .btn{float: right;width: 75px;} .index_Types .Types .under .search .btn button{width: 100%;height: 35px;line-height: 35px;border: none;cursor: pointer; background: #0773CB;color: #fff;font-size: 14px;text-align: center;} .index_Types .list{margin:5% 0 0 0;} .index_Types .list ul li{ float: left;width: 18%;margin: 0 2.5% 2.5% 0;} .index_Types .list ul li:nth-child(5n){margin-right: 0;} .index_Types .list .img{position: relative;width: 100%; line-height:160px; background:url('') no-repeat center;background-size:contain; background-color: #f0f0f0;overflow: hidden;text-align: center;height:160px} .index_Types .list .img img{width: 100px; vertical-align: middle; } .index_Types .list .img .jiaob{width: 40px;height:40px; position:absolute; left:10px; top:10px; } .index_Types .list .img .jiaob img{width: 100%; vertical-align:top; line-height:0; } .index_Types .list p{text-indent: 1em; color: #333;font-size: 18px;padding:10px 0;background: url('../img/mores1.png') 90% no-repeat;background-size: 15px 12px; background-color: #fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:30px;border:1px solid #FAFAFA;} .index_Types .list ul li:hover p{color: #fff;background: url('../img/mores.png') 90% no-repeat;background-size: 15px 12px; background-color: #0773CB;} .index .imgbenner{width: 100%;} .index .imgbenner img{display: block; width: 100%;} .index_Brand{overflow: hidden;} .index_Brand .swiper-container{display: flex;align-items: center;font-size: 12px;margin: 30px 0;width: 90%;margin: 0 auto;} .index_Brand .swiper-slide{width: 33%;} .index_Brand .swiper-slide .blist{width:100%} .index_Brand .swiper-slide .blist .brandtxt{display:block;z-index:99;color:#fff;padding:50px 20px;color:#262626; height:420px;} .index_Brand .swiper-slide .blist .brandtxt .txt1{font-size:20px;height:28px;line-height:28px;text-align:center;color:#1A2846;} .index_Brand .swiper-slide .blist .brandtxt .txt2{font-size:18px;height:24px;line-height:24px;margin:10px 0px;} .index_Brand .swiper-slide .blist .brandtxt .slea{width:50px;height:2px;background:#0773CB;display:block;margin:0px auto;} .index_Brand .swiper-slide .blist .brandtxt .brief{font-size:12px;text-align:left;color:#1A2846; line-height:24px;height:140px;margin:30px 0px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden; } .index_Brand .swiper-slide .blist .brandtxt .gds{display:none; font-size:12px;color:#fff;width:140px;height:34px;text-align:center;line-height:34px;background:#FC4F00;margin:0px auto;border-radius:20px;} .index_Brand .swiper-slide:hover .brandtxt{background:#0773CB;} .index_Brand .swiper-slide .blist .brandtxt:hover .slea{background:#FC4F00;} .index_Brand .swiper-slide .blist .brandtxt:hover .gds{display:block; } .index_Brand .swiper-slide .blist .brandtxt:hover .txt1{color:#fff; } .index_Brand .swiper-slide .blist .brandtxt:hover .brief{color:#fff; } .index_Brand .next{position: absolute;top: 45%;left:-60px;display: inline-block; width: 40px;height: 40px;background: url('../img/icon_01_1.png') center no-repeat;background-size:14px 27px; cursor: pointer;} .index_Brand .prev{position: absolute;top: 45%;right:-60px;display: inline-block; width: 40px;height: 40px;background: url('../img/icon_01.png') center no-repeat;background-size: 14px 27px;cursor: pointer;} .index .index_News{margin:0 auto 40px;} .index .index_News .title p{text-align: center;} .index .index_News .title p span{position: relative; color: #333333;font-size: 30px;} .index .index_News .title p span::before{content: "";display: inline-block;position: absolute;left: -130px;top: 15px;width: 112px;height: 14px;background: url('../img/index_09.png') center no-repeat;background-size:contain;} .index .index_News .title p span::after{content: "";display: inline-block;position: absolute;right: -130px;top: 15px;width: 112px;height: 14px;background: url('../img/index_09_1.png') center no-repeat;background-size:contain;} .index .index_News .title .eg{color: #333333;font-size: 14px;text-align: center;} .index_News .List{margin: 65px 0 100px 0;font-family: "苹方";} .index_News .List .hd{text-align: center;margin-bottom: 50px;} .index_News .List .hd ul li{width: 19%;display: inline-block;margin:0 3%;line-height: 45px;cursor: pointer; border: 1px #0773CB solid;color: #205d98;font-size: 18px;text-align: center;transform: skewX(-35deg);-ms-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-webkit-transform:skewX(-35deg);-o-transform:skewX(-35deg);} .index_News .List .hd ul .on {background: #0773CB;} .index_News .List .hd ul .on p{color: #fff;} .index_News .List .hd ul li p{transform: skewX(35deg);-ms-transform:skewX(35deg);-moz-transform:skewX(35deg);-webkit-transform:skewX(35deg);-o-transform:skewX(35deg);} .index_News .List .bd .fl{width: 50%;} .index_News .List .bd .fl .ig{position: relative; width: 100%;height: 250px;overflow: hidden;} .index_News .List .bd .fl .ig .ft{display: inline-block;padding: 10px;background: #0067ac;background: rgba(0, 120, 200, .8); color: #fff;font-family: "苹方";text-align: center;} .index_News .List .bd .fl .ig .ft span{display: block; font-size: 25px;} .index_News .List .bd .fl .ig .ft .time{font-size: 14px;color:#fff;} .index_News .List .bd .fl h3{color: #333333;font-size: 25px;font-weight: 400;margin: 30px 0 20px;} .index_News .List .bd .fl p{color: #838383;font-size: 15px;margin: 15px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .index_News .List .bd .fr{width:47%;} .index_News .List .bd .fr .item{background: #f5f5f5;margin-bottom: 20px;} .index_News .List .bd .fr .ft{float: left;width: 16%; color: #fff;text-align: center;background: #cccccc;padding: 10px 0 20px;} .index_News .List .bd .fr .ft span{display: block; font-size: 45px;line-height: 45px;} .index_News .List .bd .fr .ft .time{font-size: 14px;color:#fff;} .index_News .List .bd .fr .con{float: right;width: 80%;padding:10px 0;} .index_News .List .bd .fr .con h3{color: #333333;font-size: 20px; margin-bottom: 5px; font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index_News .List .bd .fr .con p{color: #838383;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .index_News .List .bd .fr .item:hover h3{color: #205d98;} .index_News .List .bd .fr .item:hover .ft{background: #205d98;} .index_About{margin-top:70px;} .index_About .ft{position: relative;} .index_About .box{width: 35%; } .index_About .box h3{ font-weight: 400;font-size: 30px;line-height: 42px;color: #1A2846;} .index_About .box h4{ font-weight: 400;font-size: 15px;line-height: 21px;color: #626262; letter-spacing: 0.1em;margin: 5px 0 40px;} .index_About .box p{color: #999999;font-size: 16px;line-height: 180%; margin-bottom:2%;} /*.index_About .box p::-webkit-scrollbar-track {*//*滚动条里面轨道*/ /*-webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: #f5f5f5;border-radius: 3px;} .index_About .box p::-webkit-scrollbar { width: 5px;height: 10px;*//* margin-right: 20px; *//*} .index_About .box p::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: #ccc;margin-right: 100px;border-radius: 25px;}*/ .index_About .box span{display: inline-block;color: #999;padding: 5px 30px;font-size: 15px;margin: 30px 0; border: 1px #999 solid;border-radius: 30px;margin-right: 30px;cursor:pointer;} .index_About .box span:hover{background: #0773CB;color: #fff;border: 1px #0773CB solid;} .index_About .more1{padding: 4% 0;background-color: #0773CB;height:188px;} .index_About .more1 h3{color: #fff;font-size: 32px;font-weight: 400;line-height: 35px;margin-bottom: 10px;position:relative;} .index_About .more1 h3 .img{position:absolute;left:35%;top:15px; } .index_About .more1 .eg{color: #fff;font-size: 16px;text-transform: uppercase;} .index_About .mores1{padding: 2% 0 4% 0;background-color: #0773CB;height:180px;} .index_About .mores1 ul li{float: left;text-align: center;width: 10%;} .index_About .mores1 span{color: #fff;position:relative;top:70px} .index_About .mores1 ul li a{text-align: center;width: 100%;height: 60px;position:relative} .index_About .mores1 .brand_item2 a{background: url(../img/good2.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .index_About .mores1 .brand_item3 a{background: url(../img/good3-1.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .index_About .mores1 .brand_item4 a{background: url(../img/good4.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .index_About .mores1 .brand_item5 a{background: url(../img/good5.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .index_About .ft .fr1{position: absolute;right:15%;bottom:-193px; width: 42%;z-index: 20;float:right;} .index_About .ft .fr1 img{width:100%;} .index_About .ft .fr2{position: absolute;right:0%;bottom:19%; width: 29%;z-index: 20;float:right;} .index_About .ft .fr2 img{width:100%;} .index .index_We .img{position: relative;margin-top: 50px;} .index .index_We img{width: 100%;height: 100%;} .index .index_We .ft{position: absolute;top: -10px; bottom: 0;width: 40%; padding: 10px 20px;text-align: center;background: rgba(-21, 87, 205, .9);} .index .index_We .ft h3{color: #fff;font-size: 20px;margin-top: 20px;} .index .index_We .ft .line{width: 20%;height: 2px;background: #fff;margin: 10px auto;} .index .index_We .ft p{color: #fff;font-size: 15px;line-height: 20px;} .index_company{width:100%;margin:70px auto 70px; } .index_company .swiper-container{display: flex;align-items: center;font-size: 12px;margin: 30px 0;width: 100%;margin: 0 auto;} .index_company .swiper-container img{width: 100%;} .index_company .swiper-slide{width: 20%;} .index_company .swiper-slide .ig{text-align: center; overflow: hidden;background-color: #F5F5F5;width: 100%;} .index_company .swiper-slide .ig img{width: 90%;height:150px; line-height: 140px;padding: 5% 0; object-fit:cover; } .index_company .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../img/right1.png) no-repeat;background-size: cover; width: 25px;height: 55px;right: 0px;} .index_company .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../img/left1.png) no-repeat;background-size: cover; width:25px;height:55px;left: 0px;} .index_company .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{margin-right: 400px; content:'';} .index_company .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{margin-left: 400px; content:'';} .hz_in {width:100%;margin:70px auto 0px; display:flex} .hz_in .r_float {width:35%;padding-left:60px} .hz_in .sublist{width:330px;text-align:right;float:left;margin-top:80px} .hz_in .sublist .tt {position:relative;padding-bottom:20px;margin-bottom:20px} .hz_in .sublist .tt:before {position:absolute;content:'';width:70px;height:2px;background:#FC4F00;right:0;bottom:0} .hz_in .sublist .txt {text-align:left;line-height:24px} .hz_in .l_float {width:65%;background:url(/Content/img/hz_bg.jpg) no-repeat; background-size:cover;background-color:#204c97;border-radius:0 0 80px 0} .hz_in .list {width:858px;float:right;padding:78px 86px 78px 0} .hz_in .list li {float:left;width:33.333333%} .hz_in .list li .box {padding:10px 29px} .hz_in .list li .box a {display:block;width:100%;background:#fff;border-radius:10px;overflow:hidden;transition:all 0.3s} .hz_in .list li .box a .pic {display:table;width:100%} .hz_in .list li .box a .pic span {display:table-cell; vertical-align:middle;width:100%;height:110px} .hz_in .list li .box a .pic span img {display:block;margin:0 auto; vertical-align:middle;max-width:80%;max-height:90%;transition:all 0.5s} .hz_in .list li .box a:hover {transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,0.3)} .hz_in .list li .box a:hover .pic span img {transform:scale(1.05)} .bg2 { margin-top:50px; position: relative; overflow: hidden; color: #000; } .bg2:before { content: ""; width: 0; height: 0; position: absolute; /* border-top: 50px solid #f5f5f5; border-right: 960px solid transparent; border-left: 960px solid transparent;*/ left: 50%; top: 0; margin-left: -960px; } .bg2:after { content: ""; width: 0; height: 0; position: absolute; border-bottom: 50px solid #fff; border-right: 960px solid transparent; border-left: 960px solid transparent; left: 50%; bottom: 0; margin-left: -960px; } .bg2 .yunu-section-title { margin-top: 0px; position: relative; z-index: 1; text-align: center; font-size: 40px; } .gyds dl { margin: 0; } .gyds dt { float: left; width: 50%; } .gyds dt.full img { width: 830px; max-width: none; } .gyds dd { margin-left: 50%; padding-left: 40px; padding-top: 20px; } .gyds dd h4 { margin: 0 0 40px; overflow: hidden; font-weight: normal; } .gyds dd h4 i { float: left; background: url(../images/sl_ctit.png) no-repeat center; color: #fff; width: 61px; line-height: 70px; text-align: center; font-size: 36px; font-style: normal; font-family: Impact; } .gyds dd h4 span { display: block; margin-left: 85px; font-size: 36px; padding: 1px 0; } .gyds dd h4 span small { display: block; font-size: 12px; color: #999; text-transform: uppercase; } .gyds dd p { font-size: 16px; line-height: 2; margin: 0 0 18px; } .gyds-slide { margin-top: 45px; overflow:hidden; } .gyds-slide .bd li { float: left; margin-right: 20px; width: 270px; } .gyds-slide .bd ul{ } .gyds-slide .bd li .img-center { position: relative; overflow: hidden; } .gyds-slide .bd li .img-center:after { content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); -webkit-transform: skewx(-25deg); transform: skewx(-25deg); } .gyds-slide .bd li:hover .img-center:after { left: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; } .gyds-slide .clickable { text-align: center; font-size: 0; position: relative; margin-top: 30px; } .gyds-slide .clickable:before { content: ''; height: 1px; width: 100%; top: 50%; left: 0; background-color: #eee; position: absolute; } .gyds-slide .clickable ul { background-color: #fff; position: relative; z-index: 1; display: inline-block; vertical-align: middle; padding: 0 5px; } .gyds-slide .clickable li { display: inline-block; vertical-align: middle; background: url(../images/sl_cqh.png) no-repeat 0 0; height: 13px; width: 11px; margin: 0 5px; cursor: pointer; } .gyds-slide .clickable li.on { background-image: url(.. ); } .gyds dl:nth-of-type(even) dt { float: right; } .gyds dl:nth-of-type(even) dd { margin: 0 50% 0 0; padding-left: 0; padding-right: 40px; } .gyds dl:nth-of-type(odd) dt.full { margin-left: -237px; } .img-center img { display: inline-block; width: 100%; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .s1 { text-align: center; font-size: 16px; line-height: 2.2; color: #181818; margin-top:27px; } .s2 li { float: left; width: 20%; margin-top: 40px; } .s2 li a { display: block; } .s2 li .img-center { overflow: hidden; width: 218px; margin: 0 auto; } .s2 li .img-center img { -webkit-transition: all 0.5s; transition: all 0.5s; } .s2 li a:hover .img-center img { -webkit-transform: scale(1.1); transform: scale(1.1); } .container { width: 1200px; margin: 40px auto; } .i_pro_sub{margin:auto;} .i_pro_sub ul li { float: left; width: 32.5%; padding: 10px; background: #f4f4f4; margin-right: 10px; margin-top: 20px; } .i_pro_sub ul li:nth-child(3n+3) { margin-right: 0; } .i_pro_sub ul li a { display: block; background: #F4F4F4 } .i_pro_sub ul li a .pic { width: 40%; overflow: hidden; float: left; } .i_pro_sub ul li a .pic span { display: table-cell; vertical-align: middle; text-align: center; width: 100%; } .i_pro_sub ul li a .pic span img { display: block; margin: 0 auto; /**max-width: 100%;**/ max-height: 74%; vertical-align: middle; width:100%; border-radius:50%; } .i_pro_sub ul li a .txt { width: 43%; float: right; margin-top:30px; } .i_pro_sub ul li a .txt h2 { font-size: 14px; color: #666; font-weight: 100; line-height: 40px; height: 40px; margin-bottom: 10px; position: relative; text-align:center; } .i_pro_sub ul li a .txt h2:before { width: 30px; height: 1px; background: #023990; position: absolute; bottom: -1px; left: 0; transition: all 0.3s } .i_pro_sub ul li a p { font-size: 12px; color: #999; line-height: 24px; display:none; } .i_pro_sub ul li a:hover { background: #fff; box-shadow: 0 5px 20px #ddd } .i_pro_sub ul li a:hover .txt h2:before { width: 100% } /* 产品中心 */ /* .Product{margin: 80px auto;} */ .Product .Slide .hd{width:20%;float: left;box-shadow: 1px 1px 9px #e5e5e5;margin-bottom:80px;} .Product .Slide .hd h3{width:100%;height: 100px;line-height: 100px; text-align: center;overflow: hidden; background:url(../img/Product_01.png) center no-repeat;background-size: cover;color:#fff;} .Product .Slide .hd h3 p{color: #eeeeee;font-weight: 500;font-size: 28px;} .Product .Slide .hd ul li{cursor: pointer;text-align: center; height: 50px;color: #0d2e40;font-size: 14px;line-height: 50px;overflow: hidden; background-color: #f5f5f5;border-bottom: 1px #eeeeee solid;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .Product .Slide .hd ul .on{color: #fff;background: #0065b8;} .Product .Slide .hd ul {height:1200px; overflow-y:scroll; } .Product .Slide .hd ul::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: #f5f5f5;border-radius: 3px;} .Product .Slide .hd ul::-webkit-scrollbar { width: 5px;height: 10px;/* margin-right: 20px; */} .Product .Slide .hd ul::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: #ccc;margin-right: 100px;border-radius: 25px;} .Product .Slide .bd{float: right;width: 75%;} .Product .Slide .bd ul li{ float: left;width: 30%;margin: 0 2.5% 2.5% 0;text-align: center;} .Product .Slide .bd ul li:nth-child(3n){margin-right: 0;} .Product .Slide .bd .img{position: relative;width: 100%;line-height: 250px; background: #f0f0f0;overflow: hidden;} .Product .Slide .bd .img img{width: 80%;vertical-align: middle;} .Product .Slide .bd p{color: #333;font-size: 20px;margin-top: 20px;} .Product .Slide .bd .tel{font-size: 16px;color: #666;margin-top: 10px;} .Product .Slide .bd .look{display: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;line-height: 20px; background: rgba(0, 101, 255, .6);text-align: center;} .Product .Slide .bd .look img{width: 35px;display: block;margin:40% auto 10px;} .Product .Slide .bd .look .p{color: #fff;font-size: 18px;} .Product .Slide .bd ul li:hover .look{display: block;} .Product .Product-more {display: none;} .Product .page{margin: 100px 0;text-align: center;} .Product .page ul li{color: #999999;border: 1px #999999 solid;margin: 0 5px;display: inline-block;padding: 2px 10px;} .Product .page ul li:hover{cursor: pointer;background: #0065b8;border: 1px #0065b8 solid;color: #fff;} .mcenter-banner{display: none;} .center-banner{width: 100%;display: block;} .center-banner img{width: 100%;} /* 产品详情 */ .Product .Top{padding-top: 50px;} .Product .Top .fl{width:45%;height: 400px;line-height: 400px; text-align: center;background: url(../img/Product_02.png) center no-repeat #f5f5f5;background-size: 80%;} .Product .Top .fr{width:50%;} .Product .Top .fr .name{font-size: 30px;margin-bottom:50px; color: #0065b8;height:50px;line-height: 50px;} .Product .Top .fr .list ul li{float: left;width:33%; font-size: 16px;color: #333333;height: 40px;line-height: 40px;} .Product .Top .fr h3{margin: 50px 0;} .Product .Top .fr h3 span{display: inline-block;color: #333333;font-size: 22px;line-height: 50px;font-weight: 500;} .Product .Top .fr h3 p{width: 40%;text-align: center;height:50px;line-height: 50px; color: #fff;font-size: 22px;background: url(../img/tel.png) 14% no-repeat #0065b8 ;background-size: 25px;display: inline-block;margin-left: 36px;background-position: 10px;} .Product .cen{margin: 100px 0;} .Product .cen h3{background-color: #f5f5f5;} .Product .cen h3 p{display: inline-block;width: 150px;text-align: center; line-height: 50px;color: #fff;background: #999; font-size: 22px;} .Product .cen h3 p span{display: block;font-weight: 500; } .Product .cen .p{color: #666666;font-size: 16px;margin: 50px 0;line-height: 30px;} .Product .cen .img{width: 50%;margin: 0px auto;} .Product .cen .img img{width: 100%;display: block;} .Product .under .slideBox{position: relative;margin-bottom: 100px;} .Product .under .slideBox .bd ul li{position: relative; float: left;background-color: #f5f5f5;position: relative; width:22%;padding: 20px 0;margin:0 12px;text-align: center;height: 328px;} .Product .under .slideBox .bd ul li:hover{box-shadow: 0 0 5px #999;} .Product .under .slideBox .bd .tempWrap{margin-left: 2%;} .Product .under .slideBox .bd ul{padding: 20px 0 !important;} .Product .under .slideBox .bd ul li .ig{height: 200px;text-align: center; overflow: hidden;} .Product .under .slideBox .bd ul li .model { font-size: 20px; color: #333; margin-bottom: 10px; position: absolute; bottom: 40px; left: 0; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .Product .under .slideBox .bd ul li p{font-size: 14px;color: #999999;text-indent: 2em;} .Product .under .slideBox .bd ul li .line{width: 20%;height: 2px;background: #0065b8;margin: 10px auto;position: absolute;bottom: 30px;left: 40%;} .Product .under .slideBox .prev{position: absolute;top: 40%;left: -45px;cursor: pointer;} .Product .under .slideBox .next{position: absolute;top: 40%;right: -45px;cursor: pointer;} .Product .under .swiper-container{display: none;} /* 型号查询 */ .index_Search .List{margin-top: 50px;width: 100%;} .index_Search .List .p p{float: left;width: 10.31%;height: 60px;line-height: 60px;color: #fff;font-size: 24px; background: #0065b8; text-align: center;} .index_Search .List ul li p{float: left;width: 10.31%;height: 60px;line-height: 60px;color: #595959;font-size: 16px; background: #f3f3f3; text-align: center;} .index_Search .List .p1{width:19%;} .index_Search .List .p .p1{width:19%;} .index_Search .List ul li:nth-of-type(odd) p{background: #fff;} .index_Search .page{margin: 100px 0;text-align: center;} .index_Search .page ul li{color: #333;border: 1px #999999 solid;margin: 0 5px;display: inline-block;padding: 8px 15px;font-size: 16px;} .index_Search .page ul li:hover{cursor: pointer;background: #0065b8;border: 1px #0065b8 solid;color: #fff;} .index_Search .page .on{cursor: pointer;background: #0065b8;border: 1px #0065b8 solid;color: #fff;} .index_Search .page ul li:nth-child(8),.page ul li:nth-child(9),.page ul li:nth-child(10){border: none;} .index_Search .page ul li:nth-child(8):hover,.page ul li:nth-child(9):hover,.page ul li:nth-child(10):hover{background: none;border: none;color: #333;} .index_Search .page ul li:nth-child(9) input{width: 60px;height: 25px;} .index_Search .slideBox{position: relative;margin-bottom: 100px;} .index_Search .slideBox .bd ul li{position: relative; float: left;background-color: #f5f5f5;position: relative; width:22%;padding: 20px 0;margin:0 12px;text-align: center;height: 328px;} .index_Search .slideBox .bd ul li:hover{box-shadow: 0 0 5px #999;} .index_Search .slideBox .bd .tempWrap{margin-left: 2%;} .index_Search .slideBox .bd ul{padding: 20px 0 !important;} .index_Search .slideBox .bd ul li .ig{height: 200px;text-align: center; overflow: hidden;} .index_Search .slideBox .bd ul li .model{font-size: 20px;color: #333;margin-bottom: 10px;position: absolute;bottom: 40px;width:100%} .index_Search .slideBox .bd ul li p{font-size: 14px;color: #999999;text-indent: 2em;} .index_Search .slideBox .bd ul li .line{width: 20%;height: 2px;background: #0065b8;margin: 10px auto;position: absolute;bottom: 30px;left: 40%;} .index_Search .slideBox .prev{position: absolute;top: 40%;left: -45px;cursor: pointer;} .index_Search .slideBox .next{position: absolute;top: 40%;right: -45px;cursor: pointer;} .index_Search .swiper-container{display: none;} /* 轴承品牌 */ .Brand{width: 100%;} .Brand .under{margin-bottom: 100px;} .Brand .under .list ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} .Brand .under .list ul li{position: relative;margin-bottom: 50px; width:50%;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;} .Brand .under .list ul li:hover{transform:scale(1.2);cursor:pointer} .Brand .under .list .ig{display: inline-flex;text-align: center;height: 100px;line-height: 100px;align-items: center;} .Brand .under .list .ig img{width: 100%;} /* .Brand .under .list .ig span {display: inline-block;position: absolute;top: 25%;width: 30%;left:35%;display: none;} */ .Brand_search .page{margin: 100px 0;text-align: center;} .Brand_search .page ul li{color: #333;border: 1px #999999 solid;margin: 0 5px;display: inline-block;padding: 8px 15px;font-size: 16px;} .Brand_search .page ul li:hover{cursor: pointer;background: #0065b8;border: 1px #0065b8 solid;color: #fff;} .Brand_search .page .on{cursor: pointer;background: #0065b8;border: 1px #0065b8 solid;color: #fff;} .Brand_search .page ul li:nth-child(8),.page ul li:nth-child(9),.page ul li:nth-child(10){border: none;} .Brand_search .page ul li:nth-child(8):hover,.page ul li:nth-child(9):hover,.page ul li:nth-child(10):hover{background: none;border: none;color: #333;} .Brand_search .page ul li:nth-child(9) input{width: 60px;height: 25px;} .Brand .under .list .ft{display: inline-block;height:270px;overflow: hidden;} .Brand .under .list .ft .box{text-align: left;} .Brand .under .list .ft .box.even img{width: 100%;} .Brand .under .list .ft h1{color: #0065b8;font-size:36px;line-height: 75px; font-weight: 400;} .Brand .under .list .ft .line{width: 30%;height: 2px;background: #0065b8;display: inline-block; margin: 10px 0;} .Brand .under .list .ft h3{color: #333333;font-size:25px;font-weight: 500;} .Brand .under .list .ft p{color: #9c9c9c;font-size: 15px;margin-top: 5px;line-height: 30px;padding-bottom: 10px;width: 80%;overflow : hidden;height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .Brand .under .list .ft a{padding: 10px 25px;display: inline-block;background-color: #f5f5f5;margin-top: 10px;} .Brand .under .list .ft a:hover{background-color: #ffb400;color: #fff;} .brandnr{display: flex;justify-content: space-between;align-items: center;margin-bottom:60px;} .brand-left{width: 37%;background: url(../img/brand_bg.png) no-repeat center;height: 750px;position: relative;} .brand-left .titleon{padding: 180px 0 50px;text-align: center;} .brand-left .titleon h4{font-weight: 500;font-size: 36px;line-height: 50px;color: #1A2846; } .brand-left .titleon h5{font-weight: 500;font-size: 36px;line-height: 50px;text-transform: uppercase;color: #1A2846;} .brand-left .titleon span{width: 60px;height: 3px ;background-color: #0773CB;display: block;text-align: center;margin: 0 auto;margin:10px auto ;} .brand-left p{font-size:16px ;width: 70%;margin: 0 auto;position: absolute;top: 50%;left: 15%;line-height: 30px;} .brand-right{width: 60%;display: flex;flex-wrap: wrap;margin: 0 auto;justify-content: space-between;position: relative;} .brand-item{border: 1px solid #f5f5f5;height: 156px;text-align: center;width: 32%;margin-bottom: 15px;} .brand1{width: 100%;position: relative;} .brand1 .swiper-slide{display: flex;flex-wrap: wrap;justify-content: space-between;} .brand-item .branditem-icon{text-align: center;margin: 0 auto;width: 100%; height: 110px;line-height: 110px;} .brand-item:hover{border: 1px solid #1260cd;} .brand-item:hover .brandicon1{background: url(../images/skf.png) no-repeat center;background-size:60%;} .brand-item:hover .brandicon2{background: url(../images/IINA.png) no-repeat center;background-size:35%;} .brand-item:hover .brandicon3{background: url(../images/THK.png) no-repeat center;background-size:60%;} .brand-item:hover .brandicon4{background: url(../images/fag.png) no-repeat center;background-size:60%;} .brand-item:hover .brandicon5{background: url(../images/nsk.png) no-repeat center;background-size:60%;} .brand-item:hover .brandicon6{background: url(../images/HRB.png) no-repeat center;background-size:60%;} .brand-item:hover .brandicon7{background: url(../images/NTN.png) no-repeat center;background-size:60%;} .brand-item:hover .brandicon8{background: url(../images/TIMKEN.png) no-repeat center;background-size:60%;} .brand-item:hover .brandicon9{background: url(../images/lyc.png) no-repeat center;background-size:60%;} .brand-item p{font-size:24px ;} .brand-right::after{content: '';width: 33%;} .brand-right .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;} .brand-right .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../img/right1.png) no-repeat;background-size: cover; width: 41px;height: 90px;right: -60px;} .brand-right .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../img/left1.png) no-repeat;background-size: cover; width:41px;height:90px;left: -60px;} .brand-right .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{margin-right: 400px; content:'';} .brand-right .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{margin-left: 400px; content:'';} .brand-right .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 0;} .brand-right .swiper-container{padding-bottom: 50px;overflow: hidden;} /* 轴承品牌详情 */ .BrandDateil .Top{margin: 50px auto;} .BrandDateil .Top .fr{width: 30%;} .BrandDateil .Top .fr .img{width: 100%;margin-top: 50px;} .BrandDateil .Top .fr .img img{display: block; width: 100%;} .BrandDateil .Top .fl{width: 63%;margin-top:50px;} .BrandDateil .Top .fl h6{width: 2px;height: 50px;background-color: #f9c116;margin-left: 20px;} .BrandDateil .Top .fl .p{font-size: 20px;line-height: 34px;} .BrandDateil .Top .fl .p .con{max-height:400px;overflow:hidden} .BrandDateil .Top .fl .p.on .con{max-height:none} .BrandDateil .Top .fl .p::-webkit-scrollbar{display: none;} .BrandDateil .Top .fl .logo{text-align: left;color: #474747;font-size: 25px;margin-bottom: 10px;} .BrandDateil .Top .fl .p p{color: #666666;font-size: 14px;text-indent: 24px;} .BrandDateil .Top .fl .show{color: #007aff;font-size: 18px;text-align: right;margin: 30px 0;cursor: pointer;} .BrandDateil .Top .fl .show img{width: 20px;margin-left: 0px; vertical-align: middle;} .BrandDateil .Top .fl .icon ul li{float: left;width: 20%;text-align: center;} .BrandDateil .Top .fl .icon .img{width: 40%;margin: 0 auto;} .BrandDateil .Top .fl .icon .img img{width: 100%;} .BrandDateil .Top .fl .icon p{color: #666666;font-size: 15px;} .BrandDateil .brand_good{background: url(../img/good-bg.png) no-repeat;height: 400px;} .BrandDateil .brand_good .title{padding: 70px 0 40px;text-align: center;} .BrandDateil .brand_good .title h4{font-size: 34px;line-height: 48px;color: #fff;margin-bottom:6px;} .BrandDateil .brand_good .title h5{background: #FC4F00;width: 40px;height: 3px;margin:auto;} .BrandDateil .brand_detail_main{padding-top: 30px;} .BrandDateil .brand_detail_main ul li{float: left;text-align: center;width: 16.6%;} .BrandDateil .brand_detail_main span{color: #fff;position:relative;top:70px} .BrandDateil .brand_detail_main ul li:hover span{color: #0065B8;} .BrandDateil .brand_detail_main ul li a{text-align: center;width: 100%;height: 60px;position:relative} .BrandDateil .brand_detail_main .brand_item1 a{background: url(../img/good1.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .BrandDateil .brand_detail_main .brand_item1 a:hover{background: url(../img/good1-1.png) no-repeat center;} .BrandDateil .brand_detail_main .brand_item2 a{background: url(../img/good2.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .BrandDateil .brand_detail_main .brand_item2 a:hover{background: url(../img/good2-1.png) no-repeat center;} .BrandDateil .brand_detail_main .brand_item3 a{background: url(../img/good3-1.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .BrandDateil .brand_detail_main .brand_item3 a:hover{background:url(../img/good3.png) no-repeat center;} .BrandDateil .brand_detail_main .brand_item4 a{background: url(../img/good4.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .BrandDateil .brand_detail_main .brand_item4 a:hover{background: url(../img/good4-1.png) no-repeat center;} .BrandDateil .brand_detail_main .brand_item5 a{background: url(../img/good5.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .BrandDateil .brand_detail_main .brand_item5 a:hover{background: url(../img/good5-1.png) no-repeat center;} .BrandDateil .brand_detail_main .brand_item6 a{background: url(../img/good6.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;} .BrandDateil .brand_detail_main .brand_item6 a:hover{background: url(../img/good6-1.png) no-repeat center;} .BrandDateil .brand_appiy_main{width: 100%;} .BrandDateil .brand_appiy_main .appiy-item1 .fl,.appiy-item1 .fr{width: 48%;position: relative} .BrandDateil .brand_appiy_main .appiy-item1 .fl img,.appiy-item1 .fr img{width: 100%;} .BrandDateil .brand_appiy_main .appiy-item1 .fl p ,.appiy-item1 .fr p{position: absolute;bottom: 0px;background-color: rgba(0,0,0,.5);width: 100%;color: #fff;height: 30px;text-align: center;} .appiy-item1 .item1 .fl,.appiy-item1 .fr{width: 50%;position: relative;} .BrandDateil .brand_appiy_main .appiy-item1 img{width: 100%;height: 100%;} .BrandDateil .brand_appiy_main .appiy-item2{margin: 20px 0 70px;} .BrandDateil .brand_appiy_main .appiy-item2 ul{display: flex;align-items: center;justify-content: space-between;} .BrandDateil .brand_appiy_main .appiy-item2 ul li {width: 24%;text-align: center;position: relative;} .BrandDateil .brand_appiy_main .appiy-item2 ul li img{width: 100%; height:192px;} .BrandDateil .brand_appiy_main .appiy-item2 ul li p{position: absolute;bottom: 5px;background-color: rgba(0,0,0,.5);width: 100%;color: #fff;height: 30px;line-height: 30px;text-align: center;} /* 维修服务 */ .App{width: 100%;} .App .under{margin-bottom: 100px;} .App .under .list ul li{font-size: 0;margin-top: 50px;position: relative; } .App .under .list .ig{display: inline-block;width: 60%;height:400px;} .App .under .list .ig img{width: 100%;} .App .under .list .ft{display: inline-block;width: 40%;height:400px;overflow: hidden;} .App .under .list .ft .box{padding: 0 23%;text-align: left;margin-top: 90px;} .App .under .list .ft .box.even{text-align: right;} .App .under .list .ft .line{width: 200px;height: 2px;background: #0065b8;display: inline-block; margin: 30px 0;position: absolute;top:33%;left:50%;} .App .under .list .ft .box.even .line{top:33%;left:33%;} .App .under .list .ft h3{color: #0065b8;font-size:24px;font-weight: 600;} .App .under .list .ft p{color: #666;font-size: 14px;margin-top: 5px;} .App .under .list .ft a{display: block;width: 100px;height: 40px;color: #b7b7b7 ;margin-left: 0%; font-size: 16px;border: 1px solid #b7b7b7;line-height: 40px;text-align: center; margin-top: 40px;} .App .under .list .ft .r{margin-left:160px} .App .under .list .ft a:hover{background-color:#0065b8 ;color: #fff;} /* .App .under .list .ft h6 {text-align: right;width: 100%;height: 40px;} */ /* 维修详情 */ .app_detail{width: 100%;} .app_detail .Top{padding-top: 50px;margin-bottom: 50px;} .app_detail .Top .fl{width:45%;height: 430px;line-height: 430px; text-align: center;} .app_detail .Top .fl img{width:100%; height:100%;} .app_detail .Top .fr{width:50%;height: 430px;position: relative;} .app_detail .Top .fr .name{font-size: 30px;margin-bottom:30px; color: #0065b8;height:50px;line-height: 50px;} .app_detail .Top .fr .list p{font-size: 16px;} .app_detail .Top .fr h3{margin: 50px 0;position: absolute;bottom: 0;width: 100%;} .app_detail .Top .fr h3 span{display: inline-block;color: #333333;font-size: 24px;line-height: 60px;font-weight: 500;} .app_detail .Top .fr h3 p{width: 40%; text-align: center;height:60px;line-height: 60px;color: #fff;font-size: 22px;background: url(../img/tel.png) 14% no-repeat #0065b8 ;background-size: 25px;display: inline-block;margin-left: 36px;background-position: 10px;} .app_detail .Top1{padding-top: 50px;border-bottom: 1px solid #f5f5f5;} .app_detail .Top1 .fr{width:45%;height: 380px;text-align: center;} .app_detail .Top1 .fr img{width:100%; height:100%;} .app_detail .Top1 .fl{width:50%;height: 380px;position: relative;} .app_detail .Top1 .fl .name{font-size: 24px;margin-bottom:41px; color: #0065b8;} .app_detail .Top1 .fl .list p{font-size: 16px;margin-bottom: 30px;line-height: 30px;} .app_detail .Top1 .fl h3{margin: 50px 0;position: absolute;bottom: 0;width: 100%;} .app_detail .Top1 .fl h3 span{display: inline-block;color: #333333;font-size: 24px;line-height: 60px;font-weight: 500;} .app_detail .Top1 .fl h3 p{width: 40%; text-align: center;height:60px;line-height: 60px;color: #fff;font-size: 22px;background: url(../img/tel.png) 14% no-repeat #0065b8 ;background-size: 25px;display: inline-block;margin-left: 36px;background-position: 10px;} .app_detail .app_detail_main h4{padding: 40px 0;color:#0065b8 ;font-size: 24px;text-align: center;} .app_detail .app_detail_main p{font-size: 16px;padding-bottom: 30px;} /* .app_detail .cen{margin: 100px 0;} */ .app_detail .cen .cen2 {display: none;} .app_detail .cen h3{background-color: #f5f5f5;height: 60px;} .app_detail .cen h3 p{text-align: center;color: #fff; font-size: 22px;display: flex;} .app_detail .cen h3 p span{color: #999;line-height: 60px;display: inline-block;height: 60px;width: 150px;font-weight: 500;} .app_detail .cen h3 p span:nth-child(1){background: #999;color: #fff; } .app_detail .cen .p{color: #666666;font-size: 16px;margin: 80px 0;} .app_detail .cen .img{width: 50%;margin: 0px auto;} .app_detail .cen .img img{width: 100%;display: block;} .app_detail .under-main{display: flex;align-items: center;justify-content: space-between;padding-bottom: 100px;} .app_detail .under-item{width: 30%;} .app_detail .under-item img{width: 100%;} .app_detail .under-item .item-title:hover{box-shadow: 3px 2px 100px #ccc;} .app_detail .under-item .item-title{padding-left: 20px;padding-bottom: 28px;} .app_detail .under-item .item-title h4{font-size: 22px;padding: 28px 0;color: #0065b8;} .app_detail .under-item .item-title p{font-size: 16px;padding-bottom: 20px;color: #666;} .app_detail .under-item .item-title a{display: block;width: 30%;text-align: center;height: 40px;line-height: 40px;border: 1px solid #ccc; color:#666 ;} .app_detail .under-item .item-title a:hover{background-color: #0065B8;color: #fff;} /* 应用领域 */ .m-area{display:none;} .area .area_list{margin: 20px 0 40px} .area .area_list ul li {display:flex; justify-content:space-between;margin-bottom:20px; } .area .area_list ul li .fls{width:60%; height:170px; } .area .area_list ul li .fls .fts{width:100%; display:flex; padding:5px 10px; height:170px;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);} .area .area_list ul li .fls .fts .numb{width:20%;} .area .area_list ul li .fls .fts .numb h3{font-weight: 900;font-size: 42px;line-height: 60px;color: #0773CB;margin:55px 45px;} .area .area_list ul li .fls .fts .titp{width:80%;padding:20px;} .area .area_list ul li .fls .fts .titp h3{font-size: 20px;line-height: 28px;color: #0773CB;} .area .area_list ul li .fls .fts .titp h4{ width: 30px;height: 1px;background: #FC4F00;margin:10px 0;} .area .area_list ul li .fls .fts .titp p{ font-weight: 400;font-size: 14px;line-height: 20px;color: #5C6068;} .area .area_list ul li .frs{width:30%;height:170px;} /* 新闻 */ .News_banner{width: 100%;height: 400px;} .News{width: 100%;} .News .fl{width: 70%;} .News .fl ul li{padding: 30px 0;border-bottom: 1px #eeeeee solid;} .News .fl .ft{float: left;width: 700px;padding-left:50px;} .News .fl .ft h3{position: relative; color: #484848;font-size: 20px;font-weight: 500;line-height: 26px;} .News .fl .ft h3::after{position: absolute;left: -30px;top: 10px; content: "";display: inline-block;width: 5px;height: 5px; vertical-align: middle; border: 2px #0065b8 solid;border-radius: 50%;} .News .fl .ft p{color: #a1a1a1;font-size: 12px;line-height: 18px;margin-top: 20px;cursor:pointer} .News .fl .number{float: right;} .News .fl .number h2{font-size: 43px;margin: 15px 0;color: #a1a1a1;font-weight: 500;text-align: center;width: 100%;} .News .fl .number p{font-size: 18px;color: #a1a1a1;} .News .fl ul li:hover .ft h3{color: #0065b8;} .News .fl ul li:hover{border-bottom: 1px #0065b8 solid;} .News .fl ul li:hover .ft h3::after{background: #0065b8;} .News .fl ul li:hover .number h2{color: #0065b8;} .News .fl ul li:hover .number p{color: #0065b8;} .News .fl .page_list ul{text-align: center;margin-top: 100px;} .News .fl .page_list ul li{display: inline-block;padding: 0;border: none; margin:0 10px;font-size: 18px; text-align: center;color: #b5b5b5;} .News .fl .page_list ul .prev{width: 50px;} .News .fl .page_list ul .next{width: 50px;} .News .fl .page_list ul li:hover{background: #0065b8;cursor: pointer;} .News .fr{width: 25%;} .News .fr h3{color: #333;font-size: 18px;font-weight: 500;border-bottom: 1px solid #ddd;padding: 15px;} .News .fr .item{margin-top: 15px;} .News .fr .item .img{width: 100%;} .News .fr .item .img img{display: block; width: 100%;} .News .fr .item p{background: #f5f5f5;color: #333;font-size: 15px; line-height: 33px;padding: 0 3%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;} .News .page{margin: 80px 0;text-align: center;} .News .page ul li{color: #999999;border: 1px #999999 solid;margin: 0 5px;display: inline-block;padding: 2px 10px;} .News .page ul li:hover{cursor: pointer;background: #0065b8;border: 1px #0065b8 solid;color: #fff;} /* 新闻详情 */ .News_title{height: 50px;margin: 30px auto 0;line-height:50px;border-bottom: 1px solid #ddd;width: 100%;} .News_title .img{text-align: center; display: inline-block;} .News_title .img img{width: 20px;vertical-align: text-bottom;} .News_title .p{display: inline-block;} .News_title .p a{display: block;color: #666666;font-size: 15px;} .News{width: 100%;} .Newsdetail .detail{width: 70%;float: left;} .Newsdetail .detail .top h1{line-height: 50px;font-size: 36px;color: #333;font-weight: 500;padding-top: 45px;} .Newsdetail .detail .top .date{font-size: 16px;color: #656565;margin: 20px 0;} .Newsdetail .detail .top .date span{padding-left: 30px;} .Newsdetail .detail .top .item{margin-bottom: 20px;} .Newsdetail .detail .top .item h3{color: #333333;font-size: 16px;} .Newsdetail .detail .top .item p{text-indent: 2em;font-size: 16px;color: #666666;margin-top: 10px;line-height: 30px;} .Newsdetail .detail .top .ig{width: 100%; margin: 40px 0 40px;} .Newsdetail .detail .top .ig img{width: 100%;height: 100%;} .Newsdetail .detail .under{margin: 80px 0;border-top: 1px #dcdcdc solid;padding-top: 50px;} .Newsdetail .detail .under p a{font-size: 15px;color: #535353;line-height: 35px;} .Newsdetail .detail .under p a:hover{color: #f19e21;} .Newsdetail .fr{width: 25%;} .Newsdetail .fr h3{color: #333;font-size: 18px;font-weight: 500;border-bottom: 1px solid #ddd;padding: 15px;} .Newsdetail .fr .item{margin-top: 15px;} .Newsdetail .fr .item .img{width: 100%;} .Newsdetail .fr .item .img img{display: block; width: 100%;} .Newsdetail .fr .item p{background: #f5f5f5;color: #333;font-size: 15px; line-height: 33px;padding: 0 3%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /* 关于我们 */ .about .fl{width: 40%;margin: 80px 0;} .about .fl h3{font-size: 48px;} .about .fl h5{font-size: 32px;padding-bottom: 74px;} .about .fl p{font-size: 16px;line-height: 24px;} .about .fr img{width: 100%;} .about .fr{width: 55%;margin: 80px 0;} /* 联系我们 */ .we{margin-top: 77px;width: 100%;} .we .fl{width:60%;} .we .fr{width: 35%;text-align: center;} .we .fl h3{font-size: 32px;} .we .fl h6{width: 50px;background-color:#fdae2c;height: 2px;margin: 8px 0 20px;} .we .we-link{line-height: 30px;font-size: 14px; margin-top:20px;} .we .we-link a{font-size: 18px;color: #333;} .we .we-link li{color: #999;font-size: 18px;margin-bottom: 20px;} .we .we-main{padding-bottom: 80px;} /* .we .we-link li:nth-child(3){margin-bottom: 40px;} */ .we .fr h4{color: #333333;font-size: 32px;text-align: left;} .we .fr h6{width: 25px;background-color:#0773CB;height: 2px;margin: 20px 0 30px;} .we .fr .leave{margin-bottom: 20px;} .we .fr .leave-item input{width: 100%;border: none;outline: none;background-color: #f5f5f5;height: 53px; display: block;margin-bottom: 20px;padding: 0 20px;} .we .fr .leave-item input::placeholder,.leave textarea{font-size: 16px;} .leave textarea{background-color: #f5f5f5;margin: 0px 0; resize: none;width: 100%;outline: none;border: none;padding:8px 20px;height: 200px;} .leave button{padding:10px 50px;background-color: #0065b8;border:none;outline: none;color: #fff;text-align: center;margin-top: 65px;} .contanct-map{margin: 40px 0;height:320px} .we .fr p{display: none;} .we-foot{display: none;} .mwe-link{display: none;} .contanct-map img{width: 100%;} .M_Search{display: none;} .m-News{display: none;} .App .m_under{display: none;} .m_Search{display: none;} .m_Product{display: none;} .m_head{display: none;} .Brand .m_under{display: none;} .m-BrandDateil{display: none;} #page{margin:100px 0;text-align: center;} #page .pagination{margin-top:50px;} #page ul li{color: #999999;border: 1px #999999 solid;margin: 0 5px;display: inline-block;width:auto;padding:0;float:none;} #page ul li a{padding: 2px 10px;display: inline-block;} #page ul li:hover a{cursor: pointer;background: #0065b8;color: #fff;} #page ul li.active{border: 1px #0065b8 solid;} #page ul li.active a{background: #0065b8;border: 1px #0065b8 solid;color: #fff;} @media screen and (max-width:1000px){ .search{ display: none;} #floatDivBoxs{ display: none;} #rightArrow {display: none;} .title12 { display: none; } .Brand_search { display: none; } .center-banner{display: none;} .mcenter-banner{width: 100%;display: block;margin-bottom:20px;} .mcenter-banner img{width: 100%;} .header{display: none;} .Welcome{display: none;} .index-banner{display: none;} .mindex-banner{display: block;} .mindex-banner .prev{display: none;} .mindex-banner .next{display: none;} .m_head{padding: 10px 3%;width: 100%;z-index: 999;display: block;} .m_head .away{position: fixed;top: 0;width: 100%;padding: 5px 3%;z-index: 999;background: #fff;margin: 0;box-shadow: 1px 1px 9px #e5e5e5;} .m_head .logo{float: left;width: 240px; height:35px;background: url(../img/logo.png) left no-repeat;background-size:contain;} .m_head .fr .icon{float: right;width: 40px; height: 35px;line-height: 80px;} .m_head .m_nav{display: none; position: absolute;top:0px;left: 0;width: 100%;height: 100vh; z-index: 999; background: #fff;} .m_head .m_nav .close{width: 90%;margin: 20px auto;text-align: right;} .m_head .m_nav .list .this {color:#0065b8 ;} .m_head .m_nav .close img{width: 24px;height: 24px;vertical-align: middle;} .m_head .m_nav .list ul li{width: 90%;margin: 0 auto; border-bottom: 1px #eaeaea solid;} .m_head .m_nav .list ul li a{display: block;height: 50px;line-height: 50px; font-size: 16px;color: #545454;} .m_head .m_nav .list ul li .may{display: none;} .m_head .m_nav .list ul li .may li:last-child{border: none;} .w { width: 90%; margin:auto; } .mindex-banner img{width: 100%;} #mbanner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{margin-right: 10px;} #mbanner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{margin-left: 10px;} #mbanner .swiper-button-next:after, .swiper-button-prev:after,#mbanner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size:25px;} .index{display:none;} .title{padding: 4px 0 4px;position: relative;text-align: center;margin:20px auto;display:block; } .title h4{font-size: 18px;line-height:30px; color: #1A2846;margin-bottom:3%;} .title h5{margin:auto;} .m-index{display: block;margin: 40px auto 0;width: 100%;} .m-index .search-type{border-right: 1px solid #0773CB;width:30%;text-align: center;} .m-index .search-type select { border: none;font-size: 15px;color: #666;outline: none;height: 48px;line-height: 48px;width: 100%; } .m-index .search-type option{border: 1px solid #0773CB;height: 30px;width:220px;} .m-index form{height: 50px;border: 1px solid #0773CB;display: flex;align-items: center;position: relative;width: 90%;margin: 0 auto;} .m-index form input{border: none;outline: none;font-size: 15px;padding-left: 23px;} .m-index .search-submit{width: 60px;background-color: #0773CB;text-align: center;position: absolute;right: 10px;color: #fff;height:30px;line-height: 30px;} .m-index .index_center .center-main{padding-bottom: 20px;display: flex; align-items: center;justify-content: space-between;flex-wrap: wrap;width: 95%;margin: 0 auto;} .m-index .index_center .center-item {border: 2px solid #ccc;height: 150px;margin: 0 auto 20px;width: 45%;} .m-index .index_center .center-item:hover{border: 2px solid #0065b8;} .m-index .index_center .center-item:hover h6{border-bottom: 2px solid #0065b8;} .m-index .index_center .center-item:hover .watch {background-color: #0065b8;} .m-index .center-item .item-header h6{padding:20px 0 12px ;text-align: center;font-size: 16px;border-bottom: 2px solid #ccc;margin: 0 12px;} .m-index .index_center .center-item img{width: 100%;} .m-index .index_center .cemter-icon{width: 60%;padding: 17px 0 42px;text-align: center;margin: 20px auto;height: 62px;line-height: 62px;} .m-index .center-footer{text-align: center;padding: 10px 20px;background-color: #0065B8;width: 30%;margin: 10px auto 40px;color: #fff ;} .m-index .center-footer a{color: #fff;} .m-index .index_Maintain .Maintain-main{width: 90%;margin: 0 auto;} /* .m-index .index_Maintain .maintain-item{position: relative;} */ .m-index .index_Maintain .maintain-item img{width: 100%;} .m-index .index_Maintain .maintain-item p{color: #333;text-align: center;font-size: 16px;padding: 15px 0 30px;} .m-index .index_Maintain .maintain-item p span img{width: 100%;height: 100%;} .m-index .index_Maintain .maintain-item:hover p{border: 1px solid #fff;} .m-index .index_Maintain .maintain-item:hover p span {display: block;} .m-index .index_Maintain .maintain-item p span {display: block;height: 43px !important;width:44px !important;position: absolute;top: 15%;left: 47%;display: none;} .m-index .index_product .swiper-container-pointer-events{margin: 0 auto;padding-bottom: 30px;padding-left: 10px;} .m-index .index .index_product{padding-bottom: 50px;} .m-index .index_product .product-list{width: 90%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .m-index .index_product .product-list .list-item{background-color: #f5f5f5;width: 47%;margin-bottom: 20px;padding: 0 0 20px;} .m-index .index_product .list-item .item-icon{padding: 20px 0 ;width: 100%; margin: 0 auto;text-align: center;} .m-index .index_product .list-item .item-icon img{width:140.08px;height:109.64px;text-align: center;margin: 0 auto;} .m-index .index_product .list-item p{text-align: center;font-size: 18px; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 1;-webkit-line-clamp: 1; -webkit-box-orient: vertical;} .m-index .index_product .list-item h6{width: 50px;height: 2px;background-color: #0065b8;text-align: center;margin: 10px auto 0;} .m-index .index_about{width: 100%;background: url(../img/m-about-bg1.png) no-repeat center;height: 750px;background-size: cover;} .m-index .index_about .about-main .fl{width: 90%;float: none;margin: 0 auto; } .m-index .index_about .about-main .fr{width: 90%; float: none;margin: 0 auto;} .m-index .index_about .about-main .fr img{width: 100%;margin-bottom: 30px;} .m-index .index_about .about-main .fl h3{font-size: 24px;color: #fff;padding-top: 40px;} .m-index .index_about .about-main .fl h6{font-size: 18px;color: #fff;padding: 14px 0 30px;} .m-index .index_about .about-main .fl p{color: #ffff;font-size: 16px;line-height: 24px;padding-bottom: 40px;} .m-index .index_about .about-main .fr a{width: 120px;height: 40px;display: block;background-color: #ffba00;text-align: center;line-height: 40px;color: #fff;font-size: 16px;} .m-index .index_repertory{ padding-bottom: 50px;} .m-index .index_repertory .repertory-main .fl{width: 90%;float: none;margin: 0 auto;} .m-index .index_repertory .repertory-main .fl p{color: #333;font-size: 16px;margin:0 0 30px;line-height: 24px;} .m-index .index_repertory .repertory-main .fr{width: 90%;background-color: #f5f5f5;height: 170px;padding: 30px 20px;float: none;margin: 0 auto;} .m-index .index_repertory .repertory-main .fr .swiper-slide{height: 100%;width:40% !important;} .m-index .index_repertory .repertory-main .fr .swiper-slide img{width: 100%;height:110px;} .m-index .index_news{background-color: #f7fcff;padding-bottom: 10px;} .m-index .new-main{width: 90%;margin: 0 auto 0px;padding-bottom: 20px;} .m-index .new-main .new-item{border-bottom: 1px solid #f5f5f5;padding-bottom: 20px;margin-bottom: 20px;} .m-index .new-main .new-item h4{font-size: 16px;} .m-index .new-main .new-item p{color: #999;padding: 10px 0;font-size: 14px;line-height: 24px;} .m-index .new-main .new-item h6{font-size: 12px;color: #999;} .m-index .new-footer{text-align: center;margin: 0px auto 40px;color: #fff ;} .m-index .new-footer a{color: #fff;background-color: #ffba00;width: 30%;padding: 10px 20px;} .m-index .index_repair .repair-footer-fo{width: 90%;margin: 0 auto;} .m-index .index_repair .repair-footer input{width:100%;height: 50px;margin-top: 20px;border: none;background-color: #f5f5f5;padding-left: 20px;} .m-index .index_repair .repair-footer input::placeholder, .repair-footer textarea::placeholder{font-size: 14px;color: #999;} .m-index .index_repair .repair-footer textarea{height:100px;width: 100%;line-height: 50px;margin-top: 30px; overflow:hidden; resize:none;border: none;padding-left: 20px;background-color: #f5f5f5;} .m-index .index_repair .repair-footer a{color: #fff;background-color: #ffba00;display: block;margin: 30px auto 20px;padding: 10px 30px;width:30%;text-align: center;} .m-index .index_quality{background-color: #f7fcff;margin: 0 !important;padding-bottom: 50px;} .m-index .index_quality .quality-main{padding-top: 50px;display: flex;align-items: center;justify-content: space-between;width: 90%;margin: 0 auto;} .m-index .quality-main .quality-item{width: 30%;text-align: center;} .m-index .quality-main .quality-item h5{font-size: 16px;} .m-index .quality-main .quality-item img{width: 60%;} .mimgbenner{width: 100%;} .mimgbenner img{display: block; width: 100%;margin:5% 0;} .footer{display: none;} .m_foot{display: block;overflow: hidden;} .mfooter-m{background-color: #020200;} .m_foot ul{margin-bottom: 0 !important;} .m_foot ul li{border-bottom: 1px solid #fff;height: 50px;padding: 0 20px;line-height: 50px;position: relative;} .m_foot ul li a{color: #fff;font-size: 12px;} .m_foot ul li :last-child{border-bottom: none;} .m_foot ul li img{width: 3%;position: absolute;right:40px;top: 19px;} .m_foot .icp{color: #fff;font-size: 12px;text-align: center;height: 40px;line-height: 40px;background-color: #0b131c;} /* 轴承品牌 */ .Brand .under{display: none;} .Brand .m_under .title{text-align: center;margin: 30px 0;position: relative;} .Brand .m_under .title h3{color: #f5f5f5;font-size: 24px;font-weight: 500;} .Brand .m_under .title p{color: #333;font-size: 18px;text-transform: uppercase;position: absolute;top: 15px;left: 50%;margin-left: -40px;} .Brand .m_under{margin-bottom: 60px;padding: 0 5%; display: block} .Brand .m_under .list ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} .Brand .m_under .list ul li{margin-top: 20px;width: 48%;background-color: #f5f5f5;height: 160px;} .Brand .m_under .list .ig{width: 70%;height: 100px;line-height: 100px;display: flex;align-items: center;margin: 0 auto;} .Brand .m_under .list .ig img{width:80%;text-align: center;margin: 0 auto;} .Brand .m_under .list .ft{overflow: hidden;} /* .Brand .m_under .list .ft .box{padding: 10px 0 10px 0;} */ .Brand .m_under .list .ft h3{color: #666;font-size:18px;padding: 20px 0;text-align: center;} .Brand .m_under .list .ft h6{color: #ffba00;font-size: 24px;text-align: center;} .Brand .m_under .m_under_more a{text-align: center;width: 20%;margin: 0 auto;display: block;color: #666;font-size: 14px;} /* 轴承品牌详情 */ .BrandDateil{display: none;} .m-BrandDateil{display: block;} .m-BrandDateil .Top{margin: 50px auto;width: 90%;margin: 0 auto;} .m-BrandDateil .Top .fl{width: 100%;} .m-BrandDateil .Top .fl .img{width: 100%;margin-top: 50px;} .m-BrandDateil .Top .fl .img img{display: block; width: 100%;} .m-BrandDateil .Top .fr{width: 100%;margin-top:50px;} .m-BrandDateil .Top .fr .p{font-size: 20px;line-height: 34px;} .m-BrandDateil .Top .fr .p .con {max-height: 400px;overflow: hidden;} .m-BrandDateil .Top .fr .p.on .con {max-height: none;} .m-BrandDateil .Top .fr .p::-webkit-scrollbar{display: none;} .m-BrandDateil .Top .fr .logo{text-align: left;color: #474747;font-size: 20px;margin-bottom: 10px;} .m-BrandDateil .Top .fr .logo img{width: 15%;} .m-BrandDateil .Top .fr .logo span{margin-bottom: -20px;} .m-BrandDateil .Top .fr .p p{color: #666666;font-size: 14px;text-indent: 24px;} .m-BrandDateil .Top .fr .show{color: #007aff;font-size: 18px;text-align: right;margin: 30px 0;cursor: pointer;} .m-BrandDateil .Top .fr .show img{width: 20px;margin-left: 10px; vertical-align: middle;} .m-BrandDateil .Top .fl .icon ul li{float: left;width: 20%;text-align: center;} .m-BrandDateil .Top .fl .icon .img{width: 40%;margin: 0 auto;} .m-BrandDateil .Top .fl .icon .img img{width: 100%;} .m-BrandDateil .Top .fl .icon p{color: #666666;font-size: 15px;} .m-BrandDateil .brand_good{background: url(../img/m-brand-bg.png) no-repeat;height: 430px;} .m-BrandDateil .brand_detail_main{padding-top: 30px;} .m-BrandDateil .brand_detail_main ul li{float: left;text-align: center;width: 33%;margin-bottom: 50px;} .m-BrandDateil .brand_detail_main span{color: #fff;position:absolute;top:60px;left:30px;} .m-BrandDateil .brand_detail_main ul li:hover span{color: #0065B8;} .m-BrandDateil .brand_detail_main ul li a{text-align: center;width: 100%;height: 60px;position:relative;} .m-BrandDateil .brand_detail_main .brand_item1 a{background: url(../img/good1.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;background-size:40%;} .m-BrandDateil .brand_detail_main .brand_item1 a:hover{background: url(../img/good1-1.png) no-repeat center;} .m-BrandDateil .brand_detail_main .brand_item2 a{background: url(../img/good2.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;background-size:40%;} .m-BrandDateil .brand_detail_main .brand_item2 a:hover{background: url(../img/good2-1.png) no-repeat center;} .m-BrandDateil .brand_detail_main .brand_item3 a{background: url(../img/good3-1.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;background-size:40%;} .m-BrandDateil .brand_detail_main .brand_item3 a:hover{background:url(../img/good3.png) no-repeat center;} .m-BrandDateil .brand_detail_main .brand_item4 a{background: url(../img/good4.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;background-size:40%;} .m-BrandDateil .brand_detail_main .brand_item4 a:hover{background: url(../img/good4-1.png) no-repeat center;} .m-BrandDateil .brand_detail_main .brand_item5 a{background: url(../img/good5.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;background-size:40%;} .m-BrandDateil .brand_detail_main .brand_item5 a:hover{background: url(../img/good5-1.png) no-repeat center;} .m-BrandDateil .brand_detail_main .brand_item6 a{background: url(../img/good6.png) no-repeat center;display: block;margin-bottom: 10px;text-align: center;background-size:40%;} .m-BrandDateil .brand_detail_main .brand_item6 a:hover{background: url(../img/good6-1.png) no-repeat center;} .m-BrandDateil .brand_appiy_main{width: 90%;margin: 0 auto;} .m-BrandDateil .brand_appiy_main img{width: 100%;} .m-BrandDateil .appiy-item1{position: relative;} .m-BrandDateil .appiy-item1 p,.appiy-item2 p{position: absolute;bottom: 5px;background-color: rgba(0,0,0,.5);width: 100%;color: #fff;height: 30px;line-height: 30px;text-align: center;} .m-BrandDateil .appiy-item2 .fl,.appiy-item2 .fr{width: 47%;position: relative;} .brand_appiy_main .appiy-item2{margin: 20px 0;} .Brand{display: none;} .m_brand .title{padding: 25px 0 ;text-align: center;} .m_brand .title h4{font-size: 18px;color: #333;} .m_brand .title h5{font-size: 10px;color: #666666;text-transform: uppercase;} .m_brand .title span{width: 50px;height: 1px ;background-color: #1260cd;display: block;text-align: center;margin: 0 auto;margin:10px auto ;} .mbrand-top{background: url(../images/m_brandBG.png) no-repeat center;background-size: 100%;} .mbrand-top p{width: 90%;margin: 0 auto;padding: 20px 0;font-size: 13px;line-height: 24px;} .m_brand {padding: 0 5%; display: block} .m_brand .mbrand_list{margin-bottom: 30px; height: 350px; overflow: hidden;} .m_brand .mbrand_list ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} .m_brand .mbrand_list ul li{margin-top: 20px;width: 48%;border:1px solid #f5f5f5;height: 150px;} .m_brand .mbrand_list .ig{width: 70%;height: 100px;line-height: 100px;display: flex;align-items: center;margin: 0 auto;} .m_brand .mbrand_list .ig img{width:80%;text-align: center;margin: 0 auto;} .m_brand .mbrand_list .ft{overflow: hidden;} .m_brand .mbrand_list .ft h3{color: #b2b2b2;font-size:18px;padding:0px 0;text-align: center;} .m_brand .mbrand_list li:hover h3{color: #333;} .news-more{width: 100%;text-align: center;color: #1260cd;padding: 0px 0 50px;font-size: 14px;display: block;} /* 产品中心 */ .Product .title{display: none;} .m_Product{padding: 0 5%;display: block;} .m_Product .title{text-align: center;margin: 30px 0;position: relative;} .m_Product .title h3{color: #f5f5f5;font-size: 24px;font-weight: 500;} .m_Product .title p{color: #333;font-size: 18px;text-transform: uppercase;position: absolute;top: 15px;left: 50%;margin-left: -40px;} .m_Product .p{overflow: hidden;width: 100%;} .m_Product .p.on{height: auto;} .m_Product .p span{display: inline-block; color: #666;font-size: 14px;padding: 5px 10px;margin:10px 10px 0 0;border: 1px solid #0065b8;} .m_Product .p span.on{background: #0065b8;color: #fff;} .m_Product .show{color: #fff;font-size: 14px;width: 32%;margin: 30px auto;text-align: center;padding: 6px 0;background-color:#0065b8 ;} .Product{width: 90% ;margin: 0 auto;} .Product .Slide .hd{display: none;} .Product .Slide{width: 100%;} .Product .Slide .bd{width: 100% ;float: none;} .Product .Slide .bd ul{display: flex;justify-content:space-between;flex-wrap: wrap;} .Product .Slide .bd ul li{width: 48%;margin: 0 0 2% 0;} .Product .Slide .bd ul li img{width: 100%;} .Product .Slide .bd .box p:nth-of-type(2){display: none;} .Product .Slide .bd .tel{font-size: 12px !important;margin: 5px 0 10px;} .Product .Slide .bd p{font-size: 14px;margin-top: 10px;} .Product .Slide .bd .box p span{display: block;} .Product .Slide .bd .icon{height: 100px;} .Product .Slide .bd .box .name{margin-bottom: 0;} .Product .Slide .bd .img{line-height: 170px;width: 100%;} .Product .page {display: none;} .Product .Product-more{margin: 40px auto;width:100% ;text-align: center;display: block;} .Product .Product-more a{color: #666;font-size: 14px;} /* 产品详情 */ .Product {padding-top: 20px} .Product .Top .fl{width: 100%;float: none;height: 200px;line-height: 200px;} .Product .Top .fr{width: 100%;float: none;} .Product .Top .fl{background-size: 60%;background-color: #e6e6e6;} .Product .Top .fr .list ul li{width: 50%;font-size: 12px;border: 1px solid #f5f5f5;padding: 0 20px;} .Product .Top .fr .name{font-size: 20px;text-align: center;margin: 30px 0;height: 40px;line-height: 40px;} .Product .Top .fr h3 p{width: 65%;margin-left:20px;height: 40px;line-height: 40px;font-size:16px} .Product .Top .fr h3 span{font-size: 16px;} .Product .cen h3 p{font-size: 16px;line-height: 40px;width: 120px;} .Product .cen .p{font-size: 13px;margin: 30px 0;} .Product .cen .img{width: 100%;} .Product .tempWrap{width: 100%;} .Product .Top .fr h3{margin: 30px 0;} .Product .cen{margin: 50px 0;} .Product .under .title{padding: 40px 0 60px;} .Product .under .title h4{font-size: 24px;} .Product .under .title h5{font-size: 18px;top: 50px;} .Product .under .slideBox{display: none;} .Product .under{width: 100%;margin: 0 auto 50px;} .Product .under .swiper-container{display: flex;align-items: center;font-size: 12px;margin: 30px 0;width: 100%;margin: 0 auto;} .Product .under .swiper-container img{width: 100%;} .Product .under .swiper-slide{width: 35%;} .Product .under .swiper-slide .ig{height: 140px;text-align: center; overflow: hidden;background-color: #f5f5f5;width: 100%;} .Product .under .swiper-slide .ig img{width: 50%;line-height: 140px;padding: 42px 0;} .Product .under .swiper-slide .model { font-size: 14px; color: #333; padding-top: 10px ; margin-bottom:10px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .Product .under .swiper-slide p{color: #666;width: 100%;font-size: 12px;text-align: center;} /* 型号查询 */ .index_Search{display: none;} .prodSearch{display: block;} .prodSearch form{height: 50px!important;border: 1px solid #0065b8;display: flex;align-items: center;position: relative;width: 90%;margin: 0 auto;} .prodSearch form input{border: none;outline: none;font-size: 15px;padding-left: 23px;} .prodSearch .search-submit{width: 60px;background-color: #0065b8;text-align: center;position: absolute;right: 10px;color: #fff;height:30px;line-height: 30px;} .prodSearch .search-type{border-right: 1px solid #0065b8;width:30%!important;text-align: center;padding:0px!important} .prodSearch .search-type select{border: none;font-size: 15px;color: #666;outline: none;height:48px;line-height: 48px;width: 70%;} .prodSearch .search-type option{border: 1px solid #0065b8;height: 30px;width:220px;} .prodSearch form{height: 50px;border: 1px solid #0065b8;display: flex;align-items: center;position: relative;width: 100%;margin: 0 auto;} .prodSearch form input{border: none;outline: none;font-size: 15px!important;padding-left: 23px!important;width: calc(100% - 180px)!important;} .prodSearch .search-submit{width: 60px;background-color: #0065b8;text-align: center;position: absolute;right: 10px;color: #fff;height:30px;line-height: 30px;} .prodSearch .List .p p{font-size:18px} .prodSearch .List ul li p{font-size:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .M_Search{display: block;margin: 40px auto 40px;width: 100%;} .M_Search .search-type{border-right: 1px solid #ffba00;width:30%;text-align: center;} .M_Search .search-type select { border: none; font-size: 15px; color: #666; outline: none; height: 48px; line-height: 48px; width: 100%; } .M_Search .search-type option{border: 1px solid #ffba00;height: 30px;width:220px;} .M_Search form{height: 50px;border: 1px solid #ffba00;display: flex;align-items: center;position: relative;width: 90%;margin: 0 auto;} .M_Search form input{border: none;outline: none;font-size: 15px;padding-left: 23px;} .M_Search .search-submit{width: 60px;background-color: #ffba00;text-align: center;position: absolute;right: 10px;color: #fff;height:30px;line-height: 30px;} .M_Search .select{/*border-top: 1px #f1f1f1 solid;*/padding:30px 5% 20px;position: relative;width: 100%;} .M_Search .select ul li{width: 45%;display: inline-block;} .M_Search .select ul li h4{font-size: 16px;color: #575757;text-align: center;font-weight: 500;padding: 10px 0;background:url(../img/xx.png) 85% no-repeat;background-size: 7px;background-position: 70% 18px;} .M_Search .select ul li h4.bg{background:url(../img/xs.png) 85% no-repeat;background-size: 7px;background-position: 70% 18px;} .M_Search .select ul li ul{display: none; position: absolute;top: 80px;left:5%;width: 90%;background: #f8f8f8;box-shadow: 1px 1px 9px #e5e5e5;z-index: 999;} .M_Search .select ul li ul li{display: inline-block;background: #fff;color: #8d8d8d;font-size: 14px;border:1px #e5e5e5 solid;width: auto;font-family: "苹方"; padding: 10px 10px;margin: 20px 10px 0;} .M_Search .select ul li ul li.Color{background: #0065b8;color: #ffffff;border: 1px transparent solid;} .M_Search .select ul li ul .submit button{width: 30%;display: block; margin: 30px auto; height: 35px;line-height: 35px;font-size: 14px;color: #fff;background: #0065b8; border: none;text-align: center;} .M_Search .p{overflow: hidden;width: 100%;background-color: #f5f5f5;padding: 20px 20px;margin: 20px 0;} .M_Search .p.on{height: auto;} .M_Search .p span{display: inline-block; color: #666;font-size: 14px;padding: 5px 8px;margin:10px 8px 0 0;border: 1px solid #0065b8;} .M_Search .p span.on{background: #0065b8;color: #fff;} .M_Search .show{color: #fff;font-size: 14px;width: 40%;margin: 30px auto 10px;text-align: center;padding: 10px 0;background-color:#0065b8 ;} .M_Search .Search_list{width: 90%;margin: 0 auto;} .M_Search .Search_list ul li{float: left; width:47%;margin:0 6% 6% 0;} .M_Search .Search_list ul li .ig{width:100%;height: 150px;background: #eee;line-height: 150px;text-align: center; } .M_Search .Search_list ul li .ig img{vertical-align: middle;width: 50%;} .M_Search .Search_list ul li p{font-size: 14px;color: #333;line-height: 20px; margin-top: 5px;text-align: center;} .M_Search .Search_list ul li:nth-of-type(2n+2){margin-right: 0} .M_Search .Search_list .tel{font-size: 12px;color: #666;} /* 维修 */ .App .under{display: none;} .App .m_under .title{text-align: center;margin: 30px 0;position: relative;} .App .m_under .title h3{color: #f5f5f5;font-size: 30px;font-weight: 500;} .App .m_under .title p{color: #333;font-size: 20px;text-transform: uppercase;position: absolute;top: 15px;left:50%;margin-left: -40px;} .App .m_under{margin-bottom: 60px;padding: 0 5%; display: block} .App .m_under .list ul li{margin-top: 40px;} .App .m_under .list .ig{height:200px;width: 100%;} .App .m_under .list .ig img{width: 100%;height: 100%;} .App .m_under .list .ft{overflow: hidden;text-align: center;} .App .m_under .list .ft .box{padding: 10px 0 10px 0;} .App .m_under .list .ft h3{color: #0065b8;font-size:18px;font-weight: 600;padding: 5px 0;} .App .m_under .list .ft p{color: #9c9c9c;font-size: 15px;margin-top: 5px;} .App .m_under .list .ft a{display: block;width: 100px;height: 30px;color: #b7b7b7 ;font-size: 16px;border: 1px solid #b7b7b7;line-height: 30px;text-align: center;margin: 20px auto 20px ;} /* 维修详情 */ .app_detail .Top{margin-bottom: 30px;} .app_detail .Top .fl{float: none;width: 90%;margin: 0 auto;height: 230px;} .app_detail .Top .fr{float: none;width: 90%;margin: 0 auto;height: 330px;} .app_detail .Top .fr .list p{line-height: 30px;} .app_detail .Top .fr h3 span{height: 40px;line-height: 40px;} .app_detail .Top .fr h3 p{margin-left: 10px;width: 65%;height: 40px;line-height: 40px;} .app_detail .Top .fr h3{margin: 30px 0 0;} .app_detail .cen{width: 90%;margin: 0 auto;} .app_detail .cen .cen2{display: block;margin-top:40px} .app_detail .cen h3{height: 40px;line-height: 40px;} .app_detail .cen h3 p span{height:40px;line-height: 40px;font-size:24px} .app_detail .cen1{display: none;} .app_detail .Top1{padding: 40px 0;border-bottom:0px} .app_detail .Top .fr .name { font-size: 24px; margin-bottom: 30px; color: #0065b8; height: 40px; line-height: 40px; } .app_detail .Top1 .fl .name{margin-bottom:20px;} .app_detail .Top1 .fl .list p{ margin-bottom: 20px} .app_detail .Top1 .fl{float: none;width: 90%;margin: 0 auto;height: 330px;} .app_detail .Top1 .fr{float: none;width: 90%;margin: 0 auto;height:240px;} .app_detail .Top1 .fr img{width: 100%;} .app_detail .app_detail_main p{font-size: 16px;line-height: 30px;} .app_detail .title{padding: 20px 0 60px;} .app_detail .title h4{font-size: 26px;} .app_detail .title h5{font-size: 20px;top: 35px;left: 50%;margin-left: -40px;} .app_detail .under-main{width: 90%;margin: 0 auto;flex-wrap: wrap;} .app_detail .under-item{width: 47%;} .app_detail .under-item .item-title{padding-left: 10px;} .app_detail .under-item .item-title p{overflow : hidden; text-overflow: ellipsis;height: 40px;margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .app_detail .under-item .item-title h4{padding: 10px 0;white-space: nowrap;font-size:20px} .app_detail .under-item .item-title a{width: 60%;} .app_detail .under-main{padding-bottom: 40px;} /* 新闻详情 */ .News {display: none;} /*.Ypnews-left{width: 90%;margin: 20px auto;}*/ .m-News{display: block;} .Ypnew-content{display: flex;justify-content: space-between;align-items: center; padding: 20px 0 20px;border-bottom: 1px solid #d7d7d7;width: 90%;margin: 0 auto;} .Ypnew-content:first-child{padding-top:0px} .Ypnew-content:hover{color: #0065B8;} .Ytime{width: 20%;text-align: center;border-right: 1px solid #eee;padding-right: 10px;height: 60px;line-height: 60px;} .Ytime h5{font-size: 18px;color: #333;padding-bottom: 10px;height: 30px;line-height: 30px;} .Ytime h6{font-size: 12px;height: 30px;line-height: 30px;} .Ytime:hover h5,.Ytime:hover h6 {color: #0065B8;} .Ypnew-title {width: 75%;} .Ypnew-title h3{font-size: 16px;color: #333;padding-bottom: 7px;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .Ypnew-title h3:hover{color: #0065B8;} .Ypnew-title p:hover{color: #0065B8;} .Ypnew-title p a{color: #666;line-height: 18px;font-size: 14px;} .m-pages{margin: 30px auto 30px;text-align: center;width: 90%;} .m-pages ul li{text-align: center;display:inline-block} .m-pages li a{border: none;margin: 0;padding:5px 10px ;color: #999;} .m-pages li .yema{border-radius: 0;border:1px solid #d9d9d9;color: #999;margin-right: 10px;} .News_title{margin-top:15px ;width: 90%;} .Newsdetail{width: 90%;margin: 10px auto 30px;} .Newsdetail .detail{width: 100%;} .Newsdetail .fr{display: none;} .Newsdetail .detail .top{width: 100%;} .Newsdetail .detail .top h1{font-size: 20px;line-height: 30px;padding-top:15px;} .Newsdetail .detail .top .date{margin: 10px 0;} .Newsdetail .detail .top .ig{margin: 20px 0;} .Newsdetail .detail .under{margin:20px 0;} /* 关于我们 */ .about {width: 90%;margin: 0 auto 0px;} .about .fl{width: 100%;float: none;margin: 20px 0;} .about .fl h3{font-size: 24px;} .about .fl h5{padding-bottom: 20px;font-size: 16px;} .about .fr{width: 100%;float: none;margin: 20px 0;} .about .fr p{width: 100%;} .about .fr .more{width: 35%;} .about{display:none;} .Y-about{width: 90%; margin:auto;} .Yicon {position:relative; width: 330px; height: 234.25px; background: #ECE3DD;margin-bottom:5%;} .Yicon img{position: absolute;width: 330px;height: 227.09px;left: 16px;top: 18px;} .Ycontent p{font-weight: 400;font-size: 15px;line-height: 21px;color: #525252;} .index_company{width:100%;margin:30px auto 30px !important;padding:0 15px; } .index_company .swiper-container{display: flex;align-items: center;font-size: 12px;margin: 30px 0;width: 90%;margin: 0 auto;} .index_company .swiper-container img{width: 100%;} .index_company .swiper-slide{width: 33%;} .index_company .swiper-slide .ig{height: 100px;text-align: center; overflow: hidden;background-color: #F5F5F5;width: 100%;} .index_company .swiper-slide .ig img{width: 90%;line-height: 140px;padding: 15px 0;height:100%;} .index_company .swiper-button-prev{left: 0px;background-size: 10%;top: 50% ;} .index_company .swiper-button-next{right: 0px;background-size: 10%;top: 50% ;} .index_company .swiper-button-prev:hover{background-size: 10%;top: 50% ;} .index_company .swiper-button-next:hover{background-size: 10%;top: 50% ;} .index {width: 100%;margin: 0 auto;} /* 联系我们 */ .we .we-main{width: 90%;margin: 0 auto 0px;padding-bottom: 30px;} /* .We .top{padding: 0 5%;} */ .we{ margin-top:40px;} .we .fl{width: 100%;float: none;} .we-link{display: none;} .mwe-link{display: block;} .we .mwe-link{line-height: 30px;font-size: 14px;} .we .mwe-link a{font-size: 14px;color: #333;} .we .mwe-link li{color: #999;font-size: 14px;margin-bottom: 10px;} .we .fl h3 ,.we .fr h4{font-size: 20px;margin-bottom: 10px;} .we .fr{width: 100%;float: none;margin-top: 40px;} .we .fr p{display: block;padding-bottom: 20px;} .we .fr .leave-item div input::placeholder{font-size: 14px;color: #999;} .we .fr textarea::placeholder{font-size: 14px;padding-top: 20px;color: #999;} .we .fr .leave-item div:nth-child(1) input{background: url(../img/my.png) no-repeat center #f5f5f5;background-position: 15px;padding-left: 40px;background-size: 5%;} .we .fr .leave-item div:nth-child(2) input{background: url(../img/phone.png) no-repeat center #f5f5f5;background-position: 15px;padding-left: 40px;background-size: 4%;} .we .fr textarea{background: url(../img/bj.png) no-repeat center #f5f5f5;background-position: 20px 30px;padding-left: 40px;background-size: 4%;} .we .fr button{border-radius:20px;margin-top:40px;} .we-foot{display: block;width: 100%;text-align: center;padding-bottom: 40px;} .we-foot img{width:80%;} .we-foot p{font-size: 20px;} .contanct-map{margin: 40px 0;width:100%; height:220px} /* 应用领域 */ .area {display:none;} .m-area{display:block;} .m-area .area_list{margin: 20px 0 40px} .m-area .area_list ul li {display:block; justify-content:space-between;margin-bottom:20px; } .m-area .area_list ul li .fls{width:100%; } .m-area .area_list ul li .fls .fts{width:100%; display:flex; padding:5px 10px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);} .m-area .area_list ul li .fls .fts .numb{width:15%;margin:auto;} .m-area .area_list ul li .fls .fts .numb h3{font-weight: 900;font-size: 42px;line-height: 60px;color: #0773CB;margin:0px 0;} .m-area .area_list ul li .fls .fts .titp{width:85%;padding:20px;} .m-area .area_list ul li .fls .fts .titp h3{font-size: 20px;line-height: 28px;color: #0773CB;} .m-area .area_list ul li .fls .fts .titp h4{ width: 30px;height: 1px;background: #FC4F00;margin:5px 0;} .m-area .area_list ul li .fls .fts .titp p{ font-weight: 400;font-size: 12px;line-height: 18px;color: #5C6068;} .m-area .area_list ul li .frs{width:100%;height:170px;} } div[role="button"]{outline:none}