/*--------全局样式--------*/
*{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;
}  
/* 首页 */
.Welcome{height: 80px;line-height: 80px;}
.Welcome .logo{float: left; width:45%;height:80px;line-height: 80px;}
.Welcome .logo img{width:60%;vertical-align: middle;line-height: 50px;}
.Welcome  .nav-tel {width: 40%;float: right;height: 80px;line-height: 80px;
text-align: right;font-size: 16px;}
.Welcome  .nav-tel i:first-child{font-size: 16px;height:35px;display: block;line-height: 35px;padding-top: 5px;font-style: normal;}
.Welcome  .nav-tel i:last-child{font-size: 30px;color: #0065b8;height:35px;display: block;line-height: 35px;padding-bottom: 5px;font-style: normal;}

.header {width: 100%;background-color: #0065b8;}
.header .nav{height: 40px;}
.header .nav  ul li{position: relative; float: left;text-align: center;line-height: 40px;width: 133px;}
.header .nav  ul li a{color: #fff;font-size: 16px;height:40px;display: inline-block;line-height: 40px;width: 133px;}
.header .nav  ul li .this{color: #fff;background: #5e8eff;}
.header .nav  ul li a:hover{color: #fff;background: #5e8eff;}

 .swiper-container{
   --swiper-theme-color: #99c1e3;
    --swiper-pagination-color: #5e8eff;/* 两种都可以 */
  }
   .swiper-container{
      --swiper-theme-color: #0065b8;/* 设置Swiper风格 */
      --swiper-navigation-color: #0065b8;/* 单独设置按钮颜色 */
      --swiper-navigation-size: 36px;/* 设置按钮大小 */
    }
	.mindex-banner{display: none;}
	.m-index{display: none;}
	/* .index-banner{margin-top: 100px;} */
	#banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{margin-right: 400px;}
		#banner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{margin-left: 400px;}
	 	#banner .index-banner {width: 100%;}
		.index{width: 100%;}
		.index_Search,.index_center,.index_Maintain,.index_product,.index_about,.index_news,.index_repair,.index_quality{width: 100%}
.index-banner img{width: 100%;}
.index_Search .Top_Search{margin-top: 40px;}
.index_Search .Top_Search .search-type{border-right: 1px solid #FFBA00;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 #ffba00;height: 30px;width:220px;}
.index_Search .Top_Search form{height: 70px;border: 1px solid #ffba00;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: #FFBA00;text-align: center;position: absolute;right: 20px;color: #fff;height: 50px;line-height: 50px;cursor:pointer}
.index {width: 100%;}
.index .title{padding: 80px 0 60px;position: relative;text-align: center;}
.index .title h4{font-size: 48px;color: #f5f5f5;}
.index .title h5{font-size: 32px;position: absolute;top: 100px;left: 45%;}
.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;}
/* .index .index_center .swiper-wrapper{width:100%;margin: 0 auto;overflow: hidden;} */

.index .index_Maintain .Maintain-main{display: flex;align-items: center;justify-content: space-between;padding-bottom: 20px;}
.index .index_Maintain .maintain-item{position: relative;cursor:pointer}
.index .index_Maintain .maintain-item img{width: 640px;height: 430px;}
.index .index_Maintain .maintain-item::before {content: " ";position: absolute;top: 0;left: 0; width: 640px;height: 430px;background-color: rgba(0, 0, 0, 0.5); }

.index .index_Maintain .maintain-item p{position: absolute;bottom: 24px;color: #fff;width: 592px;height: 382px;left: 24px;line-height: 382px;text-align: center;font-size: 28px;}
.index .index_Maintain .maintain-item p  span img{width: 100%;height: 100%;}
.index .index_Maintain .maintain-item:hover p{border: 1px solid #fff;}
.index .index_Maintain .maintain-item:hover p span {display: block;}
.index .index_Maintain .maintain-item p  span {display: block;height: 43px !important;width:44px !important;position: absolute;top: 15%;left: 47%;display: none;}
.index .index_product .swiper-container-pointer-events{margin:  0 auto;padding-bottom: 30px;padding-left: 10px;}
.index .index_product{padding-bottom: 100px;}
.index .index_product .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px;}

.index .index_product .product-list .list-item{background-color: #f5f5f5;height: 320px;margin: 5px 0px 0 0px;width: 281px !important;cursor:pointer}
.index .index_product  .list-item .item-icon{padding: 50px 0 60px;width: 100%; margin: 0 auto;text-align: center;}
.index .index_product  .list-item .item-icon img{width:224.79px;height:175.96px;text-align: center;margin: 0 auto;}
.index .index_product  .list-item  p{text-align: center;font-size: 18px;position: absolute;bottom: 50px;width:100%}
.index .index_product  .list-item:hover{box-shadow: 0 0 5px #ccc;}
.index .index_product  .list-item  h6{width: 50px;height: 2px;background-color: #0065b8;text-align: center;margin: 0 auto;position: absolute;bottom: 40px;left: 40%;}

.index .index_about{width: 100%;background: url(../img/about-bg1.png) no-repeat center;height: 600px;}
.index .index_about .about-main .fl{width: 45%; padding-top:100px;}
.index .index_about .about-main .fr{width: 52%; padding-top: 80px;}
.index .index_about .about-main .fr img{width: 100%;}
.index .index_about .about-main .fl h3{font-size: 48px;color: #fff;}
.index .index_about .about-main .fl h6{font-size: 32px;color: #fff;padding: 14px 0 70px;}
.index .index_about .about-main .fl p{color: #ffff;font-size: 16px;line-height: 24px;padding-bottom: 60px;}
.index .index_about .about-main .fl a{width: 200px;height: 50px;display: block;background-color: #ffba00;text-align: center;line-height: 50px;color: #fff;}
.index .index_repertory{ padding-bottom: 100px;}
.index .index_repertory .repertory-main .fl{width: 45%;}
.index .index_repertory .repertory-main .fl p{color: #999;font-size: 16px;margin-top: 80px;line-height: 24px;}
.index .index_repertory .repertory-main .fr{width: 50%;background-color: #fff;height: 220px;padding: 15px  20px;}
.index .index_repertory .repertory-main .fr .swiper-slide{height: 100%;}
.index .index_repertory .repertory-main .fr .swiper-slide img{width: 100%;height:175px;}
.index .index_news{background-color: #f7fcff;}
.index .index_news .new-main{display: flex;/*align-items: center;*/justify-content: space-between;padding-bottom: 80px;}
.index .index_news .news-item{width: 32%;position: relative;}
.index .index_news .news-item h6{font-size: 48px;padding-bottom: 30px;color: #ffba00;}
.index .index_news .news-item h6 span{font-size: 20px;}
.index .index_news .news-item h3{color: #666;font-size: 24px;padding-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.index .index_news .news-item p {
		line-height: 24px;
		font-size: 16px;
		color: #999;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		-webkit-box-orient: vertical;
	}
.index .index_news .news-item a{display: block;background: url(../img/xy.png) no-repeat 10px;margin-top: 30px;background-size: 5%;transition: all 0.5s;height: 30px;}
.index .index_news .news-item a span{color:#ffba00 ;font-size: 18px;display: none;}
.index .index_news .news-item:hover{cursor: pointer;}
.index .index_news .news-item:hover  a{background: url(../img/xy1.png) no-repeat 75px;background-size: 5%;}
.index .index_news .news-item:hover a span{display: block;}

.index .index_repair .repair-main{display: flex;align-items: center;justify-content: space-between;height: 120px;}
.index .index_repair .repair-main .repair-item{width: 31%;border: 2px solid #ccc;margin-bottom: 20px;}
.index .index_repair .repair-main .repair-icon{padding: 38px 10px 35px 48px;}
.index .index_repair .repair-main .repair-icon img{width: 100%;}

.index .index_repair .repair-main .repair-title{padding: 35px 39px 0 0;}
.index .index_repair .repair-main .repair-title h4{font-weight: bold;padding-bottom: 10px;font-size: 18px;}
.index .index_repair .repair-main .repair-title p{font-size: 16px;}
.index .index_repair .repair-footer-fo{display: flex;align-items: center;justify-content: space-between;}
.index .index_repair .repair-footer-fo div{width:31%;}
.index .index_repair .repair-footer input{width: 100%;height: 50px;border-bottom:1px solid #ddd ;border-top: none;border-left: none;border-right: none;margin-top: 20px;}
.index .index_repair .repair-footer input::placeholder, .repair-footer textarea::placeholder{font-size: 18px;color: #999;}
.index .index_repair .repair-footer textarea{border-top: none;border-left: none;border-right: none;border-bottom:1px solid #ddd ;height:70px;width: 100%;line-height: 70px;overflow:hidden; resize:none;}
.index .index_repair .repair-footer a{color: #fff;background-color: #ffba00;display: block;margin: 60px auto 100px;padding: 16px  70px;width: 15%;text-align: center;}

.index .index_quality{background-color: #f5f5f5;}

.index .index_quality .quality-main{padding-top: 100px;display: flex;align-items: center;justify-content: space-between;}
.index  .quality-main .quality-item{width: 30%;text-align: center;}
.index  .quality-main .quality-item img{width: 30%;     transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
     
}
.index  .quality-main .quality-item:hover img{  transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(1360deg);
        -ms-transform: rotate(360deg);
}
.index  .quality-main .quality-item h5{font-size: 20px;}
.index  .quality-main .quality-item h6{width: 50px;height: 2px;background-color: #0065b8;margin:10px auto 20px ;}
.index  .quality-main .quality-item p{color: #666;font-size: 16px;line-height: 24px;padding-bottom: 100px;}

.footer{width: 100%;background-color: #020200;}
.footer-main{display: flex;justify-content: space-between;}
.footer-main .footer-item{width: 25%;padding: 70px 0 81px;}
.footer-main .footer-item:first-child{width: 35%;}
.footer-main .footer-item h4{padding-bottom: 32px;color: #fff;font-size: 24px;font-weight: bold;}
.footer-main .footer-item ul li{font-size: 16px;color: #fff;line-height: 28px;cursor:pointer;}
.footer-main .footer-item ul li:hover{color: #0065B8;}
.footer-main .footer-item ul li a{color: #b2b2b2;padding-top: 28px;display: block;}
.footer-main .footer-item ul li a:hover{color: #0065B8;}
.footer-main .footer-item p{color: #fff;text-align: center;}
.footer-main .footer-item img{width: 50%;text-align: center;}
.footer .bottom{border-top: 1px solid #ddd;}
.footer .bottom p{padding: 21px 0;text-align: center;color: #fff;font-size: 18px;}
.m_foot{display: none;}

/* 产品中心 */
/* .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;}
.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 .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; background-color:; 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 .title{padding:50px 0 50px;position: relative;text-align: center;}
.Product .title h4{font-size: 48px;color: #f5f5f5;}
.Product .title h5{font-size: 32px;position: absolute;top: 75px;left: 45%;}



.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 .title{padding: 50px 0 50px;position: relative;text-align: center;}
.index_Search .title h4{font-size: 48px;color: #f5f5f5;}
.index_Search .title h5{font-size: 32px;position: absolute;top: 75px;left: 45%;}

.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 .title{padding: 50px 0 50px;position: relative;text-align: center;}
.Brand .under .title h4{font-size: 48px;color: #f5f5f5;}
.Brand .under .title h5{font-size: 32px;position: absolute;top: 75px;left: 45%;}

.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;}

/* 轴承品牌详情 */
.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: #f9c116;font-size: 18px;text-align: right;margin: 30px 0;cursor: pointer;}
.BrandDateil .Top .fl .show img{width: 20px;margin-left: 10px; 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: 50px 0 50px;position: relative;text-align: center;}
.BrandDateil .brand_good .title h4{font-size: 48px;color: #8c8c8c;}
.BrandDateil .brand_good .title h5{font-size: 32px;position: absolute;top: 75px;left: 45%;color: #fff;}
.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_apply .title{padding: 50px 0 50px;position: relative;text-align: center;}
.BrandDateil .brand_apply .title h4{font-size: 48px;color: #e5e5e5;}
.BrandDateil .brand_apply .title h5{font-size: 32px;position: absolute;top: 75px;left: 45%;color: #333;}
.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 .title{padding: 50px 0 50px;position: relative;text-align: center;}
.App .under .title h4{font-size: 48px;color: #f5f5f5;}
.App .under .title h5{font-size: 32px;position: absolute;top: 75px;left: 45%;}

.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 .title{padding: 50px 0 50px;position: relative;text-align: center;}
.app_detail .title h4{font-size: 48px;color: #f5f5f5;}
.app_detail .title h5{font-size: 32px;position: absolute;top: 75px;left: 45%;}
.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;}
/* 应用领域 */
.area .title{padding: 50px 0 50px;position: relative;text-align: center;}
.area .title h4{font-size: 48px;color: #f5f5f5;}
.area .title h5{font-size: 32px;position: absolute;top: 75px;left: 45%;}
.area .area_list{margin: 20px 0 80px}
.area .area_list ul li .fl{position: relative; width: 50%;height: 340px;}
.area .area_list ul li .fl .ft{position: relative; padding: 0 10% 0 0;margin-top: 50px;}
.area .area_list ul li:nth-child(even) .fl .ft{position: relative; padding: 0 0 0 15%;margin-top: 50px;}
.area .area_list ul li .fl h3{width: 100%;}
.area .area_list ul li .fl p{color: #696969;font-size: 15px;font-weight: 300;padding-top: 20px;}
.area .area_list ul li .fl .ft .icon{height: 80px;}
.area .area_list ul li .fl .Subscript{position: absolute;bottom: 40px;right: -23px;z-index: 999; width: 47px;height: 41px;background: url(../img/Subscript.png) center no-repeat;background-size: cover;}
.area .area_list ul li .fl .Subscript2{position: absolute;left: 0px;top:0px;z-index: 999; width: 35px;height:100%;background: url(../img/shu.png) center no-repeat;background-size: cover;}
.m-area{display: none;}

/* 新闻 */
.News_banner{width: 100%;height: 400px;}
.News{width: 100%;}
.News .title{padding: 50px 0 50px;position: relative;text-align: center;}
.News .title h4{font-size: 48px;color: #f5f5f5;}
.News .title h5{font-size: 32px;position: absolute;top: 75px;left: 45%;}
.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;}


.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:#0065b8;height: 2px;margin: 8px 0 20px;}
.we .we-link{line-height: 30px;font-size: 14px;}
.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:#0065b8;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;}{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){
	.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: 0px 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:55px;background: url(../img/logo12.png) left no-repeat;background-size:contain;}
.m_head .fr .icon{float: right;width: 40px; height: 55px;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: 100%;
}
.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;}
.m-index .title{padding: 40px 0 40px;position: relative;text-align: center;}
.m-index .title h4{font-size: 30px;color: #f5f5f5;}
.m-index .title h5{font-size: 20px;top: 60px;position: absolute;left: 50%;margin-left: -40px;}
.m-index{display: block;margin: 40px auto 0;width: 100%;}

.m-index  .search-type{border-right: 1px solid #ffba00;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 #ffba00;height: 30px;width:220px;}
.m-index  form{height: 50px;border: 1px solid #ffba00;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: #ffba00;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%;}


.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: #f9c116;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_good .title{padding: 40px 0 40px;position: relative;text-align: center;}
.m-BrandDateil .brand_good .title h4{font-size: 30px;color: #8c8c8c;}
.m-BrandDateil .brand_good .title h5{font-size: 20px;position: absolute;top: 50px;color: #fff;left: 50%;margin-left: -40px;}
.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 .brand_apply .title{padding: 40px 0 40px;position: relative;text-align: center;}
.m-BrandDateil .brand_apply .title h4{font-size: 30px;color: #e5e5e5;}
.m-BrandDateil .brand_apply .title h5{font-size: 20px;position: absolute;top: 55px;left: 50%;color: #333;margin-left: -40px;}
.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;}
	/* 产品中心 */
	.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 #ffba00;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: #ffba00;text-align: center;position: absolute;right: 10px;color: #fff;height:30px;line-height: 30px;}
.prodSearch  .search-type{border-right: 1px solid #ffba00;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 #ffba00;height: 30px;width:220px;}
.prodSearch  form{height: 50px;border: 1px solid #ffba00;display: flex;align-items: center;position: relative;width: 90%;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: #ffba00;text-align: center;position: absolute;right: 10px;color: #fff;height:30px;line-height: 30px;}
.prodSearch .title{display:none}
.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%;}

.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;}
.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;}

/* 应用领域 */
.area {display: none;}
.m-area{display: block;}
.m-area .area-main{width: 90%;margin: 0 auto 20px ;padding: 20px 0px 0px;}

.m-area .area-left a{display:block;width:100%;height:180px;position:relative;}

.m-area .area-right .area-title{display: flex;align-items: center;padding: 20px 0 10px; }
.m-area .area-right .area-title h6{font-size: 18px;}

.m-area .area-right .area-title div:first-child{font-size:36px ;color: #0065B8;font-weight: 600px;padding-right: 12px;}
.m-area .area-right h3{padding:20px 0 10px;font-size: 18px;font-weight: bold;}
.m-area .area-right p{font-size: 14px;margin-bottom: 25px;line-height:24px;color: #666;}
}

div[role="button"]{outline:none}